Your SlideShare is downloading. ×
WordPress で構築する企業サイト 〜静的ページからCMSへ〜
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

5,238
views

Published on

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

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


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

No Downloads
Views
Total Views
5,238
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
31
Comments
0
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WordPressで構築する企業サイト ∼ 静的ページからCMSへ ∼ 鳥山優子
  • 2. 2 /40プロフィール• 株式会社ベクター 企画デザイン部• WordPress歴 4年 年• 公式テーマ 配布• WP-Furigana ふりがなを自動入力するプラグイン いままでに食べたお菓子•いままでに食べたお菓子 2096種
  • 3. 3 /40アジェンダ1. CMSとしてのWordPress WordPress2. 構成を決める3. テーマ作成4. 投稿の工夫5. 多言語対応6. スマートフォン対応7. WordPressにしてよかったこと
  • 4. 1. CMSとしてのWordPress しての
  • 5. 5 /40IR・会社情報サイト ・会社情報サイト 今日の事例http://ir.vector.co.jp
  • 6. 6 /40静的ページにおける更新 管理部 管理部 デザイン部原稿、画像 ページ作成 表示確認 修正 承認 公開
  • 7. 7 /40• 部署間のやりとりが多い 担当が不在の場合に更新が遅れ• 1回の更新箇所が多い 回の更新箇所が多い 該当のページ トップページ 修正ミス 更新し忘れ 一覧アページ
  • 8. CMS化を検討 8 /40いまなら、 商用 無料
  • 9. 2. 構成を決める
  • 10. 10 /40IRサイトの構成要素 企業について 経営方針 財務ハイライト IRライブラリ 株式について
  • 11. 11 /40投稿カテゴリを階層化企業について プレスリリース PR関連 IR関連
  • 12. 12 /40IRライブラリ 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_postHTMLファイルを生成 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. ありがとうございました!