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

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

  • 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

サイト内検索

最近の投稿

アイキャッチ
javascriptでモバイル判定

ワードプレスにもwp_is_mobile()という関数がありますが「スマートフォン」と「タブレット」が一緒にモバイルと判定されているかなりざっくりな処理なので同じようにjavascriptでもざ...

22 Apr 2018

アイキャッチ
だから私はXperia

その前のスマホはgoogleのNexus5Xを使っておりました。これはこれで満足しておりましたが、あるつてでXperiaが安く購入できたので変更しました。iPhone3G、iPhone4S、iP...

14 Apr 2018

アイキャッチ
ラジコを録音して聞く方法-どがらじ

ウォーキング中などでラジオを聴くようにしているのですが、以前はFMラジオ機能付きのボイスレコーダーで録音して聴いていたのです。 しかも今のタイプは予約録音が出来るようですね、、、ちょっと昔のタ...

07 Apr 2018

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

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

18 Mar 2018

アイキャッチ
ワードプレスのカスタムメニューをスライドトグル

今回はワードプレスのカスタムメニューをトグルダウンで表示させる方法をご紹介します。 クリックしてサブメニューが表示させる方法になります。スマホメニューなどにはよく使われているかと思います。 ...

17 Mar 2018

著者

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

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

タグクラウド

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