採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマAMORE:トップページの不要なブロックを非表示にする方法

Q.AMOREの第2ブロックは不要なので、非表示にしたい

非表示箇所イメージ: →参考:AMORE(TCD028)デモサイト
変更箇所イメージ

A.下記のphpファイルの該当箇所を編集します

編集するファイル:固定ページテンプレート (page-welcome.php)
編集する箇所: 30・31行目付近

<section>
  <div id="second" data-parallax="scroll">
     <div class="text-center amore-welcome-top">
~~~~省略~~~~~~~~~~~~~~~
  </div>
</section>

<section>
<!--
  <div id="second" data-parallax="scroll">
     <div class="text-center amore-welcome-top">
~~~~省略~~~~~~~~~~~~~~~
  </div>
-->
</section>

※コメントアウト「<!– –>」にて第2ブロック部分を囲んでおります。

トップページで表示している項目は、
外観 > TCDオプション > トップページ2で確認できます。

Q.AMOREの第4ブロックは不要なので、非表示にしたい

非表示箇所イメージ: 
変更箇所イメージ

A.下記のphpファイルの該当箇所を編集します

編集するファイル:固定ページテンプレート (page-welcome.php)
編集する箇所: 90・91行目付近

<section>
  <div class="amore-divider romaji" data-parallax="scroll"
data-speed="0.6"
data-image-src="https://demo.tcd-theme.com/tcd028/">
    <div class="container">
      <div class="row">
        <div class="col-xs-120 no-padding">
          <h2 class="invisibletexteffect animate top-headline
fourth_headline">SEASONAL FOOD</h2>
        </div>
      </div>
    </div>
  </div>
~~~~省略~~~~~~~~~~~~~~~
  <div id="fourth" class="container">

      </div>
</section>

<section>
<!--
  <div class="amore-divider romaji" data-parallax="scroll"
data-speed="0.6"
data-image-src="https://demo.tcd-theme.com/tcd028/">
    <div class="container">
      <div class="row">
        <div class="col-xs-120 no-padding">
          <h2 class="invisibletexteffect animate top-headline
fourth_headline">SEASONAL FOOD</h2>
        </div>
      </div>
    </div>
  </div>
~~~~省略~~~~~~~~~~~~~~~
  <div id="fourth" class="container">

      </div>
-->
</section>

※コメントアウト「<!– –>」にて第4ブロック部分を囲んでおります。

トップページで表示している項目は、
外観 > TCDオプション > トップページ4で確認できます。

Q.AMOREの第5ブロックは不要なので、非表示にしたい

非表示箇所イメージ: 
変更箇所イメージ

A.下記のphpファイルの該当箇所を編集します

編集するファイル:固定ページテンプレート (page-welcome.php)
編集する箇所: 147・148行目付近

<section>
  <div class="amore-divider romaji" data-parallax="scroll" data-speed="0.6" data-image-src="<?php echo $options['bg_image4']; ?>">
    <div class="container">
      <div class="row">
        <div class="col-xs-120 no-padding">
          <h2 class="invisibletexteffect animate offsetted top-headline fifth_headline"><?php echo $options['fifth_headline'];?></h2>
        </div>
      </div>
    </div>
  </div>
~~~~省略~~~~~~~~~~~~~~~
 <div class="visible-xs mb40"></div>
              </div>
                <?php endif; ?>
              <?php endfor; ?>
            </div>

      </div>
    </div>
  </div>
</section>

<!--
<section>
  <div class="amore-divider romaji" data-parallax="scroll" data-speed="0.6" data-image-src="<?php echo $options['bg_image4']; ?>">
    <div class="container">
      <div class="row">
        <div class="col-xs-120 no-padding">
          <h2 class="invisibletexteffect animate offsetted top-headline fifth_headline"><?php echo $options['fifth_headline'];?></h2>
        </div>
      </div>
    </div>
  </div>
~~~~省略~~~~~~~~~~~~~~~
 <div class="visible-xs mb40"></div>
              </div>
                <?php endif; ?>
              <?php endfor; ?>
            </div>

      </div>
    </div>
  </div>
-->
</section>

※コメントアウト「<!– –>」にて第5ブロック部分を囲んでおります。

トップページで表示している項目は、
外観 > TCDオプション > トップページ5で確認できます。

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

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

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