【コピペでOK】WordPressブログでトップページにのみ画像(バナー)を表示する方法

【この記事は約3分で読めます】

どうも。昨日、とりあえずPOSのウォレットをダウンロードしまくったFUMIです。

今日は当ブログのスマホのトップページにだけ、バナーを表示させたので、その方法を簡単に解説します。
覚えてしまえば簡単で応用も効くので、是非この機会に覚えてみてはいかがでしょうか?

実際のコード

    <?php if(wp_is_mobile() && !is_paged()): ?>

    <p class="head-banner"><a href="/coin/freecoin"><img src="/wp-content/uploads/2017/10/banner171016.png" alt="無料で仮想通貨"></a></p>

    <?php endif; ?>

コードの解説

上記コードをテーマのPHPにコピペするだけでOKですw
テーマによって編集するPHPファイルは異なりますが、今回の場合は『home.php』か『index.php』ファイルだと思います。

もし違っても保証はしませんw

ググれば出てくるとは思いますが『wp_is_mobile』がスマホにだけ表示して『!is_paged』が1ページ目のみ表示的な意味です。

『&&』を使って、両方の条件に当てはまる場合にのみ表示する的な感じです。

このWordPress特有の条件分岐タグについては、以前の記事で書いたのでご参照ください。
ページによって表示する内容を変更!仮想通貨ブロガーも覚えておきたいWordPressの『条件分岐タグ』6選 – 偏差値43高卒ゆとり世代の資産運用

テーマを編集する際の注意点

なんでもそうだとは思いますがバックアップ必須です。

テーマのPHPを直接編集すると、予想外のでトラブルが発生する場合があるので、必ず編集する前に、編集するPHPのコードを全部コピーして、テキストファイルでもなんでもいいので、バックアップをとってくださいね!

基本、元のコードをコピペすれば元に戻りますから~

まとめ

以上、WordPressで、トップページにだけバナーを表示する方法でした!

今日はとても雑です。
バナーを作ってたらブログ書く時間無くなりました。

WordPressについて、何か教えて欲しいことがある方は、Twitterで質問してくださいな。

宣伝

最近WordPressで仮想通貨ブログを始める方が多いので、個人的におすすめなサーバーをアフェ付きで紹介しておきます。
よろです。

ロリポップ

1番有名で安いサーバーです。
続くか分からないけどとりあえずブログを始めてみたい方におすすめです。
WordPressが使えるサーバーは月250円からです。


wpX

XserverのWordPressに最適化されたサーバーです。
月に1,000円以上サーバー代を出せるのであればコチラがおすすめです。
体感ですが、ロリポップよりサーバーが軽く、サーバー管理画面が使いやすいです。