word camp fukuoka 2010 lt 中~大規模サイトをwordpressでつくる際のtips
DESCRIPTION
Word Camp Fukuoka 2010にておこなったライトニングトークのスライド。” 中~大規模サイトをWordPressでつくる際のTIPS”ということで実際の制作事例である神戸芸術工科大学様(http://www.kobe-du.ac.jp/)のサイトを参考に、工夫した点を紹介いたしました。 スピーカー:め組、デジタルキューブのmegane9988TRANSCRIPT
め組
@digitalcube , @megane9988
http://www.digitalcube.jp
http://www.10press.net
株式会社デジタルキューブ大串 肇 (おおぐしはじめ)
サイトマップ
な、長い・・・
いかにわかりやすく見せるか?
6つの工夫ご紹介します
1:パンくずの表示階層を明示し、ユーザが迷わないように
プラグイン利用Breadcrumb NavXT
2:最下部に階層関連ページ表示ページ最下部にも階層関連のページを一覧表示
get_pagesを利用1:パンくず2:階層 一覧表示3:親ページを表示
3:ドロップダウングローバルナビ自動では増えすぎるので独自打ち込み
CSSを利用あえて手動登録
4:折りたたみ式サイドナビ一階層ごとに分け、CSSで開閉、カレントページを表示
・get_pagesをつかって自分の階層位置を取得・wp_list_pages ページリストを表示させる
・wp_list_pagesからクラスが取得し、それに合わせてCSS設定折りたたみ カレントの表示
5:どこでも新着アーカイブ表示任意の箇所に指定カテゴリのタイトル一覧を表示
新規にショートコードを作りました。任意のカテゴリの新着情報を表示[page_feed cid="14" limit="5"]get_posts
6:要素セット構築構築のためのHTMLソースセットを構築、のちのマニュアルにも
6:要素セット構築
ブロックを積み上げるように担当者レベルでもページ制作可能運用後のマニュアルとしても利用
まとめ1. パンくずリスト2. 最下部ページ階層関連リンク表示3. ドロップダウングローバルナビ4. 折りたたみ式サイドナビ5. どこでもアーカイブ表示6. 要素セット構築(マニュアル)
WordPressをCMSとして利用した大規模なサイト構築は十分可能!
まとめ
WordPressをCMSとして利用した大規模なサイト構築は十分可能!
まとめすごい!