記事や要素が入っていない時にセクションやブロックを非表示にする方法

SUGOYOKU BLOG

福岡から全国へSEO対策、ホームページ制作サービスを行っている株式会社スゴヨクです。

今回は、記事や要素が入っていない時にセクションやブロックを非表示にする方法を書いていきます。

こんなことお困りごとはございませんか？

・お知らせやイベントで記事が入っていない時に項目を消したい
・レイアウトやデザインだけ残っておかしな感じになっている
・期間限定の分だけを表示させたい

そんな時は下記のコードで対応ができます。

<?php
	$name = new WP_Query(array(
		'post_type' => 'event',
		'posts_per_page' => -1,
	));
	if ( $name->have_posts() ) : <!--ここで判定-->
?>

<!--内容が入っていれば表示//入っていなければ非表示-->
<section class="sec">
 <h2>タイトル</h2>

 <?php while ( $name->have_posts() ) : $name->the_post(); ?>

 <!--繰り返し処理-->

 <?php endwhile; ?>
 <?php wp_reset_postdata(); ?>

</section>
<?php endif;?>
<!--繰り返し終了-->

<?php

$name = new WP_Query(array(

'post_type' => 'event',

'posts_per_page' => -1,

));

if ( $name->have_posts() ) :

<?php while ( $name->have_posts() ) : $name->the_post(); ?>

<?php endwhile; ?>

<?php wp_reset_postdata(); ?>

</section>

<?php endif;?>

sectionをif($name->have_posts())で囲ってあげれば、投稿が入っている場合は表示、そうでない場合は非表示にすることができます。応用はいろいろなところで出来ると思うので、お試しください。

ちょこっとメンターサービス

HP無料診断

【実践マーケティング手法２２選】無料ダウンロード

助成金・補助金・融資・M＆A等の総合経営支援サービス
「補助金パートナー」

月額定額制で、ホームページやECサイト運用、営業資料・チラシ・DMなどの製作代行から補助金や助成金など資金調達の情報を提供及び申請代行まで一手に支え会社の成長をサポートするコンサルティング型のサービスです。

ワードプレスでSEO対策をするなら【オリテン】

seoで高位置検証済みのオリジナルテンプレート制作
完全オリジナルの自社テンプレートを毎月3社様限定で制作を承っております。

福岡 SEO対策・ホームページ制作・広告運用代行なら
株式会社スゴヨク

SUGOYOKU BLOG