アセスメントランディングページ -2-

ランディングページ製作時の覚書 トップへ のボタン

同サイトの「総研トップページ」に、画面最下部に固定した「お問い合わせへのリンクバナー」と同じ方法で設置した。

【１】 CSS で トップへの画像の設置場所を指定

#Floating-Top {
display: block;
position: fixed;
right: 35px;
bottom: 2px;
z-index: 9999;
}


【２】 固定ページに ID Floating-Top を指定

＜div id=”Floating-Top”>
＜/div>


【3】 fotter.php に スマホ様、PC様のコードを挿入（phpコードのためサイトでの表示はできないため、設計で確認する事）

＜?php if (ua_smt() == false && is_page(1410)): ?>
＜div id="Floating-Top">
＜a href="#" ><＜img src="https://souken.ch-j.co.jp/wp-content/uploads/2019/09/as-lp-20.png" width="60px">＜/a>
＜/div>