対馬 俊彦
フォーラムへの返信
-
投稿
-
先ほどの回答に補足、というか訂正です。
私が提示した JavaScript のコードは PC のブラウザには有効ですが、
モバイルデバイスのブラウザには無効でした。ということで、音源のボリュームを下げるのが確実です。
X’MASイブ、楽しませてもらった🤣ので、お礼に回答を…😊
> これはパターンの仕様なのでしょうか？
最大音量に戻るのはブラウザの仕様ですね、たぶん。
BGM として使っているので音源のボリュームを下げておくべきですが、
カスタム HTML ブロックを追加して以下のコードを貼り付ければ、音量設定をコントロールできます。<script> window.addEventListener('DOMContentLoaded', function(){ const audioElement = document.querySelector('audio'); audioElement.volume = 0.2; }); </script>0.2 のところに 0（消音）～1（最大音量）を指定します。
同じバージョンの私のサイトでは現象が再現しません。
本来の動作から大きくかけ離れた症状が起きているので、
ご質問の文面だけだといい回答が得られないかもしれません。設定画面のスクリーンショットなどを使って状況を伝えていただくか、
可能であれば、症状が起きている URL を提示していただけば、
回答が得られやすいと思います。> この挙動はテーマ側の仕様でしょうか？
違います。
余白に関しては、該当URLのサイトで行ったカスタマイズが原因です。
具体的には、子テーマに記述してある以下のコードが原因です。@media (min-width: 768px) { .map-padding { padding-top: 20px; padding-bottom: 20px; /* 左右の見た目差を補正 */ padding-left: 18px; padding-right: 20px; box-sizing: border-box; } }> フッターウィジェット内で左右の高さを揃える正しい実装方法があれば
左のカバーブロックに
height: 100%;を指定すればよさそうです。やっぱり WAF が原因でしたか。
ちなみに、CSS にコメントが含まれると WAF に誤検出されやすい傾向があります。
コメントを残しておきたい場合は、カスタム HTMLブロックを使って
<style type="text/css"> </style>で囲んでやるといいです。
カスタム HTMLブロックが保存できないことをいままで経験していません。
私のサイトで試したところ、カスタム CSS が保存できています。
私のサイトの環境は以下の通りです。
■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.32.4■ Pro Unit のバージョン
0.29.10■ スキンの種類
Origin III■ プラグインの種類・バージョン
VK All in One Expansion Unit 9.112.4.0
VK Block Patterns 1.33.3.0
VK Blocks Pro 1.115.0.0上記はご質問者のサイトと同一ですが、
以下のプラグインをインストールしてありません。Admin Columns 4.7.20
Contact Form 7 6.1.4
Contact Form 7 Multi-Step Forms 4.5
Flamingo 2.6.1
SiteGuard WP Plugin 1.7.9
EWWW Image Optimizer 8.3.1
Copy & Delete Posts 1.5.0
Advanced Custom Fields 6.7.0経験的に CSS を保存できないときはサーバーの WAF が原因のことがよくあります。
なにかエラーメッセージは表示されていませんか？いい枠を確保しましたね！
> 技術的なTIPS話なんぞまったくできないのでバラエティになっちゃいますよ。
いまのところ、技術的なTIPS話に偏り過ぎているように思うので、
たわしそふとさんの記事でアドベントカレンダーに彩りを添えてください。X’MASイブを楽しみにしてます～😊
たわしそふとさん、
X-T9しか知らないアマチュアでもちゃんと立派なホームページが作れるのだということを…
余生をX-T9に捧げているジジイwwなので…
そのあたりのことをアドベントカレンダーに書いてみませんか？
VK パターンライブラリの中でよさそうなものをお伝えしたのですが、
背景画像 ＋ ボタン のシンプルなものを作るのであれば、
カバーブロックにボタンブロックを入れて、いちから作る方がわかりやすいです。VK Blocks Pro の横並びボタンブロックでご希望のことができると思います。
このパターン ↓ はいかがですか？
カバーブロックの設定で、上下方向（上・中央・下）と左右方向（左・中央・右）の配置を指定できます。
位置を細かく調整するには、余白やスペーサーを使うことになります。このパターンを試してみてご希望のことができなければ、
そうじゃなくてこういうのが欲しい、と返信してもらえれば、いい回答が得られるかもしれません。> 以前は自分でHTMLやCSSを書いていましたが
もしかしたら、
<map>と<area>で作るイメージマップのことなのでしょうか？以下のトピックを参考に、クエリーループの設定を カスタム から デフォルト に切り替えてみてください。
Lightning 標準のスライドショーのようなカスタマイズ機能はありません。
フォーカルポイントの調整でうまくいく可能性がありますが、
まったく別の画像にしたい場合は、スライダーを複製して、
非表示設定を使ってPC・モバイルで出し分ければできます。ベクトルさんがアップデートで修正してくれると思いますが、
お急ぎであれば、とりあえず以下の CSS を書いて作業を進めることができます。.vkfs__label-accordion-content { overflow: hidden; }フッター前の流れるカルーセルのことですよね。
[ExUnit 設定] → [Call To Action] の表示場所（オプション）に
lightning_site_footer_before
と入力されているかもしれませんが、これを削除して入力欄を空白にして [変更を保存] してみたらどうなりますか？
