WordPress で構築する企業サイト 〜静的ページからCMSへ〜
7 likes3,859 views
2012年9月15日 WordCamp Tokyo 2012のスライド
WordPress で構築する企業サイト 〜静的ページからCMSへ〜
- 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
- 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. ありがとうございました！