コメント欄の移動

  • このトピックには4件の返信、2人の参加者があり、最後にいくらにより9年、 8ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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様の方法でコメントエリアが移動できました。

4件の返信スレッドを表示中
  • トピック「コメント欄の移動」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)