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. しげぞう より:

    りた様

    コメントありがとうございます。アクセス数も伸びてきているようで私も嬉しいです。

    さて、まずはコメント記入欄の順番ですが、「comments.php」の次の部分を探します。

    <ol class="commentlist">

    この記述から下の部分がコメント表示の部分です。つまりこの記述よりも上に記入欄を持ってくれば良いという事になります。

    コメント記入欄ですが、りた様のコメント欄であれば次の部分(似たような記述)があると思いますので、これを切り取って先ほどのコードの上に貼り付ければOKです。

    <?php
    		/* If there are no comments and comments are closed, let's leave a note.
    		 * But we only want the note on posts and pages that had comments in the first place.
    		 */
    		if ( ! comments_open() && get_comments_number() ) : ?>
    		<p class="nocomments"><?php _e( 'Comments are closed.' , 'twentytwelve' ); ?></p>
    		<?php endif; ?>
    
    	<?php endif; // have_comments() ?>
    
    <?php
    $comments_args = array(
        'fields' => array(
            'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .
                        '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>',
            'email'  => '',
            'url'    => '',
        ),
        'title_reply'          => 'コメントをどうぞ',
        'comment_notes_before' => '',
        'comment_notes_after'  => '<p class="form-allowed-tags">内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。</p>',
        'label_submit'         => 'コメントを送信する',
    );
     
    comment_form($comments_args);
    ?>

    それと、関連記事のズレですが、これはスタイルシートに記述している次の部分を探して下さい。現在おそらく次のような記述があるはずです。

    .related-entry {
        min-height: 175px;
    }

    スタイルシートで「Ctrl」と「F」を一緒に押すと検索窓がでると思いますので、「.related-entry」で検索してみて下さい。ここの「min-height」をもう少し大きな数値にして見て下さい。関連記事で記事タイトルが長すぎるためずれていると思うのです。なので、高さを変える大きくする事で解消されると思います。多分「200px」かもう少し大きい数値かなと思います。

  2. りた より:

    しげぞう様

    りたと申します。いつもご無沙汰しております。お陰様で、検索ページに、私のブログがトップページに乗るようになり、アクセス数および広告収入を伸びております。ありがとうございます!

    本日はwordpressに関して、2点ほどご質問して頂きたく、ご連絡差し上げました。

    ○関連記事の配置について
    一部ページにて、関連記事の配置が崩れてしまいます。どのように修正すれば良いのか、アドバイス頂けないでしょうか?

    ○コメントの配置について
    読者の方のコメントを、しげぞう様のように、【コメントを送信】の下に配置したいのですが、どのようにプログラミングコードを書き換えれば良いのでしょうか?

    お忙しい中大変恐縮ですが、何卒ご回答頂ければ幸いです。
    何卒、宜しくお願い致します。

  3. しげぞう より:

    乃風様

    コメントありがとうございます。まず、コメント欄のカスタマイズをされているとおもうのですが、コメント欄のカスタマイズの時に「comments.php」に記述を追加したと思います。その追加したコードにNameという部分があると思いますので、これを「お名前」に変更します。

    以下コードはNameという部分を「お名前」と変更したサンプルです。同じようなコードを「comments.php」に追加していると思いますので、「Name」という部分1箇所を「お名前」に変更してみてください。

    $comments_args = array(
        'fields' => array(
            'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'お名前' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .

    それと2つ目の質問は引用タグだと思います。引用タグの使い方はこちらの記事が参考になるかと思います。使い方を知ってからCSSでデザインをしていく必要がありますので、まずは使い方を勉強してみると良いと思います。
    引用タグ(blockquote,q,cite)の解説と使い方

    また、デザインに関してはコピペでできるコードなどもありますのでそれらを参考にスタイルシートで装飾してください。
    http://o-ands.net/blockquote-css-design-temple/

  4. 乃風 より:

    しげぞうさんへ

    こんばんは。いつもお世話になっております。
    2つ教えてください。

    ①「コメントをどうぞ」のところで、私の場合、「名前」と「メールアドレス」と「コメント」欄の3つを設置したのですが、その「名前」のところに「お」という文字を加えて「お名前」と表記させていのですが、どのphp上で、どの箇所を変更したらいいのでしょうか?

    ②ブログを黒文字で書いていくその文の中で、例えば、「出典」という文字を青文字とかにして、その青文字をクリックすると、その出典元(第三者、もしくは、自分の別のURL)に自動的に連れて行ってくれるように設定するには、どのようにしたらいいのでしょうか? しげぞうさんの記事で、そういうのがあったら教えてください。

    よろしくお願いします。

  5. しげぞう より:

    乃風様

    返信ありがとうございます。まずファイル名ですが、「Content.php」ではなくて、「content.php」つまり半角の小文字でファイル作成されているか確認をして下さい。先に親テーマの「content.php」の内容を全部コピーしておいて、子テーマで作成した「content.php」に親テーマと同じ記述をコピペして保存でOKです。

    ダウンロードは多分関係ないと思いますので、再度試してみてください。

  6. しげぞう より:

    乃風様

    返信ありがとうございます!背景画像は繰り返しの設定になっていると思うので、画像の繰り返し位置の所で繋ぎ目になります。特に気にならないので大丈夫だと思います。それから画像に関しては著作権の問題もあるので、出所は調べておいた方がいいかも知れません。最近はクレジット表記の必要な画像も多いので、できればクレジット表記も必要のない画像にしておくと安心です。

  7. しげぞう より:

    乃風様

    コメントありがとうございます。子テーマを作成した時に最初に「スタイルシート(CSS)」のファイルを子テーマに追加していると思います。これとは別に「content.php」というファイルを作成して、中身には親テーマの「content.php」の内容をコピーして子テーマの中にアップロードします。

    子テーマに「スタイルシート」や「single.php」を追加したのと同じように新しく「content.php」を追加するような感じになります。もしコメントをどうぞが見当たらないという場合には一度URLを教えて頂けると助かります。コメント公開時にはURLは削除しますので、もしよかったらお願い致します。

  8. 乃風 より:

    しげぞうさん・・・、いつもお世話になっております。分からないので教えてください。

    「コメントをどうぞ」を消去する方法です。「content.phpファイルでこの部分を削除する場合、この場合は子テーマにcontent.phpを追加しておきます。子テーマの作り方で説明した方法でこのファイルを子テーマに追加しておいて下さい。似たような名前のファイルがありますので間違いないように。この「content.php」はカスタマイズでよく使うので子テーマに追加しておきましょう。」と説明されてありましたが、子テーマに追加とは、{単一記事の投稿(single.php)}へ追加するのでしょうか? それとも、{スタイル(style.css)}の方へ追加するのでしょうか?

    私の操作ミスなのか・・・、上記の処理をしていないのに、なぜか「コメントをどうぞ」が、最初から見当たりませんでした。Wordpressで、ロリポップで、TwentyTwelveを使用しています。よろしくお願いします。

  9. poko より:

    >hana様

    コメントありがとうございます。コメント機能自体を全部消すとエラーが出るかも知れませんのでコメントフォームの記述をコメントアウトしておく方法が良いかと思います。これならコメントやっぱり欲しいという時に戻すのも簡単です。コメント欄を表示するコード(PHP内)を「/* */」で囲ってやるとコメントアウトできます。デフォルトのcomments.phpでこのようなこのようなコードがあります。

    <?php comment_form(); ?>

    これがコメントフォームを出力してますので、子テーマのcomments.phpでこの記述をコメントアウトします。

    <?php /*comment_form(); */?>

    これで試してみて下さい。もし上手くいかない場合はお手数ですが再度コメント頂けると助かります。

  10. hana より:

    コメント機能自体を消す方法を教えて下さい。
    コメントは、なし、ということです。
    よろしくお願いいたします。

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