Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › コメント欄の移動
- このトピックには4件の返信、2人の参加者があり、最後に
いくらにより9年、 8ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年3月11日 7:50 PM #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(); ?> -
2017年3月11日 8:29 PM #50951
わいひらキーマスターPHPのコードをCSSファイルに書き込んでも全く意味はありません。というより、PHPコードとスタイルシートは別物です。
手順としては、以下のように行ってください。1.まずは、Simplicityを最新版にアップデートする。
2.親テーマのsingle-page.phpを子テーマフォルダ内にコピーする
3.子テーマのsingle-page.php内でコメント部分のコードを関連記事前に移動するただ、サポート対象外のものにもあるように、テンプレートファイルの変更は、こちら側からサイトを見てコードの確認が出来ないので、サポート外となっています。
ですので、テンプレートファイルカスタマイズの不具合対応までは行うことができません。
なので、自前でカスタマイズする場合は、出来る限り自前で解決していただく必要があります。ただ、上記の方法で、どうしてもうまくいかない場合は、URLを貼り付けていただければ、わかる範囲であれば何か答えられるかもしれません。
※テンプレートファイルカスタマイズはこちらからコードが見えない以上、原因がわからない可能性もあるのでご了承ください。 -
2017年3月11日 9:48 PM #50953
Hidekichi
ゲストjQueryだと実行部分は実質2行です。1行でも書けます。
サンプル: コメントエリアを関連記事の上に | codepen
子テーマjavascript.jsにjs欄を丸ごとコピー、子テーマstyle.cssは便宜必要なら追加・修正という感じで調整。親テーマをいじらないのでアップデートで該当部分のセレクタが変わらない限り、このまま利用できます。
-
2017年3月11日 10:01 PM #50954
わいひらキーマスターそうそう、jQueryの存在を忘れていました。
僕も、コメントの位置をずらすには、hidekichiさんの書かれたjQueryを用いた方法が、手軽だし、今後のバージョンアップにも対応できて最も適していると思います。 -
2017年3月12日 8:51 PM #50975
いくら
ゲスト>わいひら様、Hidekichi様
ありがとうございました。
Hidekichi様の方法でコメントエリアが移動できました。
-
-
投稿者投稿
- トピック「コメント欄の移動」には新しい返信をつけることはできません。