WordPress パンくずリスト表示用のショートコード

概要説明

プラグインを使わずにパンくずリストを表示させるためのショートコード。アーカイブやタグページなども追加していくことで全ページ対応のパンくずリストが作成できます。

functions.php
/*----------------------------------------------------
 パンくずリスト表示ショートコード
----------------------------------------------------*/
if ( !function_exists( 'get_breadcrumb' ) ){
    function get_breadcrumb() {

        // 区切り定義
        $separator = " > ";

        // トップページ以外
        if ( !is_home() ) {
            echo '<a href="'.home_url().'">TOP</a>';
        }

        // カテゴリー
        if ( is_category() ) {
            echo $separator;
            the_category(", "); // カンマ区切りの複数カテゴリー対応
        }

        // 投稿ページ
        if ( is_single() ) {
            echo $separator;
            the_title();

        // 固定ページ
        } elseif ( is_page() ) {
            echo $separator;

            // ページ属性の親を判定
            global $post;
            $ancestors = get_post_ancestors( $post->ID );
            foreach ( array_reverse( $ancestors ) as $id ) {
                $title = get_page( $id )->post_title;
                echo '<a href="'.get_page_link( $id ).'" title="'.$title.'">'.$title.'</a>';
                echo $separator;
            }
            the_title();
        }
    }
    add_shortcode('the_breadcrumb', 'get_breadcrumb');
}

[the_breadcrumb] でパンくずが表示されます

記事ページ ( カテゴリーなし )

TOP > WordPress パンくずリスト表示用のショートコード

記事ページ ( カテゴリー1つ )

TOP > 機能追加 > WordPress パンくずリスト表示用のショートコード

記事ページ ( カテゴリー複数 )

TOP > WordPress,機能追加 > WordPress パンくずリスト表示用のショートコード

固定ページ ( 親なし )

TOP > 固定ページ名

固定ページ ( 親あり )

TOP > 親固定ページ > 固定ページ名

関連機能

  1. bodyタグに任意のclassを追加

  2. 特定のページにだけ任意のcssファイルを読み込ませる

  3. ファイル名表示機能風エリアを追加「Enlighter – Customizable Syntax Highlighter」プラグイン

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

これでまだ、戦える!!

HUNTER×HUNTER
by ゴン=フリークス

Profile

PAGE TOP
Amazon プライム対象