自由自在!WordPress上級

グループに共通のメニューを表示する

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
階層構造をもたせた固定ページのグループに共通のメニューを表示するための方法を解説します。
講師:
07:52

字幕

このレッスンでは 固定ページのグループに 共通のメニューを表示する方法について 学習します このサイトには 事業案内というグループと 会社概要というグループ 二つの固定ページのグループがあります それぞれのグループは 会社概要の子ページ 事業案内ページの子ページとして作っています この個別のページには 左メニューナビゲーションメニューを表示して 事業案内であれば 他の事業案内の固定ページのナビゲーション 会社概要であれば会社概要のナビゲーションを 表示する様にしてみたいと思います 通常固定ページの詳細ページは page.php を使いますが このレッスンでは このグループの時と このグループの時で 表示するナビゲーションを変えたいので 単純に page.php で 作るのはちょっと難しそうです この様な時に 使うと便利なのが 独自に作った固定ページのテンプレートです それでは早速 固定ページのオリジナルの テンプレートを作ってみましょう エディターに移動します 固定ページのオリジナルのテンプレートは 他のテンプレートファイルと名前が 被らなければ好きな名前にして構いません ここでは company.php と business.php という二つの テンプレートを用意したいと思います company が会社概要で business の方が事業案内になります それではまず company の方から書いていきます オリジナルの固定ページのテンプレートは php のコメントを使って作る事ができます Template Name という 項目を設定します 会社概要とします 書けたら保存をします 次に business の方にも同じ様に Template Name こちらは事業案内とします 書けたら保存をします これで今 会社概要と事業案内という 固定ページ用のテンプレートが作成されました 実際に管理画面から確認します 固定ページに移動します ここでは既に事前に 設定してあるものもあるんですが このテンプレートという所から 会社概要を選択して 更新ボタンを押します これでこのページは 会社概要 先ほど作った会社概要テンプレートを使って 表示される様になります 同じ様に代表挨拶にも 会社概要テンプレートを設定しています 他のページも全て この様にしておけば 親ページ子ページ関係無く 同じテンプレートが使用されます 事業案内の方にも この様に事業案内というテンプレートに 設定がされています この様な形ですね この様に 固定ページは使用するテンプレートを 自分で好きな様に設定する事ができます テンプレートが用意できましたので実際に ページの表示を作っていきたいと思います サイドメニューを side というid の div タグで囲って そして get_side_bar を使って サイドバーを取得します この様に company というパラメータを指定すれば sidebar-company という sidebar.php が ここに読み込まれます 後は ページの詳細情報を表示するための メッセージループを記述して 普通にタイトルや本文を表示して行くだけです メッセージループを終了して 最後に get_footer を記述します できました 書けたら保存をします business.php の方も 読み込むサイドバーが違うだけですので コピペをして この部分を business に変えます はい できました それでは次にこの読み込むための サイドバーを作っていきたいと思います sidebar-business.php と sidebar-company.php を開きます このサイドバーですが 至って簡単です ページのリストを表示する wp_list_pages を使って それぞれ親の id を指定します 事業案内であれば id は 14 でしたので child_of=14 と 指定するだけですね 書けたら保存します sidebar-company の方は wp_list_pages で child_of が 会社概要 id は 4 でしたので 4 と指定します そして ul タグで囲っておきます できました それでは実際に画面で確認をしてみましょう それぞれの詳細ページを表示します ちゃんとリストが表示されました 会社概要の方に行けば 会社概要も 自分たちの ページだけが表示される様になりました この様にテンプレート オリジナルのテンプレートを使えば ある固定ページのグループに対して 共通のテンプレートを設定する事ができます このレッスンでは ページのグループに 共通のメニューを表示する方法について 学習しました

自由自在!WordPress上級

このコースではWordPressを利用したさまざまな種類のサイトを構築しながら、より実践的なテクニックを解説します。コースの前半はカスタムフィールド機能などについて説明しながら、後半では自由度の高いサイト構築が可能になるマルチサイトについても学習します。

3時間17分 (26 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
カテゴリー
ウェブデザイン
CMS
価格: 2,990
発売日:2014年03月05日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。