対馬 俊彦
フォーラムへの返信
-
投稿
-
横から失礼します。
WP-Members というプラグインを使うと、
会員専用コンテンツに指定したカスタム投稿タイプも検索対象になります。会員以外が検索してもヒットして、
投稿を表示しようとするとログイン画面が表示されます。ご参考まで。
＞モバイルデバイスのブラウザには無効でした。
うわぁ、それはまずいですね。
HPは、もはやスマホから見られることのほうが普通な時代ですから。たわしそふとさんは↑このようにお考えなので、
トピックをクローズした後ですみませんが、重要なことなのでお伝えしておきます。プラグイン Background Music Manager は私が提示した JavaScript と同じ処理を行っています。
つまり、このプラグインの音量指定はスマホには無効です。
たわしそふとさんの要望の対象箇所は、
編集作業を行っている端末のブラウザで表示したときに
どのように見えるかをプレビューする領域ですので、テーマやプラグインでここに手を加えるのはちょっと違うかなと思います。
もし変えてしまうと、実際には音量調整ができるのに、編集画面ではできないように見える、
ということになってしまいます。音量調整しても毎回最大音量に戻るのがブラウザの仕様、
ということを受け入れるしかないように思います。
（もしかしたら、そうじゃないブラウザがあるかもしれません）ちなみに、タブレット端末で編集画面を開くと、
音量調整ができないように見えます（ブラウザの動作と同じ）。先ほどの回答に補足、というか訂正です。
私が提示した 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>で作るイメージマップのことなのでしょうか？以下のトピックを参考に、クエリーループの設定を カスタム から デフォルト に切り替えてみてください。
