2012年9月15日 WordCamp Tokyo 2012のスライド

1. WordPressで構築する企業サイト
∼ 静的ページからCMSへ ∼
鳥山優子

2. 2 /40
プロフィール
• 株式会社ベクター
企画デザイン部
• WordPress歴 4年
年
• 公式テーマ 配布
• WP-Furigana
ふりがなを自動入力するプラグイン
いままでに食べたお菓子
•いままでに食べたお菓子 2096種

3. 3 /40
アジェンダ
1. CMSとしてのWordPress
WordPress
2. 構成を決める
3. テーマ作成
4. 投稿の工夫
5. 多言語対応
6. スマートフォン対応
7. WordPressにしてよかったこと

4. 1. CMSとしてのWordPress
しての

5. 5 /40
IR・会社情報サイト
・会社情報サイト
今日の事例
http://ir.vector.co.jp

6. 6 /40
静的ページにおける更新
管理部
管理部 デザイン部
原稿、画像 ページ作成
表示確認 修正
承認 公開

7. 7 /40
• 部署間のやりとりが多い
担当が不在の場合に更新が遅れ
• 1回の更新箇所が多い
回の更新箇所が多い
該当のページ
トップページ 修正ミス
更新し忘れ
一覧アページ

8. CMS化を検討
8 /40
いまなら、
商用
無料

9. 2. 構成を決める

10. 10 /40
IRサイトの構成要素
企業について
経営方針
財務ハイライト
IRライブラリ
株式について

11. 11 /40
投稿カテゴリを階層化
企業について
プレスリリース
PR関連
IR関連

12. 12 /40
IRライブラリ
IRカレンダー
カレンダー
決算短信・決算発表資料
有価証券報告書・内部統制報告書
株主総会資料

13. 3. テーマ作成

14. 14 /40
既存のHTMLページ
テーマを作成

15. 15 /40
トップページ
サイド
メニュー 最新10件
最新資料

16. 16 /40
基本のテンプレート
• index.php
• header.php
• footer.php
• sidebar
sidebar-left.php
• sidebar- -right.php

17. 17 /40
詳細ページ

18. 18 /40
詳細ページのテンプレート
• single.php
• page.php

19. 19 /40
投稿一覧(1)
ページ
送り

20. 20 /40
投稿一覧(2)
PDF
一覧

21. 21 /40
投稿一覧(3)
1年に
4件

22. 22 /40
一覧のテンプレート
• category-calendar.php
calendar.php
• category-holders.php
holders.php
• category-
-report.php
• category-release.php
release.php
• category-
-settle.php
カテゴリごとに異なる

23. 4. 投稿の工夫

24. 資料(PDF)の添付
24 /40
資料名と
ファイルサイズ
を入力して…
表示

25. 25 /40
予定表
年単位
で表示
予定は
予約投稿で

26. 26 /40
サイドバー
動的な
ようで
静的

27. 27 /40
27
投稿の公開
アクションフック
publish_post
HTMLファイルを生成
sidebar.html
テンプレートでinclude
テンプレートで

28. HTMLからデータ移行
28 /40
• 旧コンテンツをエクセルで
をエクセルで整理
(投稿タイトル、内容、カテゴリ、日付
投稿タイトル、内容、カテゴリ、日付)
XMLに成形
• エクスポート型XML
• インポート
移行時にデータが多い場合に有効

29. 4. 多言語
多言語対応

30. 30 /40
投稿カテゴリに言語を追加
投稿
カテゴリ
言語
英語
中国語

31. 31 /40
31
トップページ・一覧ページ
URLに言語パラメータを追加
に言語パラメータを追加
lang=en
lang
lang=cn
lang

32. 32 /40
32
言語を判断しながら
• ループ条件に言語を追加
• 検索フォームにカテゴリを指定
• テンプレート分岐

33. 33 /40
実現はしたものの…
実現はしたものの
•qTranslate
プラグイン
•WPML(有料) 使いましょう

34. 6. スマートフォン対応

35. 35 /40
クリック範囲を広く
矢印
余白

36. 36 /40
サイドメニューの切り替え
プルダウン

37. 37 /40
表の見せ方
1行を
1列に

38. 7. WordPress
にしてよかったこと

39. 39 /40
• 担当部署で更新
• 資料のひもづけ
づけ
• 予約投稿
• 検索機能
• フィード配信

40. ありがとうございました！