WordPressテーマSANGOの質問

トップへ戻るボタンをかわいくしたい。

アバター
まわる

いつもお世話になっております。
トップへ戻るボタンをこちらのウェブサイトhttps://kenko.sawai.co.jp/
のようにボタンの上にキャラクターの画像を上に乗っけようと考えております。
カスタマイズ方法を教えていただけますでしょうか。

カスタマイザーでデザイン設定
カスタマイザーでデザインや細かな設定をしよう
コメントへの回答
サルワカくん
サルワカくん
2021/03/10

お世話になっております。以下の様に子テーマから以下の様に関数を定義していただくことで任意の画像をトップへ戻るボタンとして表示可能かと思います。
以下のコードの「ここに画像のURLを記述」という箇所に画像のURLを記述してみてください。
よろしくお願いします。


  function is_active_go_top_btn() {
    if(!is_singular()) return false;
    return (wp_is_mobile() && get_option('show_to_top')) || (!wp_is_mobile() && get_option('pc_show_to_top'));
  }
  function go_top_btn()
  {
    if(!is_active_go_top_btn()) return;
    echo '';
  }
アバター
まわる
2021/03/22

『以下のコードの「ここに画像のURLを記述」』が見当たらないのですが、、、

宜しくお願い致します。

サルワカくん
サルワカくん
2021/03/22

すみません、以下のコードというのは何を指してますでしょうか?
よろしくお願いします。

アバター
まわる
2021/03/23

こちらになります。

『お世話になっております。以下の様に子テーマから以下の様に関数を定義していただくことで任意の画像をトップへ戻るボタンとして表示可能かと思います。
以下のコードの「ここに画像のURLを記述」という箇所に画像のURLを記述してみてください。
よろしくお願いします。

function is_active_go_top_btn() {
if(!is_singular()) return false;
return (wp_is_mobile() && get_option(‘show_to_top’)) || (!wp_is_mobile() && get_option(‘pc_show_to_top’));
}
function go_top_btn()
{
if(!is_active_go_top_btn()) return;
echo ”;
}

サルワカくん
サルワカくん
2021/03/24

お世話になっております。申し訳ございません。コメントした箇所がエスケープされ見えない状態になっていました。
以下の様なコードのイメージになります。よろしくお願いします。


  function is_active_go_top_btn() {
    if(!is_singular()) return false;
    return (wp_is_mobile() && get_option('show_to_top')) || (!wp_is_mobile() && get_option('pc_show_to_top'));
  }
  function go_top_btn()
  {
    if(!is_active_go_top_btn()) return;
    echo '<a href="#" class="totop" rel="nofollow ugc"><img src="ここに画像のURLを記述" /></a>';
  }
アバター
まわる
2021/03/30

可愛く作ることができました
ありがとうございました。