できるWordPressサイト 大 解 剖
アジェンダ chapter 0 自 己 紹 介 chapter 1 chapter 2 chapter 3 chapter 4 できるWordPressサイトとは? 構 成 のひみつ パフォーマンスのひみつ 最 後 にひとこと 2
自 己 紹 介 3
Chapter 0 自 己 紹 介 自 己 紹 介 大 曲 仁 / jim912 WordPressインテグレーションサービスを 提 供 するプライム ストラテジーで 主 にシステム 開 発 を 担 当 2010 WordCamp 横 浜 実 行 委 員 長 WordBench 東 京 モデレーター WordPress 日 本 語 フォーラム 回 答 者 プラグインをWordPress.ORGにて 公 開 しています PS Auto Sitemap Ps Taxonomy Expander PS Disable Auto Formatting Page Navi Bread Crumb Simple Colors ( http://www.warna.info/ ) @jim0912 4
できるWordPressサイトとは? 5
Chapter 1 できるWordPressサイトとは? できるWordPressサイトとは? プライム ストラテジー http://www.prime-strategy.co.jp/ すみません すみません でも ほんとうに 良 くできているので 見 てやって 下 さい きっと 制 作 の 役 に 立 つこともあるはず です! 良 くできてるっていったい Prime どうゆうことよ? Strategy 6
Chapter 1 できるWordPressサイトとは? できるWordPressサイトとは? 構 成 がすごい WordPressの 機 能 を 最 大 限 に 活 用 パフォーマンスがすごい 瞬 速 のレスポンス 7
構 成 のひみつ 8
Chapter 2 構 成 のひみつ 構 成 のひみつ トップページの 情 報 主 な 実 績 講 演 セミナー 新 着 情 報 WordPress 情 報 WordCamp 等 開 催 情 報 プラグイン&テーマ 9
Chapter 2 構 成 のひみつ 構 成 のひみつ 主 な 実 績 実 績 (カスタム 投 稿 タイプ) 表 示 順 が 新 着 順 とは 限 らない ため 順 序 の 項 目 をサポート この 順 序 で 表 示 順 を 決 定 10
Chapter 2 構 成 のひみつ 構 成 のひみつ 主 な 実 績 アイキャッチ 画 像 (115 * 80 px) TOP 公 的 機 関 TOP 企 業 カスタム 分 類 TOP 社 名 のみ 11
Chapter 2 構 成 のひみつ 構 成 のひみつ WordPress 情 報 投 稿 表 示 順 は 基 本 的 に 新 着 順 で 表 示 ただし 先 頭 に 固 定 表 示 を 行 う 可 能 性 があるため 投 稿 で 構 成 12
Chapter 2 構 成 のひみつ 構 成 のひみつ WordPress 情 報 先 頭 に 固 定 表 示 公 開 日 によらず 特 定 の 投 稿 を 常 時 先 頭 表 示 プロフィール 画 像 自 製 プラグインを 利 用 して 画 像 と ユーザーのマッピングを 実 現 13
Chapter 2 構 成 のひみつ 構 成 のひみつ 講 演 セミナー 新 着 情 報 プラグイン&テーマ 情 報 (カスタム 投 稿 タイプ) 表 示 順 が 新 着 順 になることや 更 新 頻 度 なども 鑑 み 1つの カスタム 投 稿 タイプで 対 応 14
Chapter 2 構 成 のひみつ 構 成 のひみつ プライム ストラテジー 講 演 セミナー 新 着 情 報 プラグイン&テーマ カスタム 分 類 アイキャッチ 画 像 (100 * 65 px) 画 像 サイズを 追 加 し 実 績 とは 異 な るサイズのアイキャッチ 画 像 を 表 示 参 考 情 報 WordPressのアイキャッチ 画 像 を 複 数 サイズ 表 示 させる http://www.warna.info/archives/993/ 15
Chapter 2 構 成 のひみつ 構 成 のひみつ WordCamp 等 開 催 情 報 テキストウィジェット 掲 載 内 容 が 不 定 期 となり フォーマットも 変 わる 可 能 性 が 大 きいことから テキスト ウィジェットを 用 いて 自 由 入 力 方 式 を 採 用 16
Chapter 2 構 成 のひみつ 構 成 のひみつ ここまでのまとめ 投 稿 固 定 ページの 他 に 実 績 情 報 というカスタム 投 稿 タイプを 利 用 実 績 と 情 報 の 違 いは 表 示 順 の 法 則 の 違 い 実 績 情 報 共 に カスタム 分 類 を 割 り 当 てて 記 事 をカテゴライズ サムネイルの 表 示 には 主 にアイキャッチ 画 像 を 利 用 し 設 定 の 容 易 さ と 表 示 の 華 やかさを 両 立 定 型 化 しにくい 情 報 は ウィジェットで 自 由 入 力 17
Chapter 2 構 成 のひみつ 構 成 のひみつ ナビゲーション ナビゲーションメニュー 機 能 は 使 わず テンプレートタグのwp_list_pagesを 利 用 カスタムフィールドのデータを 使 うことにより メニューへの 表 示 項 目 を 自 動 化 wp_list_pages( 'title_li=&meta_key=navigation&meta_value=global' );? ナビゲーションメニュー 機 能 を 使 わないのは?? 18
Chapter 2 構 成 のひみつ 構 成 のひみつ ナビゲーションメニューとwp_list_pages ナビゲーションメニュー Good Bad 固 定 ページだけでなく カテゴリーやWP 以 外 のページもメニューに 含 める ことが 可 能 登 録 作 業 が 結 構 煩 雑 メニューの 親 子 関 係 を 全 て 手 動 設 定 する 必 要 がある wp_list_pages Good Bad 固 定 ページの 作 成 時 に 合 わせてメニューの 登 録 が 可 能 プルダウンメニューの 作 成 も 固 定 ページの 親 子 関 係 にしたがって 自 動 設 定 固 定 ページ 以 外 をメニューに 含 めることができない 今 回 のメニューはすべて 固 定 ページだったので 今 回 は wp_list_pages で 作 成 19
Chapter 2 構 成 のひみつ 対 象 サイト 利 用 しているプラグイン 001 Translate Accelerator 表 示 高 速 化 Akismet CMS Tree Page View Google XML Sitemaps mail form ( 非 公 開 ) PS Auto Sitemap PS custom user profile ( 非 公 開 ) スパムコメントのフィルタリング 固 定 ページの 管 理 検 索 エンジン 対 策 メールフォーム サイトマップページ 自 動 生 成 プロフィール 画 像 設 定 20
Chapter 2 構 成 のひみつ 対 象 サイト 利 用 しているプラグイン PS Disable Auto Formatting Meta Manager PS Taxonomy Expander WordPress HTTPS WP-DBManager WP-Syntax WP Multibyte Patch ソースコードの 自 動 整 形 停 止 メタタグの 追 加 カスタム 分 類 のユーザビリティー SSL 対 応 データベースバックアップ 最 適 化 ソースコード 表 示 日 本 語 パッチ 21
パフォーマンスのひみつ 22
Chapter 3 パフォーマンスのひみつ パフォーマンスのひみつ トップページの 平 均 処 理 時 間 0.084 秒 WP Super Cacheなど ページキャッシュは 未 使 用 計 測 方 法 : </html> 直 前 で echo timer_stop( 0, 3 ); Debug Bar Extenderで 計 測 することも 可 能 23
Chapter 3 パフォーマンスのひみつ パフォーマンスのひみつ 運 用 サーバ 場 所 東 京 都 内 DC 構 成 VPS 1 台 構 成 ( 全 4 台 ) CPU Xeon 2.66GHz 4Core 共 有 メモリ 1G Webサーバ Apache 24
Chapter 3 パフォーマンスのひみつ パフォーマンスのひみつ PHP 中 間 コードキャッシュ APC APCとは PHPファイルを 実 行 するために 必 要 なコンパイルという 処 理 を コンパイル 後 の 結 果 をキャッシュすることで 処 理 時 間 を 短 縮 するPHPの キャッシュモジュール 短 縮 できた 処 理 時 間 約 160ms 参 考 情 報 PHP APC を 導 入 してみる http://www.cozzbox.com/wordpress/archives/523 短 縮 時 間 合 計 約 160ms 25
Chapter 3 パフォーマンスのひみつ パフォーマンスのひみつ MySQLクエリーキャッシュ クエリキャッシュは SQLの 結 果 をメモリ 上 に 保 持 し 検 索 を 高 速 化 させるもの キャッシュ 分 のメモリを 必 要 とするが その 分 高 速 に 動 作 する 短 縮 できた 処 理 時 間 短 縮 時 間 合 計 約 20ms 約 180ms 参 考 情 報 query_cache_sizeの 違 いによるパフォーマンス 比 較 http://thinkit.co.jp/free/article/0707/2/6/ 26
Chapter 3 パフォーマンスのひみつ パフォーマンスのひみつ WordPress 翻 訳 キャッシュ 001 Translate Accelerator WordPressの 翻 訳 ファイル(ja.mo)を 読 み 込 みにかかる 時 間 を 短 縮 短 縮 できた 処 理 時 間 短 縮 時 間 合 計 約 90ms 約 270ms 参 考 情 報 WordPressの 実 行 時 間 を 短 縮 させる 001 Translate Accelerator http://www.warna.info/archives/1447/ 27
Chapter 3 パフォーマンスのひみつ パフォーマンスのひみつ データキャッシュ 表 示 情 報 を Transient API を 用 いてトップページの 表 示 データをキャッシュ Transient APIとは 期 限 付 きでデータベースにキャッシュデータを 保 存 する 仕 組 み 削 減 できたクエリー 数 短 縮 できた 処 理 時 間 105 約 50ms 短 縮 時 間 合 計 約 320ms 参 考 情 報 WordPressのTransients APIを 用 いて 表 示 の 高 速 化 を 図 る http://www.warna.info/archives/1681/ 28
Chapter 3 パフォーマンスのひみつ パフォーマンスのひみつ 短 縮 時 間 合 計 約 0.320 秒 トップページの 処 理 時 間 が1/5に 短 縮 29
最 後 にひとこと! 30
Chapter 4 最 後 にひとこと 最 後 にひとこと WordPressでできるサイトを 作 って ショーケースに 載 せよう! 31
ご 清 聴 ありがとうございました 32