TwentyTwelveの「コメントをどうぞ」を移動もしくは削除する

WordPressカスタマイズまとめ

今回はTwentyTwelveの「コメントをどうぞ」という部分を記事下に移動する方法と削除する方法を紹介しておきます。初期状態だと記事タイトルのすぐ下に「コメントをどうぞ」と表示されてます。

コメント-1

さすがに記事タイトルを読んだだけでコメントするような人は少ないと思いますので、この「コメントをどうぞ」の位置を記事下に移動する方法と削除する方法2つを紹介します。先に削除の方法について説明します。

スポンサーリンク

「コメントをどうぞ」を削除する方法

この部分を削除する方法は実は2通りあります。

  1. スタイルシート(style.css)に「この部分は非表示ね」と記述する方法。
  2. content.phpファイルのこの部分のソース自体を削除する方法。

1番目のスタイルシートで非表示にするやり方は簡単ですが、表示を「隠す」というニュアンスが個人的に好きではないので私は2番目のcontent.phpファイルからこの部分を削除しています。あくまで個人的な感想なのでどちらを選んでもらってもいいと思います。

スタイルシート(style.css)で非表示にする場合

子テーマのスタイルシートに次の1行を追加します。

/* 「コメントをどうぞ」を非表示 */ 
.comments-link {display: none;}

content.phpファイルでこの部分を削除する場合

この場合は子テーマにcontent.phpを追加しておきます。子テーマの作り方で説明した方法でこのファイルを子テーマに追加しておいて下さい。似たような名前のファイルがありますので間違いないように。この「content.php」はカスタマイズでよく使うので子テーマに追加しておきましょう。

子テーマのcontent.phpファイルから次の記述を探します。探し方は「Ctrl」+「F」で検索窓がでますので、そこに次のコードの一部を入力して探すと一発で探せます。

<?php if ( comments_open() ) : ?>
				<div class="comments-link">
					<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
				</div><!-- .comments-link -->
			<?php endif; // comments_open() ?>

この部分が「コメントをどうぞ」を表示させている記述になりますので、この部分をまるっと削除すると表示はされなくなります。私はこのやり方で消してます。

「コメントをどうぞ」を記事下に移動したい場合

この場合も子テーマのcontent.phpを書き換えます。先ほど「コメントをどうぞ」を表示させているコードを紹介しましたが、このコードを切り取って場所を移動します。移動する場所はcontent.phpの一番下の方にあるこの部分の直前です。

</footer><!-- .entry-meta -->

この部分の直前に先ほどのコードを入れると「コメントをどうぞ」を記事下に移動する事ができます。

コメント-3

すると記事の下に「コメントをどうぞ」が表示されています。

コメント-2

それでは次回はヘッダー画像の設定などを紹介していきます。

コメント

  1. しげぞう より:

    あっこママ様

    コメントありがとうございます。サイドバーやメニューの問題はやはりCSSの問題かと思ったのですが、これが違うならおそらくプラグインのどれかが悪さをしている可能性もあります。ただ、本当にCSSが原因でないのか調べるために、もう1度子テーマのCSSをメモに移して一旦削除。それからブログを表示させて、「Ctrl」と「F5」を一緒に押してリロードしてからブログを確認して下さい。

    それで変化がないのであればCSSが原因ではないと思いますので、プラグインを疑ってみても良いと思います。とりあえず全部のプラグインを一時的に「停止」にしてブログを表示、リロードして確認して見てください。

    それで変化がない場合にはお手数ですが、ブログのURLを教えてもらえると助かります。また、停止できないプラグインなどもあればまたコメントで教えて下さい。コメントの公開時にはURLは削除しますのでどうぞよろしくお願い致します。

  2. あっこママ より:

    しげぞう様
    はじめまして。あっこママと申します。退院おめでとうございます。1か月前から始めた初心者で、しげぞう様のブログを見ながらなんとかやっております。しかしながらなぜかサイドバーが左ではなくページ全体に出たり、メニューが横でなく縦に羅列されたり、カテゴリーが反映されなかったりとうまくいきません。Childのスタイルシートの書き込みが間違っているのかと思いすべてをメモに移して一旦削除して更新しても何も変化がなく、色々いじっては確認するのですがどうにも解決できません。お忙しいところ恐縮ですが、何かアドバイスなど頂ければ幸いです。宜しくお願い致します。

  3. okinagatarashi より:

    しげぞう様
    消せました!素敵!ありがとうございました!!
    ドメインって何?って、レベルに居るのに…親切、丁寧で本当に助かります。
    これからも面倒なHELP!すると思います。
    嫌わないで頂けると本当に幸せます。

  4. しげぞう より:

    okinagatarashi様

    コメントありがとうございます。上手く反映されて良かったです!コメント下のナビゲーションに関しては投稿順になるので、順番を入れ替えるのであれば1つ1つ記事の投稿日を変更する必要があるかと思います。面倒ですね(笑)。

    実は私も同じ事思っててこのナビは削除してます。「single.php」にあるこの部分がナビの部分です。

    <nav class="nav-single">
    					<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
    					<span class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '←', 'Previous post link', 'twentytwelve' ) . '</span> %title' ); ?></span>
    					<span class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '→', 'Next post link', 'twentytwelve' ) . '</span>' ); ?></span>
    				</nav><!-- .nav-single -->

    これを削除すればナビは消せると思いますが、一応削除する前にsingle.php全体をコピーしてメモ帳などに貼り付けておき、失敗しても元に戻せるようにしておいて下さい。

タイトルとURLをコピーしました