質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.44%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

1回答

235閲覧

カスタムフィールドが空欄の場合、要素を作成しないようにしたい

kkang

総合スコア14

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2023/05/25 12:26

実現したいこと

カスタムフィールドが空欄の場合、要素を作成しないようにしたい

前提

WordpressでACFプラグインを使い、ギャラリーを作成しています。
カスタムフィールドに画像を設定し、lightboxを使って拡大表示できるようにしています。

カスタムフィールドは6つ用意していますが、5枚以下しか入力しなかった場合、空白のDivが作られ、lightboxでループができません。

php

1<?php 2 // カスタムフィールドの値を取得 3 $value = get_post_meta( get_the_ID(), 'sample_key', true ); 4 // カスタムフィールドの値がある場合 5 if( $value ){ 6 echo $value; 7 } 8 ?> 9 10 <div class=" gallery--item"> 11 <a href="<?php the_field('gallery_1'); ?>" data-lightbox="group-1"> 12 <img src="<?php the_field('gallery_1'); ?>" alt=""> 13 </a> 14 </div> 15 <div class="gallery--item"> 16 <a href="<?php the_field('gallery_2'); ?>" data-lightbox="group-1"> 17 <img src="<?php the_field('gallery_2'); ?>" alt=""> 18 </a> 19 </div> 20 <div class=" gallery--item"> 21 <a href="<?php the_field('gallery_3'); ?>" data-lightbox="group-1"> 22 <img src="<?php the_field('gallery_3'); ?>" alt=""> 23 </a> 24 </div> 25 <div class=" gallery--item"> 26 <a href="<?php the_field('gallery_4'); ?>" data-lightbox="group-1"> 27 <img src="<?php the_field('gallery_4'); ?>" alt=""> 28 </a> 29 </div> 30 <div class=" gallery--item"> 31 <a href="<?php the_field('gallery_5'); ?>" data-lightbox="group-1"> 32 <img src="<?php the_field('gallery_5'); ?>" alt=""> 33 </a> 34 </div> 35 <div class=" gallery--item"> 36 <a href="<?php the_field('gallery_6'); ?>" data-lightbox="group-1"> 37 <img src="<?php the_field('gallery_6'); ?>" alt=""> 38 </a> 39 </div>

入力されたカスタムフィールドのみgallery--itemクラスのDivを作成するにはどうしたらいいでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

データを変数に入れて有無を判定すれば不要なものは出力されないし違いがメタキーだけならループで回せば無駄が無い。

PHP

1<?php 2for ( $i = 1; $i <= 6; $i++ ) { 3 $img = get_field( 'gallery_'.$i ); 4 if( !empty( $img ) ) { 5 ?> 6 <div class=" gallery--item"> 7 <a href="<?php echo $img; ?>" data-lightbox="group-1"> 8 <img src="<?php echo $img; ?>" alt=""> 9 </a> 10 </div> 11 <?php 12 } 13} 14?>

投稿2023/05/27 04:21

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kkang

2023/05/30 14:43

お時間が空いてしまって申し訳ございません。 そして的確なご教示、誠にありがとうございます。 スクリプトがとても美しくなりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.44%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問