Post on 28-May-2020
transcript
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy
WordPressでの企業WEBの作り方
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy2
本日のお題目
chapter 0 自己紹介chapter 1 基本的構成方法chapter 2 WordPress設定chapter 3 プラグインchapter 4 テーマchapter 5 サイト制作
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy3
自己紹介
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy4
自己紹介
大曲 仁 / jim912
Chapter 0 自己紹介
プライム・ストラテジー株式会社で主にシステム開発を担当しています。WordPressをCMSとして、Webサイトを作る簡単なお仕事です。
公式プラグインなども作っています。PS Auto Sitemap PS Taxonomy ExpanderPS Disable Auto Formatting
Twitter : @jim0912
財団法人 日本自動車研究所http://www.jari.or.jp/
毎日中国経済http://www.xinhua.jp/
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy5
基本的構成方法
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy6
基本的構成方法Chapter 1 基本的構成方法
投稿
•時系列順での出力
•カテゴリー、タグなどによる分類
•投稿間での親子関係はなし
•投稿毎の専用テンプレート選択は不可
固定ページ
•順序でのソート
•カテゴライズはなし
•固定ページ間で親子関係を持つことが可能
•ページ毎に専用テンプレートが選択可能
新着ニュース、プレスリリースなど サービス、会社概要等一般ページ
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy
ニュース1
ニュース1
7
基本構成方法Chapter 1 基本的構成方法
サイトマップと構成
トップページ
新着ニュー
ス
サービス紹介
事例紹介
会社概要
採用情報
個人情報
サイトマップ
企業理念
沿革
応募方法
お問合せ
サービスA
サービスB
ニュース1 ニュー
ス1
ニュース1
事例A
固定ページ
投稿
カテゴリー
マップ
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy8
設定
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy9
一般設定
キャッチフレーズ
企業の特色を一言で表したもの。
例) 「オープンソースのブログ/CMS プラットフォーム」
設定Chapter 2 設定
投稿設定
投稿入力欄の大きさ
20~30にしておくと、編集性が向上
リモート投稿
Atom、XML-RPC共に無効
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy10
表示設定
フロントページの表示
構成・使用テーマに応じて適宜
設定Chapter 2 設定
ディスカッション
投稿のデフォルト設定
新しい投稿へのコメントは不許可
コメント表示条件
管理者の承認を常に必要とする
※ 各投稿でコメントが許可されてしまった場合の予防策
アバター
表示しない
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy11
メディア設定
画像サイズ
デザインに応じて
※ 中サイズは、メインカラム幅の半分以下に
設定Chapter 2 設定
パーマリンク設定
一般的な設定
お好みで。弊社の場合は、 /%category%/%post_id%/ を多用。
スラッグの入力の手間が軽減、編集し忘れのミスが無くなる。
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy12
プラグイン
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy13
企業サイトに便利なプラグイン
WP Multibyte Patch
日本語環境
Contact Form 7
問い合わせフォーム
Revision Control
リビジョン数制限
TinyMCE Advanced
ビジュアルエディタ拡張
WP-DBManager
データベースバックアップ
Custom Field Template
カスタムフィールド入力UI
プラグインChapter 3 プラグイン
WP-PageNavi
ページネーション
Breadcrumb NavXT
パンくずナビ
CMS Tree Page View
ページ編集性改善
PS Auto Sitemap
サイトマップページ表示
PS Disable Auto Formatting
編集性改善
All in One Sub Navi ウィジェット
固定ページの動線強化
Ultimate Google Analytics
Google Analytics 解析スクリプト出力
PS Taxonomy Expander
カテゴリー等のユーザビリティー改善
Admin SSL
SSL対応
Google XML Sitemaps
ロボット向けサイトマップ
Head Cleaner
CSS、Javascriptコンポーネントの統合・圧縮
本日初公開
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy14
プラグイン選択のポイント
プラグインChapter 3 プラグイン
100%ではないが、下記条件に合致しているかどうかである程度判断できる。
•公式ディレクトリに登録されていること
•最終更新が古くないこと
•ダウンロード数が多いこと。
•ダウンロードページのCompatibilityがWorks!になっていること。
信頼性に問題が無く、WordPressの最新バージョンに対応できているか?
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy15
テーマ
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy16
め組「膳」テーマ
テーマChapter 4 テーマ
http://bit.ly/d76iqWhttp://www.10press.net/theme/3284
フルカスタマイズであれば、デフォルトテーマ Twenty
Ten の子テーマでの作成
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy17
サイト制作
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy
ニュース1
ニュース1
18
サイト制作Chapter 5 サイト制作
サイト構成
トップページ
新着ニュー
ス
サービス紹介
事例紹介
会社概要
採用情報
個人情報
サイトマップ
企業理念
沿革
応募方法
お問合せ
サービスA
サービスB
ニュース1 ニュー
ス1
ニュース1
事例A
固定ページ
投稿
カテゴリー
マップ
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy19
カテゴリーの編集
1. 最も利用頻度の高いカテゴリーをデフォルトカテゴリーに設定(未分類カテゴリーを編集)
未分類(uncategorized) → 新着ニュース(news)
2. オプションカテゴリーを追加
事例紹介(case)
3. それぞれのカテゴリーでより細分化させる場合は、子カテゴリーとして作成。
サイト制作Chapter 5 サイト制作
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy20
ページの作成
サイト制作Chapter 5 サイト制作
1. サイトマップに従って、ページの作成
2. 階層毎に作るのが分かりやすい。
3. 順序のナンバリングは、10 or 100 番飛び(あとで、間にページの追加が行いやすいように)
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy21
問い合わせフォームの設定(Contact Form 7)
サイト制作Chapter 5 サイト制作
お問い合わせメニューから項目・メール等の設定
フォームのショートコードを投稿欄にペースト
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy22
サイトマップの設定(PS Auto Sitemap)
サイト制作Chapter 5 サイト制作
1. サイトマップのページを作成
2. サイトマップページの投稿欄にHTMLモードで<!-- SITEMAP CONTENT REPLACE POINT -->
を入力
3. 設定メニューのPS Auto Sitemapでサイトマップを表示する記事に作成したサイトマップのページ
IDを入力
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy23
ナビゲーションの設定(テーマの実装による)
サイト制作Chapter 5 サイト制作
1. 「メニュー」メニューより、表示させたい項目をドラッグアンドドロップ(今回は、サービス紹介、事例
紹介、会社概要、採用情報、お問い合わせ、サイトマップの6項目)
2. フッターにカスタムメニューのウィジェットを使用し、フッターナビゲーションを追加
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy24
トップページの設定(膳テーマ)
サイト制作Chapter 5 サイト制作
1. フロントページのウィジェットエリア1にページコンテンツナビゲーションを追加、表示する4ページ
を選択。
2. 選択した各ページのカスタムフィールドに、名前をdescriptionとして入力したデータがトップページ
に表示。
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy25
サブナビの実装
サイト制作Chapter 5 サイト制作
1. プラグインのAll in One Sub Navi ウィジェットを有効化
2. ウィジェットの管理ページにて、ウィジェットエリア1にサブナビ
を追加
3. ホーム、投稿・カテゴリー・タグ・アーカイブ・作成者、固定ペー
ジを適宜設定
×
Copyright (C) 2010 Prime Strategy co.,ltd.
Prime Strategy26
ご清聴ありがとうございました。