TwentyEleven サイトナビゲーションを非表示にする

ワードプレステーマTwentyElevenでサイトナビゲーション(⇐前へなど)を非表示にする方法です。

  1. TOPページのサイトナビゲーションを非表示にする
  2. シングルページ(単一記事投稿)のサイトナビゲーションを非表示にする
  3. シングルページのサイトナビゲーションを記事下に表示する

基本的には、私はナビゲーションはあった方が良い(親切)と思いますし、SEO上も各ページへのリンク構造上好ましいと言えるでしょう。

しかし、ページ上(TOPページの2ページ目以降など)の表示はチョッと要らないかなぁ?と思いました。記事を読み終わった後に、記事下にナビゲーションの表示があれば、次の記事も読んでみたいと思えばクリックしてくれるでしょう。

ですから、必要なところにナビゲーション表示があれば良いと思います。あるいは、ナビゲーションの表示文字を変更してあげても良いと思います。

それでも必要ない場合は、撤去すれば良いことなので、その方法を書き残しておきます。

TOPページのサイトナビゲーション

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

<div id="primary">
<div id="content" role="main">

<?php if ( have_posts() ) : ?>

<?php twentyeleven_content_nav( 'nav-above' ); ?>

<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', get_post_format() ); ?>

<?php endwhile; ?>

<?php twentyeleven_content_nav( 'nav-below' ); ?>

<?php else : ?>

はい、ココですね。がページ上のナビゲーションです。そして、がページ下(記事下)のナビゲーションです。

これをコメントアウトしても良いのですが、余分な余白などが入りますので、非表示にしたい場合はそのままそっくり削除して下さい。

<div id="primary">
<div id="content" role="main">

<?php if ( have_posts() ) : ?>

<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', get_post_format() ); ?>

<?php endwhile; ?>

<?php else : ?>

これで、TOPページのサイトナビゲーションが非表示になったハズです。

ちなみに、/* */でコメントアウトにしてもOKです。

シングルページ(単一投稿)のサイトナビゲーション

今度は、’single.php’を開き、次の箇所を見つけて下さい。(小テーマを使用している方は、小テーマ側のテンプレートファイルを編集して下さい)

<div id="content" role="main">

<?php while ( have_posts() ) : the_post(); ?>

<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 -->

<?php get_template_part( 'content-single', get_post_format() ); ?>

<?php comments_template( '', true ); ?>

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->

この青の部分が、シングルページ(単一記事投稿ページ)のサイトナビゲーションの部分です。完全に非表示にしたい場合は、同様にそっくりそのまま削除して下さい。

ちなみに、コメントアウトする方法はこちらです。

<div id="content" role="main">

<?php while ( have_posts() ) : the_post(); ?>

<!-- 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 -->

<?php get_template_part( 'content-single', get_post_format() ); ?>

<?php comments_template( '', true ); ?>

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->

ナビゲーション部分全体を<!– –>で囲ってコメント扱いにしてみました。これでも、サイトナビゲーションは非表示になったハズです。

しかし、恐らくは余計な余白が出来るかと思いますので、削除する方法をオススメします。

シングルページの記事下にナビを表示させる

そして、もう一つの方法としては、このナビゲーションを記事下に移動(変更)する方法です。記事上にあるのはイヤだけど、記事下には表示したい方にオススメです。

<div id="content" role="main">

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content-single', get_post_format() ); ?>

<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> 別のページを見る', 'twentyeleven' ) ); ?></span>
<span class="nav-next"><?php next_post_link( '%link', __( '前のページに戻る <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?></span>
</nav><!-- #nav-single -->

<?php comments_template( '', true ); ?>

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->

この様に記事コンテンツ部分とサイトナビゲーション表示の位置を変える事で、サイトナビゲーションを記事下に表示させることも出来ます。また、表示させる文字を変える事で、サイトでも違和感なく表示させることも出来ると思います。

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

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

コメントを残す

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