ワードプレスの固定ページの階層で一番下の階層には同階層を表示する方法

ワードプレスの固定ページの階層で一番下の階層には同階層を表示する方法

  • 2018-03-18  最終更新日:2018-03-18

主にサイドメニューで固定ページを表示させようと考えておりました。それで子階層があれば子階層を表示させて一番下の階層になれば同一階層を表示する方法をご紹介致します。

サイドメニューに表示する際に便利かと思い調べてみました。


スポンサーリンク


固定ページで子階層があれば表示、なければ同一階層を表示

ワードプレスには結構便利な関数があるので利用してみます。サブページがあるかどうかをget_childrenという関数があったので使ってみました。添付ファイルを表示する場合はget_postsを使うより簡単そうです。表示はget_postsと同じです。

sidebar.phpに以下のように記載します。

<?php
	$args = array(
		'post_parent' => get_the_ID(),
		'post_type'   => 'page',
		'order'       => 'ASC',
		'orderby'     => 'menu_order'
	);
	$pages = get_children( $args );

	if ( count( $pages ) > 0 ) :?>
		<ul>
			<?php foreach ( $pages as $page ) :?>
				<li><a href="<?php echo esc_url( get_permalink( $page->ID ) );?>"><?php echo esc_html( $page->post_title );?></a></li>
			<?php endforeach; wp_reset_postdata(); ?>
		</ul>
	<?php else:?>
		<?php
			$args = array(
				'post_parent' => $post->post_parent,
				'post_type'   => 'page',
				'order'       => 'ASC',
				'orderby'     => 'menu_order',
				'posts_per_page'   => -1,
			);
			$pages = get_posts( $args );?>
			<ul>
		<?php foreach ( $pages as $page ) :?>
				<li><a href="<?php echo esc_url( get_page_link( $page->ID ) );?>"><?php echo esc_html( $page->post_title );?></a></li>
			<?php endforeach; wp_reset_postdata(); ?>
			</ul>
	<?php endif;?>

参考になれば幸いです。


∞Tadashi Suyama∞

wordpress menu 固定ページ 階層
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
bootstrap4でのtable-responsiveをレスポンシブにする

最近はCSSフレームワークはBootstrap3からBootstrap4をメインにして作業しております。かなり使いやすいです。ほぼこのフレームワークだけで完結できる仕様になってきました。 さて...

16 Jun 2018

アイキャッチ
CSSでの画像ホバー効果ライブラリのご紹介

今回は純粋なCSS画像ホバー効果ライブラリをご紹介します。画像をマウスオーバーするとテキストが表示されるCSSライブラリになります。実装も簡単でクラス指定をすることで40種類以上の効果を体験でき...

10 Jun 2018

アイキャッチ
ワードプレスで特定のページにnoindex,nofollow

ワードプレスに特定のページにmeta name="robots" content="noindex,nofollow"をつける場合はプラグインを利用するかヘッダーに条件分岐でいれるかだと思います...

03 Jun 2018

アイキャッチ
Vagrantのアンインストール方法-Mac版

さて今回は簡単にご紹介、そもそもそんなにvagrantをアンインストールしないのですがそういう機会があったので覚書で記載しておきます。 Mac版のvagrantってアンインストールってなぜか手...

26 May 2018

アイキャッチ
超絶・超速のnode-sassでsassコンパイルのすすめ

さて今回はsassを取り上げてみます。sassといったらcompassが出てくるほど有名ですが、すでに開発終了してから4年以上たっているわけでしてしかもコンパイラとしての機能しか使っておらず、他...

12 May 2018

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

wordpress menu 固定ページ 階層
フッターイメージ