WordPress で構築する企業サイト 〜静的ページからCMSへ〜

6,316 views

Published on

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

0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,316
On SlideShare
0
From Embeds
0
Number of Embeds
368
Actions
Shares
0
Downloads
34
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

WordPress で構築する企業サイト 〜静的ページからCMSへ〜

  1. 1. WordPressで構築する企業サイト ∼ 静的ページからCMSへ ∼ 鳥山優子
  2. 2. 2 /40プロフィール• 株式会社ベクター 企画デザイン部• WordPress歴 4年 年• 公式テーマ 配布• WP-Furigana ふりがなを自動入力するプラグイン いままでに食べたお菓子•いままでに食べたお菓子 2096種
  3. 3. 3 /40アジェンダ1. CMSとしてのWordPress WordPress2. 構成を決める3. テーマ作成4. 投稿の工夫5. 多言語対応6. スマートフォン対応7. WordPressにしてよかったこと
  4. 4. 1. CMSとしてのWordPress しての
  5. 5. 5 /40IR・会社情報サイト ・会社情報サイト 今日の事例http://ir.vector.co.jp
  6. 6. 6 /40静的ページにおける更新 管理部 管理部 デザイン部原稿、画像 ページ作成 表示確認 修正 承認 公開
  7. 7. 7 /40• 部署間のやりとりが多い 担当が不在の場合に更新が遅れ• 1回の更新箇所が多い 回の更新箇所が多い 該当のページ トップページ 修正ミス 更新し忘れ 一覧アページ
  8. 8. CMS化を検討 8 /40いまなら、 商用 無料
  9. 9. 2. 構成を決める
  10. 10. 10 /40IRサイトの構成要素 企業について 経営方針 財務ハイライト IRライブラリ 株式について
  11. 11. 11 /40投稿カテゴリを階層化企業について プレスリリース PR関連 IR関連
  12. 12. 12 /40IRライブラリ IRカレンダー カレンダー 決算短信・決算発表資料 有価証券報告書・内部統制報告書 株主総会資料
  13. 13. 3. テーマ作成
  14. 14. 14 /40既存のHTMLページ テーマを作成
  15. 15. 15 /40トップページサイドメニュー 最新10件 最新資料
  16. 16. 16 /40基本のテンプレート • index.php • header.php • footer.php • sidebar sidebar-left.php• sidebar- -right.php
  17. 17. 17 /40詳細ページ
  18. 18. 18 /40詳細ページのテンプレート • single.php • page.php
  19. 19. 19 /40投稿一覧(1)ページ 送り
  20. 20. 20 /40投稿一覧(2)PDF一覧
  21. 21. 21 /40投稿一覧(3)1年に 4件
  22. 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. 23. 4. 投稿の工夫
  24. 24. 資料(PDF)の添付 24 /40 資料名と ファイルサイズ を入力して… 表示
  25. 25. 25 /40予定表年単位で表示 予定は 予約投稿で
  26. 26. 26 /40サイドバー 動的な ようで 静的
  27. 27. 27 /40 27 投稿の公開 アクションフック publish_postHTMLファイルを生成 sidebar.htmlテンプレートでincludeテンプレートで
  28. 28. HTMLからデータ移行 28 /40• 旧コンテンツをエクセルで をエクセルで整理 (投稿タイトル、内容、カテゴリ、日付 投稿タイトル、内容、カテゴリ、日付) XMLに成形• エクスポート型XML• インポート移行時にデータが多い場合に有効
  29. 29. 4. 多言語 多言語対応
  30. 30. 30 /40投稿カテゴリに言語を追加 投稿 カテゴリ 言語 英語 中国語
  31. 31. 31 /40 31トップページ・一覧ページURLに言語パラメータを追加 に言語パラメータを追加 lang=en lang lang=cn lang
  32. 32. 32 /40 32 言語を判断しながら • ループ条件に言語を追加• 検索フォームにカテゴリを指定 • テンプレート分岐
  33. 33. 33 /40実現はしたものの…実現はしたものの•qTranslate プラグイン•WPML(有料) 使いましょう
  34. 34. 6. スマートフォン対応
  35. 35. 35 /40クリック範囲を広く 矢印余白
  36. 36. 36 /40サイドメニューの切り替え プルダウン
  37. 37. 37 /40表の見せ方 1行を 1列に
  38. 38. 7. WordPress にしてよかったこと
  39. 39. 39 /40• 担当部署で更新• 資料のひもづけ づけ• 予約投稿• 検索機能• フィード配信
  40. 40. ありがとうございました!

×