コメント欄の位置を変更



  • ひつじ様
    いつも大変お世話になっております。
    「会社員の僕が使う話題まとめ」を運営しておりますまーちゃんと申します。
    URL:https://bokumato.site

    コメント欄の位置を変更したいのですがこちらはCSSの変更などで対応することはできるでしょうか?
    現在 最終広告下→希望 記事下・Profileの間に移動
    ヘルプページを調べてみたのですが載っていなかったため投稿させていただきました。
    お手数ですがご返答お待ち致しております。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.7
    ご利用のサーバー名 : Conoha wing
    PHPのバージョン :
    OS : windows
    ご利用のブラウザ : chrome
    該当サイトのURL : https://bokumato.site/7936/


  • administrators

    @まーちゃん さん

    こんにちは。
    JIN運営チームのりょうたです。
    開発者のひつじに代わりお答えさせていただきますね!

    コメント欄の位置を変更したいのですがこちらはCSSの変更などで対応することはできるでしょうか?

    こちらはCSSだけでは難しいかと思います。
    子テーマ導入&PHPカスタマイズが必要かと思います。



  • Ryota様
    ご返信ありがとうございます。
    解釈方法として他の方のブログページの参考になるのですが
    こちらの方や
    https://wp-simplicity.com/suport/topic/コメント欄の位置の変更について。/
    こちらの方の
    https://applingo.tokyo/article/2428
    のように
    <?php //コメントを表示する場合
    if (is_single_comment_visible()) {
    comments_template(); //コメントテンプレート
    } ?>
    single-contents.phpの場所を編集するという解釈であっておりますでしょうか?
    もしJINテーマ専用の表記であればご連絡頂けると嬉しいです。



  • 連投失礼します。
    ある程度希望通りの形で自己解決できたので記録として残させていただきます。
    1 サーバーで使用しているファイルマネージャーなどでJIN-child内にsingle.phpファイルを作る
     ※そのままsingle.phpファイルを作るとページが真っ白になってしまうので注意
    2 JIN本テーマ内のsingle.phpの中身を丸々コピーする
    3 その後WordPress内の外観、テーマエディターのJIN-childに行くとsingle.phpフォルダが出来ているのでそれを編集
    4 コメントフォーラム<?php comments_template(); ?>の位置を好きな場所に移動する
    5 例 僕の場合は最終記事広告下から→タグの下にCommentを設定
    <?php get_header(); ?>

    <div id="contents">
    
    	<!--メインコンテンツ-->
    		<main id="main-contents" class="main-contents <?php echo is_article_design(); ?> <?php is_animation_style(); ?>" itemprop="mainContentOfPage">
    			
    			<?php if ( wp_isset_widets( 'post-top-widget',true ) ) : ?>
    			<div id="post-top-widget">
    			<?php dynamic_sidebar( 'post-top-widget' ); ?>
    			</div>
    			<?php endif; ?>
    			
    			<section class="cps-post-box hentry">
    				<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    					<?php
    						// カテゴリー情報を取得
    						if( get_the_category() != false ){
    							$category = get_the_category();
    							$cat_id   = $category[0]->cat_ID;
    							$cat_name = $category[0]->cat_name;
    							$cat_slug = $category[0]->category_nicename;
    							$cat_link = get_category_link($cat_id);
    						}
    					?>
    					<article class="cps-post">
    						<header class="cps-post-header">
    							<?php if( get_the_category() != false ): ?>
    							<span class="cps-post-cat category-<?php echo $cat_slug; ?>" itemprop="keywords"><a href="<?php echo $cat_link ?>" style="background-color:<?php cps_category_color(); ?>!important;"><?php echo $cat_name ?></a></span>
    							<?php endif; ?>
    							<h1 class="cps-post-title entry-title" itemprop="headline"><?php esc_html(the_title()); ?></h1>
    							<div class="cps-post-meta vcard">
    								<span class="writer fn" itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name"><?php the_author(); ?></span></span>
    								<span class="cps-post-date-box">
    									<?php get_template_part( 'include/custom-time' ); ?>
    								</span>
    							</div>
    							
    						</header>
    						<?php if ( ! get_option( 'theme_eyecatch_off' ) ) : ?>
    							<?php if ( ! get_post_meta( $post->ID, "cps_eyecatch_display_off", true) == 'この記事でアイキャッチ画像を表示しない' ) : ?>
    							<div class="cps-post-thumb" itemscope itemtype="https://schema.org/ImageObject">
    								<?php if(has_post_thumbnail()) { echo the_post_thumbnail( 'large_size' ); } ?>
    							</div>
    							<?php endif; ?>
    						<?php endif; ?>
    						<?php if ( ! get_option( 'sns_delete' ) ) : ?>
    							<?php if ( ! get_option( 'sns_top_delete' ) ) : ?>
    								<?php get_template_part('include/sns-top'); ?>
    							<?php endif; ?>
    						<?php endif; ?>
    
    						<div class="cps-post-main-box">
    							<div class="cps-post-main <?php if( ! get_theme_mod('h2_style_icon') == ""){ echo get_theme_mod('h2_style_icon'); } ?> <?php if( ! get_theme_mod('h3_style_icon') == ""){ echo get_theme_mod('h3_style_icon'); } ?> <?php if( ! get_theme_mod('h4_style_icon') == ""){ echo get_theme_mod('h4_style_icon'); } ?> <?php if( ! get_option('hl_custom_check')){is_h2_style();echo " "; is_h3_style();echo " "; is_h4_style(); }else{echo "hl-custom";} ?> entry-content <?php echo esc_html(get_option('font_size'));?> <?php echo esc_html(get_option('font_size_sp'));?>" itemprop="articleBody">
    								
    								<?php get_template_part('ad-top'); ?>
    
    								<?php the_content(); ?>
    								
    								<?php get_template_part('include/nextpage'); ?>
    								
    								
    								<?php
    									$arr = get_the_tags();
    									if($arr){
    										echo '<div class="tag-box">';
    										foreach ( (array)$arr as $tag ) {
    											echo '<span><a href="'.get_tag_link($tag->term_id).'"> '.$tag->name.'</a></span>';
    										}
    										echo '</div>';
    									}
    								?>
    								
    								<?php comments_template(); ?>
    								
    								<?php get_template_part( 'include/custom-profile' ); ?>
    								
    								<?php get_template_part('ad'); ?>
    								
    								<?php if( ! get_post_meta( $post->ID, "custom_ad_off", true) == 'この記事で広告を表示しない' ) : ?>
    								<div class="related-ad-unit-area"><?php echo get_option('ad_related_unit'); ?></div>
    								<?php endif; ?>
    								
    								<?php if ( ! get_option( 'sns_delete' ) ) : ?>
    									<?php get_template_part('include/sns'); ?>
    								<?php endif; ?>
    								
    								<?php get_template_part('cta'); ?>
    								
    							</div>
    						</div>
    					</article>
    					
    				<?php endwhile; ?>
    				<?php else : ?>
    					<article class="cps-post">
    						<h1 class="post-title">記事が見つかりませんでした。</h1>
    					</article>
    				<?php endif; ?>
    			</section>
    			
    			<?php if ( wp_isset_widets( 'post-bottom-widget',true ) ) : ?>
    			<div id="post-bottom-widget">
    			<?php dynamic_sidebar( 'post-bottom-widget' ); ?>
    			</div>
    			<?php endif; ?>
    			
    			<?php if( is_bread_display() == "exist") :?>
    			<?php if( is_mobile() ): ?>
    			<?php get_template_part('include/breadcrumb'); ?>
    			<?php endif; ?>
    			<?php endif; ?>
    			
    			<?php if( ! is_singular('cta') ): ?>
    			<?php get_template_part('include/related-entries'); ?>
    			<?php endif; ?>
    			
    			<?php get_template_part('include/prevnext'); ?>
    		</main>
    
    	<?php get_sidebar(); ?>
    </div>
    

    <?php get_footer(); ?>