TwentyEleven 投稿記事の「⇐前のページへ」の表示を記事タイトルに変更する

ワードプレステーマTwentyElevenの単一投稿記事に表示される「⇐前へ」の表示を記事タイトルに変更する方法です。

「⇐前へ」の表示文字自体を変更したい方はコチラ。また、このナビゲーションの表示位置自体を変更したい場合はこちらを参考にしてみて下さい。

テーマTwentyElevenの場合、デフォルト表示は記事上になっています。これって、チョッと邪魔じゃないですか?個人的には、記事下に表示するのが一番良いと感じています。

目当ての記事を読み終わって、なおかつ興味のある記事がナビゲーションされていれば、別のページも読んでくれる可能性が高くなりますよね?

なので、ナビゲーション表示は記事下に変更して、その表示方法を記事タイトルにすることにします。

正直に申しまして、私この方法は知りませんでした(笑 ものすごく簡単に出来ますので、ナビゲーション表示を記事タイトルにしたい方は必見です!!

ナビゲーションを記事タイトルにするのはこんなに簡単!!

まず、ナビゲーション表示を記事上から記事下に変更する方法はコチラに記してありますので、そちらを参考に表示位置を変更してみて下さい。

それでは、管理画面より「外観」⇒「テーマ編集」から’single.php’ファイルを開き、次の箇所を見つけて下さい。(小テーマを使用している方は、小テーマ側のテンプレートファイルを編集して下さい)

<nav id="nav-single">
<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3>
<span class="nav-previous"><?php previous_post_link( '%link', __( '<span class="meta-nav">&larr;</span> Previous', 'twentyeleven' ) ); ?></span>
<span class="nav-next"><?php next_post_link( '%link', __( 'Next <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?></span>
</nav><!-- #nav-single -->

これを、次の様に書き換えるだけでOKです。

<nav id="nav-single">
<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3>
<span class="nav-previous"><?php previous_post_link(); ?></span>
<span class="nav-next"><?php next_post_link(); ?></span>
</nav><!-- #nav-single -->

いかがでしたか?当サイトも早速変更してみました。とっても簡単に表示変更ができたので、大変助かりました。

あなたのサイトやブログでもぜひ取り入れてみて下さい。多くのページを見てもらえる様になると良いですね☆

参考記事:WordPressのTwenty elevenで「← Previous」でなく前の記事タイトル名を表示する

WordPressデザインブック ステップバイステップ形式でマスターできる
WordPressデザインブック ステップバイステップ形式でマスターできる

にほんブログ村 ブログブログ ブログノウハウへ

コメントを残す

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