×

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

Prime Strategy

WordPressでの企業WEBの作り方

×

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

Prime Strategy2

本日のお題目

chapter 0 自己紹介chapter 1 基本的構成方法chapter 2 WordPress設定chapter 3 プラグインchapter 4 テーマchapter 5 サイト制作

×

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

Prime Strategy3

自己紹介

×

Copyright (C) ２０１０ 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) ２０１０ Prime Strategy co.,ltd.

Prime Strategy5

基本的構成方法

×

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

Prime Strategy6

基本的構成方法Chapter 1 基本的構成方法

投稿

•時系列順での出力

•カテゴリー、タグなどによる分類

•投稿間での親子関係はなし

•投稿毎の専用テンプレート選択は不可

固定ページ

•順序でのソート

•カテゴライズはなし

•固定ページ間で親子関係を持つことが可能

•ページ毎に専用テンプレートが選択可能

新着ニュース、プレスリリースなど サービス、会社概要等一般ページ

×

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

Prime Strategy

ニュース１

ニュース１

7

基本構成方法Chapter 1 基本的構成方法

サイトマップと構成

トップページ

新着ニュー

ス

サービス紹介

事例紹介

会社概要

採用情報

個人情報

サイトマップ

企業理念

沿革

応募方法

お問合せ

サービスＡ

サービスＢ

ニュース１ ニュー

ス１

ニュース１

事例Ａ

固定ページ

投稿

カテゴリー

マップ

×

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

Prime Strategy8

設定

×

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

Prime Strategy9

一般設定

キャッチフレーズ

企業の特色を一言で表したもの。

例） 「オープンソースのブログ／CMS プラットフォーム」

設定Chapter 2 設定

投稿設定

投稿入力欄の大きさ

20～30にしておくと、編集性が向上

リモート投稿

Atom、XML-RPC共に無効

×

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

Prime Strategy10

表示設定

フロントページの表示

構成・使用テーマに応じて適宜

設定Chapter 2 設定

ディスカッション

投稿のデフォルト設定

新しい投稿へのコメントは不許可

コメント表示条件

管理者の承認を常に必要とする

※ 各投稿でコメントが許可されてしまった場合の予防策

アバター

表示しない

×

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

Prime Strategy11

メディア設定

画像サイズ

デザインに応じて

※ 中サイズは、メインカラム幅の半分以下に

設定Chapter 2 設定

パーマリンク設定

一般的な設定

お好みで。弊社の場合は、 /%category%/%post_id%/ を多用。

スラッグの入力の手間が軽減、編集し忘れのミスが無くなる。

×

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

Prime Strategy12

プラグイン

×

Copyright (C) ２０１０ 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) ２０１０ Prime Strategy co.,ltd.

Prime Strategy14

プラグイン選択のポイント

プラグインChapter 3 プラグイン

100%ではないが、下記条件に合致しているかどうかである程度判断できる。

•公式ディレクトリに登録されていること

•最終更新が古くないこと

•ダウンロード数が多いこと。

•ダウンロードページのCompatibilityがWorks!になっていること。

信頼性に問題が無く、WordPressの最新バージョンに対応できているか？

×

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

Prime Strategy15

テーマ

×

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

Prime Strategy16

め組「膳」テーマ

テーマChapter 4 テーマ

http://bit.ly/d76iqWhttp://www.10press.net/theme/3284

フルカスタマイズであれば、デフォルトテーマ Twenty

Ten の子テーマでの作成

×

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

Prime Strategy17

サイト制作

×

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

Prime Strategy

ニュース１

ニュース１

18

サイト制作Chapter 5 サイト制作

サイト構成

トップページ

新着ニュー

ス

サービス紹介

事例紹介

会社概要

採用情報

個人情報

サイトマップ

企業理念

沿革

応募方法

お問合せ

サービスＡ

サービスＢ

ニュース１ ニュー

ス１

ニュース１

事例Ａ

固定ページ

投稿

カテゴリー

マップ

×

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

Prime Strategy19

カテゴリーの編集

1. 最も利用頻度の高いカテゴリーをデフォルトカテゴリーに設定（未分類カテゴリーを編集）

未分類（uncategorized） → 新着ニュース（news）

2. オプションカテゴリーを追加

事例紹介（case）

3. それぞれのカテゴリーでより細分化させる場合は、子カテゴリーとして作成。

サイト制作Chapter 5 サイト制作

×

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

Prime Strategy20

ページの作成

サイト制作Chapter 5 サイト制作

1. サイトマップに従って、ページの作成

2. 階層毎に作るのが分かりやすい。

3. 順序のナンバリングは、10 or 100 番飛び（あとで、間にページの追加が行いやすいように）

×

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

Prime Strategy21

問い合わせフォームの設定（Contact Form 7）

サイト制作Chapter 5 サイト制作

お問い合わせメニューから項目・メール等の設定

フォームのショートコードを投稿欄にペースト

×

Copyright (C) ２０１０ 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) ２０１０ Prime Strategy co.,ltd.

Prime Strategy23

ナビゲーションの設定(テーマの実装による)

サイト制作Chapter 5 サイト制作

1. 「メニュー」メニューより、表示させたい項目をドラッグアンドドロップ（今回は、サービス紹介、事例

紹介、会社概要、採用情報、お問い合わせ、サイトマップの６項目）

2. フッターにカスタムメニューのウィジェットを使用し、フッターナビゲーションを追加

×

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

Prime Strategy24

トップページの設定（膳テーマ）

サイト制作Chapter 5 サイト制作

1. フロントページのウィジェットエリア１にページコンテンツナビゲーションを追加、表示する４ページ

を選択。

2. 選択した各ページのカスタムフィールドに、名前をdescriptionとして入力したデータがトップページ

に表示。

×

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

Prime Strategy25

サブナビの実装

サイト制作Chapter 5 サイト制作

1. プラグインのAll in One Sub Navi ウィジェットを有効化

2. ウィジェットの管理ページにて、ウィジェットエリア１にサブナビ

を追加

3. ホーム、投稿・カテゴリー・タグ・アーカイブ・作成者、固定ペー

ジを適宜設定

×

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

Prime Strategy26

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