日々の雑記から役に立つ知識など

固定ページの親子階層表示が企業サイト構築時にお勧め|Lightningテーマ

 
この記事を書いている人 - WRITER -
札幌に住むエンジニアです。 小学生と双子の育児に日々、試行錯誤の日々です。 WordPressを使ったWEBサイト構築が楽しくて、独学で調べているうちに 自分メディアを持ち、自分が勤める会社のホームページも構築しました。 IT関連技術に関する情報や育児に関する情報など、役に立つ情報をわかりやすくお届けしたいと思います。

企業サイトは、各種コンテンツをひとまとめにする事が多いです。

会社案内

採用案内

商品紹介

 

今日は、WordPressテーマLightningに搭載されている

親子階層表示機能についてご紹介します。

 

これはなかなか便利でした。

 

Lightningの親子階層自動表示機能とはどんな機能?

例えば、以下のように

 

 

固定ページの親ページのコンテンツの下に、

  • アイキャッチ画像
  • タイトル
  • 抜粋文
  • リンクボタン

が自動で表示されます。

 

企業ページにとってとても使い勝手が良い機能です。

主な使い方事例紹介

商品・サービスの一覧

複数の商品・サービスを持つ会社にお勧め。

 

例)

親ページ:商品・サービス一覧

子ページ:各商品ページ

 

という構成で自動で親子ページが生成されます。

会社概要

企業サイトで必ずといって良い程ある会社概要ですが

親子階層表記があると便利です。

 

例)

親ページ:会社案内

子ページ:経営理念・社長メッセージ

子ページ:事業概要

子ページ:経営理念

 

採用案内

採用に関する情報も親子関係にすると閲覧者にとって

使いやすくなります。

 

例)

親ページ:採用案内

子ページ:新卒採用

子ページ:中途採用

子ページ:福利厚生

子ページ:研修制度

 

事業内容

部署毎に事業内容を紹介するページを作成し

親ページで統合する事が出来ます。

 

例)

親ページ:事業内容

子ページ:システム開発事業

子ページ:半導体事業

子ページ:医療機器事業

 

アクセスマップ

支社が複数ある場合、親ページでアクセスマップを統合することが出来ます。

 

例)

親ページ:アクセスマップ

子ページ:東京本社

子ページ:北海道支社

子ページ:東北支社

子ページ:大阪支社

 

と支社の数だけ、アクセスマップをページ製作するだけで

親ページに全ての支社のリンクが自動で付与されます。

 

使い方

使い方はとても簡単です。

 

親ページを作成

まずは固定ページ作成画面で、親ページを作成します。

この例では、「採用案内」という親ページを作成しています。

 

通常の投稿と変わりません。

しかし、右側のメニューに「固定ページの属性」

という欄があります。

 

そこに「親」というリストボックスがあるので

ここを(親なし)を選択し、保存してください。

 

挿入アイテムの選択で、「子ページ一覧の表示」を選択

 

子ページの作成

今度は子ページの作成です。

 

子ページの場合、右側のメニューに「固定ページの属性」という欄の

「親」というリストボックスに、先程作成した固定ページが選択出来ます

 

先程、作成した親ページ「採用案内」を選択し、保存します。

 

親ページの表示確認

親ページのコンテンツの下に2カラムで子ページが表示されます。

 

 

子ページの表示順序を変えたい

子ページの表示順序も、簡単に変更出来ます。

 

作成した各子ページの属性で、

「順序」の欄に入力された番号順に表示されます。

何も変更していない場合は、全て0なので作成日順に表示されます。

 

順序を0→1→2と指定することで、自分の意図した表示順に変更出来ます。

 

まとめ

いかがでしたか?

今回はLightningテーマの機能の一つである

親子階層ページ自動作成機能についてご紹介しました。

 

企業サイトを製作する時に大変便利な機能です。

ぜひ、参考にしてみてくださいね。

 

 

この記事を書いている人 - WRITER -
札幌に住むエンジニアです。 小学生と双子の育児に日々、試行錯誤の日々です。 WordPressを使ったWEBサイト構築が楽しくて、独学で調べているうちに 自分メディアを持ち、自分が勤める会社のホームページも構築しました。 IT関連技術に関する情報や育児に関する情報など、役に立つ情報をわかりやすくお届けしたいと思います。

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Copyright© KiyoPress , 2017 All Rights Reserved.