投稿ページにてチェックボックスにチェックを入れたら表示という設定を「来館予約と資料請求」の両方表示だったものを個々に設定できるようにカスタムフィールドにて1つずつに修正し、下記HTMLも1つのものを2つに変更しましたが、来館予約の部分だけ文字で表示されます。
改善点を教えていただけませんでしょうか。
担当エンジニアが現在事情で稼働できず簡易な修正のみやっている素人が質問しておりますので情報不足でしたら申し訳ございません。
【元のデータ】
<?php $value = get_post_meta($post->ID, 'show', true);?>
<?php if(empty($value)):?>
<?php else:?>
<div class="chapel-reserve">
<div class="btm-reserve">
<ul>
<li><a href="/reservation/?post_id=<?php echo get_the_ID();?>"><span>来店予約をする</span></a></li>
<li><a href="/inquiry/?post_id=<?php echo get_the_ID();?>"><span>資料請求をする</span></a></li>
</ul>
<div style="display: none;"><?php echo get_field('show'); ?></div>
</div>
</div><!--reserve-->
<?php endif;?>
【書き換えたコード】
<?php $value = get_post_meta($post->ID, 'show', true);?>
<?php if(empty($value)):?>
<?php else:?>
<div class="chapel-reserve">
<ul>
<li><a href="/reservation/?post_id=<?php echo get_the_ID();?>"><span>来店予約をする</span></a></li>
</ul>
<div style="display: none;"><?php echo get_field('show'); ?></div>
</div>
</div><!--reserve-->
<?php endif;?>
<?php $value = get_post_meta($post->ID, 'show2', true);?>
<?php if(empty($value)):?>
<?php else:?>
<div class="btm-reserve">
<ul>
<li><a href="/inquiry/?post_id=<?php echo get_the_ID();?>"><span>資料請求をする</span></a></li>
</ul>
<div style="display: none;"><?php echo get_field('show2'); ?></div>
</div>
</div><!--reserve-->
<?php endif;?>
こちらが表示される画面です。資料請求と同じデザインで表示させたいです。
追記<divを2つずつ設置したコード
<?php $value = get_post_meta($post->ID, 'show', true);?>
<?php if(empty($value)):?>
<?php else:?>
<div>
<div class="chapel-reserve">
<ul>
<li><a href="/reservation/?post_id=<?php echo get_the_ID();?>"><span>来店予約をする</span></a></li>
</ul>
<div style="display: none;"><?php echo get_field('show'); ?>
</div><!--reserve-->
<?php endif;?>
<?php $value = get_post_meta($post->ID, 'show2', true);?>
<?php if(empty($value)):?>
<?php else:?>
<div>
<div class="btm-reserve">
<ul>
<li><a href="/inquiry/?post_id=<?php echo get_the_ID();?>"><span>資料請求をする</span></a></li>
</ul>
<div style="display: none;"><?php echo get_field('show2'); ?>
</div><!--reserve-->
<?php endif;?>
css ファイル
@charset "utf-8";
/* CSS Document */
.eo-venue-combobox-select{display: none;}
#eo-all-day,
#eo-end-time,
#eo-start-time,
#eo-start-date,
#eo-end-date{pointer-events: none;}
img.acf-image-image{width: 150px;height: auto;}
<div class="chapel-reserve">
内に<div class="btm-reserve">
があり更にその中に「来館予約と資料請求」があります。書き換えたコードでは別々に分かれてますが何か理由あるのでしょうか? …理由なければ同じ構造にしてみては? あとつじつま合わせと言うか,<div〜>
〜</div>
というペアになってるので書き換えたコードは</div>
の数が一つ多いかも<div class="chapel-reserve">
内に<div class="btm-reserve">
を配置するなら, 最後の方の</div>
は消さないようにしてください。別々に分けて ひとつの<div
内に記述する場合は, 取り除く感じ<div
〜</div>
を別々にすることは違うと思うけど,<div
を分ける理由があるかどうか知りたいのですが … 理由がないのなら<div
〜</div>
を 2つずつ記述すればよいかも