WordPressでパンくずリストを設置

WordPress

WordPressでパンくずリストをプラグインなしで設置する簡単なやり方

WordPressでパンくずリストをWebサイトに設置したいといった時に通常だとプラグインを使ったりするんですが、できる限り余計なプラグインを入れたくなかったり、必要最低限な機能だけでいいのでシンプルで軽量なものがいいと思う方も多いかと思います。なので、機能はシンプルですが超簡単に設置させるやり方をご紹介します。

[ads_center]

functions.phpに設定

以下のコードをfunctions.phpに記述します。これでパンくずリストを設定する準備が整います。

function the_breadcrumb() {
                echo '<ul id="crumbs">';
        if (!is_home()) {
                echo '<li><a href="';
                echo get_option('home');
                echo '">';
                echo 'Home';
                echo "</a></li>";
                if (is_category() || is_single()) {
                        echo '<li>';
                        the_category(' </li><li> ');
                        if (is_single()) {
                                echo "</li><li>";
                                the_title();
                                echo '</li>';
                        }
                } elseif (is_page()) {
                        echo '<li>';
                        echo the_title();
                        echo '</li>';
                }
        }
        elseif (is_tag()) {single_tag_title();}
        elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
        elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
        elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
        elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
        elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
        elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
        echo '</ul>';
}

あとはパンくずリストを表示したい場所に呼び出してあげるだけでOKです。とても簡単ですね。

<?php the_breadcrumb(); ?>

シンプルな機能なのでパンくずリストのデザインは特に施されていません。なので見栄えは各自CSSで調整していく必要があります。

とにかくパンくずリストの機能だけが欲しいという方にはとてもオススメです。以下、参考サイトです。

WordPress snippet: breadcrumb without plugin

ブログ更新の手間を効率化!見ている(閲覧中)ページのタイトルとURLを取得できるブックマークレット前のページ

シンプルで軽快な動作が素敵なLightbox風のjQueryプラグイン「Fluidbox」次のページFluidbox

関連記事

  1. WordPress

    プラグインを使わないでWordPressにページナビを実装してみる

    WordPressのトップページなどの一番下によくあるページナビをプラ…

  2. WordPressの自動バックグラウンド更新

    WordPress

    WordPressで複数のウィジェットを表示させるやり方

    WordPressのウィジェットってとても便利ですよね。ドラッグ&ドロ…

  3. WordPress

    WordPressで特定の記事やページにカスタムフィールドで指定したCSS・JSファイルを読み込む

    個人的に今後ちょっと使いそうな機能だったのでメモがてらエントリー。Wo…

  4. WordPress

    wp_list_commentsを使ってWordPressのコメント出力をカスタマイズする

    WordPressのコメントまわりをちょっと調べてたんですが、コメント…

  5. WordPress

    editor-style.cssを使えばビジュアルエディタを実際の記事と同じようにスタイリングできる…

    あんまりビジュアルエディタを使ってないのであれですが、新規の記事を書い…

  6. WordPress

    予約投稿をカレンダーで一覧管理できるWordPressプラグインEditorial Calendar…

    こちらの記事を見て予約投稿っていいなぁって思ったので初めて使ってみまし…

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP