2017年9月28日更新

賢威7のランディングページのみ「トップに戻る」ボタンを非表示にする方法

Thumbnail

今回の記事では、WordPressテーマ:賢威7のランディングページのみ「トップに戻る」ボタンを非表示にする方法を紹介したいと思います。

ランディングページ「のみ」とあるように、ランディングページ以外ではカスタマイズ後も同じようにトップに戻るボタンは表示される方法です。すぐに出来るカスタマイズなので、よかったら試してみてください。

カスタマイズ前

↓ カスタマイズ前はトップに戻るボタンも表示。

keni7-landing-page-goto-top-button-display-none-before

カスタマイズ後

↓ ランディングページのみトップに戻るボタンが非表示に。

keni7-landing-page-goto-top-button-display-none-after

↓ ランディングページ以外は、これまでと同じように表示。

keni7-landing-page-goto-top-button-display-none-after-1

※ 今回はPHPファイルを編集していきます。管理画面に入れなくなることもあるので、PHPコードは注意して編集して下さい。

1. footer.php を編集

トップに戻るボタンは footer.php に書かれているので、今回は footer.php を編集していきます。

このファイルの22行目付近に以下のコードがあるので、、、

PHP
コピーする
<!--▼ページトップ-->
<p class="page-top"><a href="#top"><img class="over" src="<?php bloginfo('template_url'); ?>/images/common/page-top_off.png" width="80" height="80" alt="ページの先頭へ"></a></p>
<!--▲ページトップ-->

これを <?php if ( ! ('lp' == get_post_type() ) ) : ?><?php endif; ?> で囲みます。コード編集後は下のようになりました。

PHP
コピーする
<?php if ( ! ('lp' == get_post_type() ) ) : ?>
<!--▼ページトップ-->
<p class="page-top"><a href="#top"><img class="over" src="<?php bloginfo('template_url'); ?>/images/common/page-top_off.png" width="80" height="80" alt="ページの先頭へ"></a></p>
<!--▲ページトップ-->
<?php endif; ?>
</div><!--container-->

保存・更新すると、ランディングページのみトップに戻るボタンが非表示になり、、、

keni7-landing-page-goto-top-button-display-none-after

ランディングページ以外は、これまでと同じようにボタンが表示されます。

keni7-landing-page-goto-top-button-display-none-after-1

今回はこれで完成です。
最後まで閲覧ありがとうございました。

Copyrights © WebCraftLogAll Rights Reserved.