フッターphpでバナーを固定表示

【表示の都合上、一部のタグを全角文字で表記しているため、コピペの際には注意すること!】

子テーマの fotter.php に以下を記載
<div id=”footerFloatingMenu”>
<a href=”リンク先のURL”><img src=”画像のURL”>
</div>

子テーマのstyle.css に以下を記載
#footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 2px;
z-index: 9999;
text-align: center;
padding: 0 auto;
}

#footerFloatingMenu img {
max-width: 99%;
}

ただし、この場合全てのページでフッター部分に画像(バナー)が表示される(例:コンタクトフォーム)
トップページだけに表示させたい場合には、fotterphp を変更する。

<?php if ( is_front_page() ) : ?>
<div id=”footerFloatingMenu”>
<a href=”リンク先のURL”><img src=”画像のURL”>
</div>
<?php endif ?>

上記の例は、トップページのみだが、他の指定方法もある。
全ての固定ページ・・・・・・・・・・・・・・is_page()
固定ページのIDで指定・・・・・・・・・・is_page(’17’)
複数の固定ページのIDで指定・・・・is_page( array( 42, 54, 6 ) )

モバイル時のみの場合のfotter.php は以下の記述とする。
<?php if(wp_is_mobile()) : ?>
<div id=”footerFloatingMenu”>
<a href=”リンク先のURL”><img src=”画像のURL”>
</div>
<?php endif ?>

参考URL:https://www.nishi2002.com/14962.html