【WordPress】Cocoonのコメント欄の位置を本文直下に移動する方法

二児ママのライフスタイル

Cocoonを使っていてコメント欄を表示にしたとき、一番下に出てくるのが気になりました。

筆者
筆者

こんなに下だと、コメント書きに来てくれた人が分かりにくいよね?

今回は、Cocoonのコメント欄の位置を本文直下にもってくる方法をまとめたのでご紹介します!

こちらのブログを参考にさせていただきました!

スポンサーリンク

Cocoonのコメント欄を移動する流れ

まずは大まかな流れの確認です。

手順
  1. 子テーマを準備する
  2. FTPで子テーマの直下に「tmp」フォルダを作成する
  3. FTPで親テーマの「tmp」内にある「content.php」と「single-contens.php」をダウンロードする
  4. エディタで「content.php」と「single-contens.php」を開き、後述する手順で変更する
  5. FTPで「content.php」と「single-contens.php」を子テーマの「tmp」フォルダにアップロードする

子テーマに「tmp」フォルダを作成

FTPに接続して、子テーマに「tmp」フォルダを作成していきます。

/wp-content/themes/cocoon-child-master/tmp

「content.php」と「single-contens.php」を変更

親テーマの「tmp」フォルダ内にある「content.php」と「single-contens.php」をダウンロードし、エディタで開き変更していきます。

「single-contens.php」を変更

まずは、「single-contens.php」の以下の箇所を切り取ります。

<?php //コメントを表示する場合
    if (is_single_comment_visible() && !post_password_required($post)) {
        comments_template(); //コメントテンプレート
} ?>

「content.php」を変更

先ほど切り取ったコードを、以下の位置に挿入します。

<?php //マルチページ用のページャーリンク
      get_template_part('tmp/pager-page-links'); ?>

      <?php //コメントを表示する場合
      if (is_single_comment_visible() && !post_password_required($post)) {
        comments_template(); //コメントテンプレート
      } ?>

      <footer class="article-footer entry-footer">

「content.php」と「single-contens.php」をアップロード

再びFTPに接続し、変更した「content.php」と「single-contens.php」を子テーマの「tmp」フォルダにアップロードします。

これで完了です!

作業前には必ずバックアップを取ってくださいね!

コメント

さとうまりも

こんにちは、まりもです!
男の子2人を子育て中の母。
長男5歳、次男2歳。男の子二人育児はなかなか大変だけど、毎日楽しみたい!二人育児に役立つかもしれないあれこれを発信中。
子供が起きる前の早朝、ひとり静かな時間を楽しむのが最近の至高の時間。

さとうまりもをフォローする
スポンサーリンク
のんびりママライフ
タイトルとURLをコピーしました