ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマAGENT:第3ブロックを二つに減らす方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.第3ブロックの「シゴトを知る」 「働く人を知る」「求める人を知る」を二つに減らしたい

A.下記のPHPファイルの該当箇所を削除します

編集するテーマファイル:Welcome Screen 固定ページテンプレート (page-welcome.php)

      <div class="text-center col-sm-40 mobile-mb-60" style="padding-left:30px;padding-right:30px;">
            <?php if($options['top_content3_banner_url1']){ ?><div class="circleimages"><a href="<?php echo $options['top_content3_banner_url1']; ?>"><img src="<?php echo $top_content3_banner_image1[0]; ?>"/></a></div><?php }else{ ?><div class="circleimages"><img src="<?php echo $top_content3_banner_image1[0]; ?>"/></div><?php }; ?>
            <h5 class="text-center section3-h5"><?php echo nl2br($options['top_content3_banner_headline1']); ?></h5>
            <div class="text-justify desc2"><?php echo nl2br($options['top_content3_banner_body1']); ?></div>
            <?php if($options['top_content3_banner_url1']){ ?><a class="read-more romaji mobile-mt-0" href="<?php echo $options['top_content3_banner_url1']; ?>"><?php echo $options['top_content3_banner_btnlabel1']; ?></a><?php }; ?>
          </div>
          <div class="text-center col-sm-40 mobile-mb-60" style="padding-left:30px;padding-right:30px;">
            <?php if($options['top_content3_banner_url2']){ ?><div class="circleimages"><a href="<?php echo $options['top_content3_banner_url2']; ?>"><img src="<?php echo $top_content3_banner_image2[0]; ?>"/></a></div><?php }else{ ?><div class="circleimages"><img src="<?php echo $top_content3_banner_image2[0]; ?>"
/></div><?php }; ?>
            <h5 class="text-center section3-h5"><?php echo nl2br($options['top_content3_banner_headline2']); ?></h5>
            <div class="text-justify desc2"><?php echo nl2br($options['top_content3_banner_body2']); ?></div>
            <?php if($options['top_content3_banner_url2']){ ?><a class="read-more romaji mobile-mt-0" href="<?php echo $options['top_content3_banner_url2']; ?>"><?php echo $options['top_content3_banner_btnlabel2']; ?></a><?php }; ?>
          </div>
          <div class="text-center col-sm-40" style="padding-left:30px;padding-right:30px;">
            <?php if($options['top_content3_banner_url3']){ ?><div class="circleimages"><a href="<?php echo $options['top_content3_banner_url3']; ?>"><img src="<?php echo $top_content3_banner_image3[0]; ?>"/></a></div><?php }else{ ?><div class="circleimages"><img src="<?php echo $top_content3_banner_image3[0]; ?>"/></div><?php }; ?>
            <h5 class="text-center section3-h5"><?php echo nl2br($options['top_content3_banner_headline3']); ?></h5>
            <div class="text-justify desc2"><?php echo nl2br($options['top_content3_banner_body3']); ?></div>
            <?php if($options['top_content3_banner_url3']){ ?><a class="read-more romaji mobile-mt-0" href="<?php echo $options['top_content3_banner_url3']; ?>"><?php echo $options['top_content3_banner_btnlabel3']; ?></a><?php }; ?>
          </div>
        </div>

下記のかたまりを一つ削除または非表示にしてください。

    <div class="text-center col-sm-40" style="padding-left:30px;padding-right:30px;">
            <?php if($options['top_content3_banner_url3']){ ?><div class="circleimages"><a href="<?php echo $options['top_content3_banner_url3']; ?>"><img src="<?php echo $top_content3_banner_image3[0]; ?>"/></a></div><?php }else{ ?><div class="circleimages"><img src="<?php echo $top_content3_banner_image3[0]; ?>"/></div><?php }; ?>
            <h5 class="text-center section3-h5"><?php echo nl2br($options['top_content3_banner_headline3']); ?></h5>
            <div class="text-justify desc2"><?php echo nl2br($options['top_content3_banner_body3']); ?></div>
            <?php if($options['top_content3_banner_url3']){ ?><a class="read-more romaji mobile-mt-0" href="<?php echo $options['top_content3_banner_url3']; ?>"><?php echo $options['top_content3_banner_btnlabel3']; ?></a><?php }; ?>
          </div>
        </div>

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事