コメント欄の移動

このトピックには4件の返信が含まれ、2人の参加者がいます。2 年、 5 ヶ月前 いくら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #50947

    いくら

    お世話になります。

    コメント欄を本文の下、関連記事の上へ移動したいです。

    検索して試行錯誤しましたが、依然反映されません。

    キャッシュの削除もしました。

    宜しくお願い致します。

    1.親テーマのsingle.phpをコピー
    2.コメント部分を関連記事の上へ移動
    3.以下のコードを子テーマのstyle.cssへ貼り付け

    バージョン2.2.9

    <?php get_header(); ?>
    
      <?php //パンくずリスト上ウイジェット
      if ( is_single() && is_active_sidebar( 'widget-over-breadcrumbs' ) ): ?>
        <?php dynamic_sidebar( 'widget-over-breadcrumbs' ); ?>
      <?php endif; ?>
    
      <?php get_template_part('breadcrumbs'); //カテゴリパンくずリスト?>
      <?php
      if (have_posts()) : // WordPress ループ
        while (have_posts()) : the_post(); // 繰り返し処理開始
          get_template_part('entry-body'); //本文記事の呼び出し?>
    
          <div id="under-entry-body">
    
          <?php
            if ( is_comments_visible() ) {//コメント・コメント欄を表示するか
              comments_template(); //コメントテンプレート
            }
          ?>
    
          <?php if ( is_related_entry_visible() ): //関連記事を表示するか?>
          <aside id="related-entries">
            <h2><?php echo get_theme_text_related_entry();//関連記事タイトルの取得 ?></h2>
            <?php get_template_part('related-entries'); ?>
          </aside><!-- #related-entries -->
          <?php endif; //is_related_entry_visible?>
    
          <?php if ( is_ads_under_relations_enable() ){//関連記事下広告が有効のとき
            get_template_part('ad');
          }?>
    
          <?php //関連記事下ウイジェット
          if ( is_active_sidebar( 'widget-under-related-entries' ) ): ?>
            <div id="widget-under-related-entries">
            <?php dynamic_sidebar( 'widget-under-related-entries' ); ?>
            </div>
          <?php endif; ?>
    
          <?php
            if ( is_post_navi_visible() ) {//「前の記事」「次の記事」を表示するか
              if ( is_post_navi_type_default() ) {//「前の記事」「次の記事」ナビタイプはデフォルトか
                get_template_part('pager-post-navi'); //デフォルトナビのテンプレート
              } else {//「前の記事」「次の記事」ナビタイプはサムネイルか
                get_template_part('pager-post-navi-thumbnail'); //サムネイルナビのテンプレート
              }
            }
          ?>
          </div>
        <?php
        endwhile; // 繰り返し処理終了
      else : // ここから記事が見つからなかった場合の処理 ?>
          <div class="post">
            <h2>NOT FOUND</h2>
            <p><?php echo get_theme_text_not_found_message();//見つからない時のメッセージ ?></p>
          </div>
      <?php
      endif;
      ?>
    
    <?php get_footer(); ?>
  • #50951
    わいひら
    わいひら
    キーマスター

    PHPのコードをCSSファイルに書き込んでも全く意味はありません。というより、PHPコードとスタイルシートは別物です。
    手順としては、以下のように行ってください。

    1.まずは、Simplicityを最新版にアップデートする。
    2.親テーマのsingle-page.phpを子テーマフォルダ内にコピーする
    3.子テーマのsingle-page.php内でコメント部分のコードを関連記事前に移動する

    ただ、サポート対象外のものにもあるように、テンプレートファイルの変更は、こちら側からサイトを見てコードの確認が出来ないので、サポート外となっています。
    ですので、テンプレートファイルカスタマイズの不具合対応までは行うことができません。
    なので、自前でカスタマイズする場合は、出来る限り自前で解決していただく必要があります。

    ただ、上記の方法で、どうしてもうまくいかない場合は、URLを貼り付けていただければ、わかる範囲であれば何か答えられるかもしれません。
    ※テンプレートファイルカスタマイズはこちらからコードが見えない以上、原因がわからない可能性もあるのでご了承ください。

  • #50953

    Hidekichi

    jQueryだと実行部分は実質2行です。1行でも書けます。

    サンプル: コメントエリアを関連記事の上に | codepen

    子テーマjavascript.jsにjs欄を丸ごとコピー、子テーマstyle.cssは便宜必要なら追加・修正という感じで調整。親テーマをいじらないのでアップデートで該当部分のセレクタが変わらない限り、このまま利用できます。

  • #50954
    わいひら
    わいひら
    キーマスター

    そうそう、jQueryの存在を忘れていました。
    僕も、コメントの位置をずらすには、hidekichiさんの書かれたjQueryを用いた方法が、手軽だし、今後のバージョンアップにも対応できて最も適していると思います。

  • #50975

    いくら

    >わいひら様、Hidekichi様

    ありがとうございました。

    Hidekichi様の方法でコメントエリアが移動できました。

トピック「コメント欄の移動」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)