サイドバーが投稿記事の下に表示されてしまう



  • トップページではサイドバーが正常に表示されますが、投稿記事ページでは記事の下に表示がされてしまいます。
    恐れ入りますがご教授お願いできますでしょうか。

    行ったこと
    ・過去のフォーラムの投稿を参考にサイドバーの全項目を削除してテンプレートを再インストール
    ・キャッシュクリア
    ・プラグインの全停止

    投稿ページ:https://ec-school.net/ペイパルとは/

    0_1620578540779_スクリーンショット 2021-05-10 1.42.03.png


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : WordPress 5.7.1
    ご利用のサーバー名 : エックスサーバ
    PHPのバージョン : PHP7.4.13
    OS : MAC OS BIG Sur
    ご利用のブラウザ : google Chrom
    該当サイトのURL : https://ec-school.net/ペイパルとは/



  • RSSを試しに追加してみたところ削除しても消えなくなってしまいました、、



  • <?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( is_front_page() ) :?>
    				<?php if ( wp_isset_widets( 'home-top-widget',true ) ) : ?>
    					<div id="home-top-widget">
    					<?php dynamic_sidebar( 'home-top-widget' ); ?>
    					</div>
    				<?php endif; ?>
    			<?php endif; ?>
    			
    			<section class="cps-post-box hentry">
    				<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    					<?php
    						if( get_post_thumbnail_id($post->ID) ){
    							$thumbnail_id = get_post_thumbnail_id($post->ID);
    							$image = wp_get_attachment_image_src( $thumbnail_id, 'large_size' );
    							$src = $image[0]; //url
    							$large_width = $image[1]; //横幅
    							$large_height = $image[2]; //高さ
    						}else{
    							$large_width = "";
    							$large_height = "";
    						}
    					?>
    					<article class="cps-post">
    						<header class="cps-post-header">
    							<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"><time class="published updated" datetime="<?php the_time('c') ;?>"></time></span>
    							</div>
    						</header>
    						<?php if ( ! get_option( 'theme_eyecatch_off' ) ) : ?>
    							<?php if ( ! get_post_meta( $post->ID, "cps_eyecatch_display_off", true) == 'この記事でアイキャッチ画像を表示しない' ) : ?>
    								<?php if ( ! is_mobile() ): ?>
    									<?php if( $large_width < 1280 ) : ?>
    										<div class="cps-post-thumb" itemscope itemtype="https://schema.org/ImageObject">
    											<?php if(has_post_thumbnail()) {  echo the_post_thumbnail( 'large_size',array('width ' => $large_width,'height ' => $large_height,'alt' => jin_image_alt('large_size') ) ); } ?>
    										</div>
    									<?php else: ?>
    										<div class="cps-post-thumb" itemscope itemtype="https://schema.org/ImageObject">
    											<?php if(has_post_thumbnail()) {  echo the_post_thumbnail( 'large_size',array('width ' => '700','height ' => '393','alt' => jin_image_alt('large_size') ) ); } ?>
    										</div>
    									<?php endif; ?>
    								<?php else: ?>
    									<div class="cps-post-thumb" itemscope itemtype="https://schema.org/ImageObject">
    										<?php if(has_post_thumbnail()) { echo the_post_thumbnail( 'small_size',array('width ' => '384','height ' => '216','alt' => jin_image_alt('small_size')) ); } ?>
    									</div>
    								<?php endif; ?>
    							<?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 get_template_part('ad'); ?>
    
    								<?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 comments_template(); ?>
    			
    			<?php if( is_bread_display() == "exist") :?>
    			<?php if( is_mobile() ): ?>
    			<?php get_template_part('include/breadcrumb'); ?>
    			<?php endif; ?>
    			<?php endif; ?>
    			
    			<?php if( is_front_page() ) :?>
    				<?php if ( wp_isset_widets( 'home-bottom-widget',true ) ) : ?>
    					<div id="home-bottom-widget">
    					<?php dynamic_sidebar( 'home-bottom-widget' ); ?>
    					</div>
    				<?php endif; ?>
    			<?php endif; ?>
    			
    		</main>
    
    		<?php get_sidebar(); ?>
    	</div>
    	<?php get_footer(); ?>
    


  • 個別投稿ページ (page.php)
    のコードを貼らせていただきます!



  • この投稿が削除されました!


  • 横から失礼します。グーグルの拡張ツールHTMLチェッカーを利用したところ 11か所のエラーがあります。
    また、ウェブ上のチェッカーを使うと51か所エラーがあります。
    デザイン崩れでない部分は気にしないでいいですが、閉じる部分に<!--divのクラス名-->を入れた方がいいですよ。
    </div></div></div>のところは、どうやら下2個は余計なようです。
    以下はエラーのコピーです。
    行目 992:
    <ul> : タグが閉じていません
    行目 994:
    <li> : タグが閉じていません
    行目 997:
    <ul> : タグが閉じていません
    行目 999:
    <li> : タグが閉じていません
    行目 1043:
    </div> : よりも先に閉じてしまっています<main id="main-contents" class="main-contents article_style1 animate" itemprop="mainContentOfPage">
    </div> : よりも先に閉じてしまっています<section class="cps-post-box hentry">
    </div> : よりも先に閉じてしまっています<article class="cps-post">
    行目 1044:
    </article> : よりも後で閉じてしまっています<div id="contents">
    行目 1046:
    </section> : よりも後で閉じてしまっています<div id="contents">
    行目 1065:
    </main> : よりも後で閉じてしまっています<div id="contents">
    行目 1132:
    </div> : 開きタグがありません

    ですが、原因は、<li>タグ廻りかもしれませんね。

    <h2> PayPal(ペイパル)の特徴</h2>
    <ul>
    <li></li>
    <li>特徴2 ☚</li>が足りないです。
    </div>  ☚多分多いかと思います。
    <ul> ☚が足りないです。
    <div class="concept-box6">
    <ul>
    <li></li>
    <li>特徴2 ☚</li>がたりないです。
    </div>  ☚〇。
    </ul> ☚が足りないです。
    <div class="clearfix"></div>
    <div class="adarea-box">
    </div>

    この部分直したら、サイドバーが横に出ました。
    (私のテストページでではですが)
    試してみてください。
    http://icecream.me/649564928b15cb9eb3c17f22fd10bf9b
    直した後のコードです



  • benkbook様
    コメントいただきありがとうございました!
    プログラミングは初学者のため勉強不足で申し訳ございません。
    JINマニュアルに沿って記事の投稿できるあたりまで進めていただけだったので
    こんなにエラーが出ていると思いませんでした、、、
    自分も googleの拡張機能を入れて調べてみます!
    大変助かりました!できそうな気がします!
    この度は誠にありがとうございました!
    結果はこちらでまたご報告させていただきます!



  • 取り急ぎサイドバーが横に表示されるようになりました!
    この度はありがとうございました!


 

});