Cocoon のコメント欄を本文直後に移動する

スポンサーリンク

Coboonのコメント位置は最下部に表示されている

このブログではどうでもいいのだが、別サイトではもう少し見やすい場所、本文直下に置いてみたくて操作してみた

スポンサーリンク

変更前のコメント欄の場所

現在のコメント欄はこんな感じ、本文最下部に表示されている

すんごく下すぎる~~~~~
コメント位置

現在の位置関係はこんな感じ

  • 本文
  • タグ
  • 広告
  • シェアボタン
  • 広告
  • 関連記事
  • 広告
  • 前後の記事
  • コメント欄

変更後のコメント欄の場所

変更後はこんな感じで本文直下に表示される
コメント位置変更後

変更後はこんな感じ

  • 本文
  • コメント欄
  • タグ
  • 広告
  • シェアボタン
  • 広告
  • 関連記事
  • 広告
  • 前後の記事

変更方法

  1. wp-content/themes/cocoon-masterから以下の2つのファイルをダウンロード
    • content.php
    • single-contents.php
  2. single-contens.php内の以下のブロックを切り取り
    <?php //コメントを表示する場合
      if (is_single_comment_visible() && !post_password_required( $post )) {
      comments_template(); //コメントテンプレート
    } ?>
    

    「content.php」内の以下の場所に貼り付ける

    <?php //マルチページ用のページャーリンク
    cocoon_template_part('tmp/pager-page-links'); ?>
    
    ◆●◆ ここに貼り付ける ◆●◆
    
    <footer class="article-footer entry-footer">
    
  3. Cocoonの子テーマディレクトリーは以下の場所である
    wp-content/themes/cocoon-child-master
    この直下に「tmp」ディレクトリーを作成
  4. 作成したディレクトリー
    wp-content/themes/cocoon-child-master/tmp
    に上記の2つのファイルを転送して完成!!

コメントの場所確認

ここにコメント欄が表示されてるでしょ!!
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

コメント