×WordPressでの企業WEBの作り方

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

本日のお題目

×

chapter 0

自己紹介chapter 1

基本的構成方法

chapter 2

WordPress設定

chapter 3

プラグイン

chapter 4

テーマ

chapter 5

サイト制作

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

2

×

自己紹介

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

3

Chapter 0 自己紹介

自己紹介
大曲×

仁 / jim912

プライム・ストラテジー株式会社で主にシステム開発を担当しています。
WordPressをCMSとして、Webサイトを作る簡単なお仕事です。

財団法人 日本自動車研究所

毎日中国経済http://www.jari.or.jp/

http://www.xinhua.jp/

公式プラグインなども作っています。
PS Auto SitemapPS Disable Auto Formatting
Twitter : @jim0912

PS Taxonomy Expander

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

4

×

基本的構成方法

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

5

Chapter 1 基本的構成方法

基本的構成方法
投稿

×

固定ページ

•時系列順での出力•順序でのソート•カテゴリー、タグなどによる分類•カテゴライズはなし•投稿間での親子関係はなし•固定ページ間で親子関係を持つことが可能•投稿毎の専用テンプレート選択は不可•ページ毎に専用テンプレートが選択可能

新着ニュース、プレスリリースなど

サービス、会社概要等一般ページ

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

6

Chapter 1 基本的構成方法

基本構成方法×

サイトマップと構成
トップページ

新着ニュースサービス紹介ニューニュース１
ニュース１ス１

サービスＡ

事例紹介

会社
概要

事例
ニュー
Ａニュー
ス１
ス１

採用
情報

企業
理念

お問合
せ個人情報

サイト
マップ

応募
方法

固定ページ
サービ
スＢ

沿革

投稿カテゴリーマップ

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

7

×

設定

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

8

Chapter 2 設定

設定

×

一般設定
キャッチフレーズ
企業の特色を一言で表したもの。
例） 「オープンソースのブログ／CMS プラットフォーム」

投稿設定
投稿入力欄の大きさ20～30にしておくと、編集性が向上
リモート投稿
Atom、XML-RPC共に無効

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

9

Chapter 2 設定

設定

×

表示設定
フロントページの表示
構成・使用テーマに応じて適宜

ディスカッション
投稿のデフォルト設定
新しい投稿へのコメントは不許可
コメント表示条件
管理者の承認を常に必要とする※ 各投稿でコメントが許可されてしまった場合の予防策
アバター
表示しない

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

10Chapter 2 設定

設定

×メディア設定
画像サイズ
デザインに応じて※ 中サイズは、メインカラム幅の半分以下にパーマリンク設定
一般的な設定お好みで。弊社の場合は、 /%category%/%post_id%/ を多用。
スラッグの入力の手間が軽減、編集し忘れのミスが無くなる。

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

11

×

プラグイン

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

12

Chapter 3 プラグイン

プラグイン

×

企業サイトに便利なプラグイン
WP Multibyte Patch

WP-PageNavi

Ultimate Google Analytics

日本語環境ページネーション

Google Analytics 解析スクリプト出力

Contact Form 7Breadcrumb NavXTPS Taxonomy Expander

問い合わせフォーム

パンくずナビカテゴリー等のユーザビリティー改善

Revision Control

CMS Tree Page View

Admin SSL

リビジョン数制限

ページ編集性改善

SSL対応

TinyMCE Advanced

PS Auto Sitemap

Google XML Sitemaps

ビジュアルエディタ拡張

サイトマップページ表示

ロボット向けサイトマップ

WP-DBManager

PS Disable Auto Formatting

Head Cleaner

データベースバックアップ

編集性改善

CSS、Javascriptコンポーネントの統合・圧縮

Custom Field Template

All in One Sub Navi ウィジェット

カスタムフィールド入力UI

固定ページの動線強化

本日初公開

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

13

Chapter 3 プラグイン

プラグイン×

プラグイン選択のポイント
信頼性に問題が無く、WordPressの最新バージョンに対応できているか？
100%ではないが、下記条件に合致しているかどうかである程度判断できる。
•公式ディレクトリに登録されていること•最終更新が古くないこと•ダウンロード数が多いこと。
•ダウンロードページのCompatibilityがWorks!になっていること。

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

14

×

テーマ

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

15

Chapter 4 テーマ

テーマ

×

め組「膳」テーマ
http://bit.ly/d76iqW
http://www.10press.net/theme/3284
フルカスタマイズであれば、デフォルトテーマ Twenty
Ten の子テーマでの作成

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

16

×

サイト制作

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

17

Chapter 5 サイト制作

サイト制作

×

サイト構成
トップページ

新着ニュースサービス紹介ニューニュース１
ニュース１ス１

サービ
スＡ

事例紹介

会社
概要

事例
ニューＡニュー
ス１
ス１

採用
情報

企業
理念

お問合
せ個人情報

サイト
マップ

応募
方法

固定ページ
サービ
スＢ

沿革

投稿
カテゴリー

マップ

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

18

Chapter 5 サイト制作

サイト制作

×

カテゴリーの編集
1. 最も利用頻度の高いカテゴリーをデフォルトカテゴリーに設定（未分類カテゴリーを編集）
未分類（uncategorized） → 新着ニュース（news）
2. オプションカテゴリーを追加
事例紹介（case）
3. それぞれのカテゴリーでより細分化させる場合は、子カテゴリーとして作成。

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

19

Chapter 5 サイト制作

サイト制作

×

ページの作成1. サイトマップに従って、ページの作成
2. 階層毎に作るのが分かりやすい。
3. 順序のナンバリングは、10 or 100 番飛び（あとで、間にページの追加が行いやすいように）Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

20

Chapter 5 サイト制作

サイト制作

×

問い合わせフォームの設定（Contact Form 7）
お問い合わせメニューから項目・メール等の設定
フォームのショートコードを投稿欄にペースト

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

21

Chapter 5 サイト制作

サイト制作

×

サイトマップの設定(PS Auto Sitemap)
1. サイトマップのページを作成
2. サイトマップページの投稿欄にHTMLモードで<!-- SITEMAP CONTENT REPLACE POINT -->を入力
3. 設定メニューのPS Auto Sitemapでサイトマップを表示する記事に作成したサイトマップのページIDを入力

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

22

Chapter 5 サイト制作

サイト制作

×

ナビゲーションの設定(テーマの実装による)
1. 「メニュー」メニューより、表示させたい項目をドラッグアンドドロップ（今回は、サービス紹介、事例紹介、会社概要、採用情報、お問い合わせ、サイトマップの６項目）
2. フッターにカスタムメニューのウィジェットを使用し、フッターナビゲーションを追加

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

23

Chapter 5 サイト制作

サイト制作

×

トップページの設定（膳テーマ）
1. フロントページのウィジェットエリア１にページコンテンツナビゲーションを追加、表示する４ページを選択。
2. 選択した各ページのカスタムフィールドに、名前をdescriptionとして入力したデータがトップページに表示。

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

24

Chapter 5 サイト制作

サイト制作

×

サブナビの実装
1. プラグインのAll in One Sub Navi ウィジェットを有効化
2. ウィジェットの管理ページにて、ウィジェットエリア１にサブナビを追加
3. ホーム、投稿・カテゴリー・タグ・アーカイブ・作成者、固定ページを適宜設定

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

25

×

ご清聴ありがとうございました。

Prime Strategy
Copyright (C) ２０１０ Prime Strategy co.,ltd.

26