WordPressテーマSANGOの質問

記事にスクロール追従するボタンを設置したい

ハラッコ

2018/03/25

お世話になっております。
ブログ作成ではSANGOを愛用しておりますが、
アフィリ用のLPではカラフルというのを薦められ買ってみましたがどうも性に合いません。
LP制作でもSANGOを使用したいのですが、ただ一点、
スクロールに追従する、それぞれの固定ページで独立したボタンが欲しいのです。
コーディングは出来ないので手も足も出ません。
何か良い方法はないでしょうか？
これが出来れば、LP制作でも最強のテーマとなると思います。
テストページはこんな感じです。
https://tokimeki-shop.info/shop/button

モバイル用フッター固定メニューの設定方法

コメントへの回答

サルワカくん

2018/03/26

わりと簡単にできます。子テーマのstyle.cssなどに以下のCSSを追記。

.footer-fixed-btn {
  position:fixed; 
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 999;
  text-align: center;
}
.footer-fixed-btn a {
  display: inline-block;
  width: 90%;
  max-width: 450px;/*最大幅*/
  padding: .5em 1em;
  background: #ec5f5f;
  color: #FFF;
  font-weight: bold;
  font-size: 1.25em;/*文字サイズ*/
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.totop {/*上に戻るボタンはかぶるので消しておく*/
  display: none!important;
}

ボタンを表示したいページの投稿編集画面を開き、「テキスト」エディタのどこかに

<div class="footer-fixed-btn"><a href="リンク先URL">ボタンテキスト</a></div>

を追加。分かりやすいようにテキストエディタの一番下に貼り付けるのが良いかと思います。
リンク先URL、ボタンテキストはページごとに変えてくださいませ。