うなこ
フォーラムへの返信
-
投稿
-
バナーは画像を配置するのだと思いますので、少し変えてみました。
以下でいかがでしょうか？横幅が1199.98px以下では非表示になるようにしました。こちらもお好きな形に変えてください。
※HTMLはリンク先と画像のURLを変えてご利用ください。
※CSSの数値はお好きなものに変えてください。▼ウィジェットのフッター上部に HTMLブロックを配置して以下を追記
<div class="floating-banner"> <div class="banner"> <a href="https://〇〇〇〇/"> <img src="https://〇〇.png"> </a> </div> </div>▼カスタマイズ→追加CSSなどに追記
.floating-banner { position: fixed; z-index: 99999; top: 0; right: 0; } .floating-banner:hover { opacity: .9; } .banner { width: 80px;/* バナーの横幅 */ height:100vh;/* バナーの高さ */ padding: 16px;/* バナーの余白 */ background-color:#30ddd4;/* バナーの背景色 */ } /* pcサイズ以下で非表示 */ @media (max-width: 1199.98px){ .floating-banner { display: none; } }「楽天GOLDのindex.htmlへhtmlコードを貼りましょう。」（ここには載せませんが、記事中のhtmlコードはコピペOKなものでした。）
固定ページやウィジェットに、ブロックでカスタムHTMLは配置できます。
が、、、記事は見ておりませんが、楽天GOLDのindex.htmlへ貼り付ける記事だと思いますので、、うまくいかないようなきがしております。。わたしの添付したURLでしたら、バナー部分のHTMLとCSSですので、ちょっとカスタマイズするとうまくできるのではないかと思っております。
ーー追記ーー
わたしのLightningで実装しているサイトで試したところ、うまくいきました。CSSの参考サイト
スクショありがとうございます！
こちらでも確認できました、すみません、、。
おそらくフォントサイズが指定していないため、safariブラウザのデフォルトのフォントサイズが適応されて小さくなっているようでした。調査いたしますので修正までしばらくお待ちください。
デモサイトをsafariで確認いたしましたが、私の環境ですと、文字の小ささが再現できないようでした。
safariで確認した時の画面キャプチャなど添付いただくことは可能でしょうかあ、失礼しました。
わかりました、たしかに小さいですね、、！なぜでしょうか。調べてみますおそらくやりたいことは、
楽天市場でよくみかけるサイドにピタッとついている縦長追従バナーのようなものですよね、、？？こんな記事をみつけました。
サイズは違いますが、これを応用して、ウィジェットのフッター上部にHRMLブロックでHTMLを配置、
追加CSSなどにCSSを記述すれば、似たようなバナーは配置できるかなと思います（スマホサイズではバナーは非表示にしているようです）ご報告ありがとうございます。
試して欲しいことがあります。
トップページの内容を右の３点リーダーから「全てのコンテンツをコピー」して（添付画像を参考）、新規ページを下書きなどで作成してペーストした場合、更新できますか？【追記です】
調べてみると、おそらくテーマ、プラグインの問題ではない可能性があります。
いろいろな原因があるようですので、「更新に失敗しました。 現在オフラインのようです。」で調べてみると、問題がわかるかもしれません。トップページのスライドショーの画像が見えなくなる原因としては
サイトをSSL化して、スライドショー画像のURLが http のままで見えなくなる、ということがよくあります。▼過去にあった報告
もしくは、何かしらのプラグインが原因の可能性もあります。
症状のでているサイトのURLを添付いただくと、原因の特定が早いかもしれません。ご連絡ありがとうございます。
もしかするとSSL設定の前にスライド画像入れてたかもしれないので・・・。
そうですね、もしかすると設定前にいれられたのではないかなと思いますが、、、
また何かございましたらご投稿くださいmm実際サイトを公開した場合、スライドショーの画像がhttpでも問題何のでしょうか？
サイトをhttps:// で見ている場合はスライドショーの画像がhttpのままでは表示されなくなります。
過去にも同様のことがありまして、以下のフォーラムは参考になりますでしょうか。確認してみました。
Really Simple SSLというプラグインをローカル環境に入れて有効化してみてください。
おそらく見えるようになると思います。スライドショーが見えなくなる原因は、Live LinkのURLが https になるため、設定している画像が http のままなので表示ができていないようでした
1．最初にメニューの開閉ボタンを追加する を設定すると、ヘッダーのトグルメニューは消えるのでしょうか。
モバイル固定ナビにメニューの開閉ボタンを追加すると、ヘッダーのハンバーガーメニューボタンは消えます。
2．お問い合わせでLINEのQRコードのURLを入力する際、URLに％（パーセント）が入ると、固定ナビで設定したアイコンをクリックすると、エラーが表示されます。
％（パーセント）が入ったURLは使用できないでしょうか。おそらく使用できるはずですが、先ほど試しに％の入っているURLを入れてみたところ、エラーは出ませんでした。
リンク自体は開きますか？
もしよければ、エラーの出るリンクを教えていただくことは可能でしょうか？モバイル固定ナビにメニューの開閉ボタンを追加したい、ということであっておりますか？
もしそうでしたら、
カスタマイズ→Lightningモバイル固定ナビ→「メニュー開閉ボタンの追加」の「最初にメニューの開閉ボタンを追加する」にチェクを入れていただきますと表示されると思います。もし意図と違う回答でしたらすみません、、、
ちがっておりましたらご指摘ください
