対馬 俊彦
フォーラムへの返信
-
投稿
-
石川 様、
ご回答、ありがとうございます。
> フック名の変更は原則行わないのが通例です。
やっぱり、そうですよね。ちょっと安心しました。
今後ともよろしくお願いいたします。
投稿の編集画面で カスタム CSS に以下の行を入力すれば、個別にヘッダー画像を指定できます。
.single-post .page-header { background: url(********************) no-repeat 50% center; } @media (max-width: 575.98px) { .single-post .page-header { background: url(xxxxxxxxxxxxxxxxxxxx) no-repeat 50% center; } }******************** は背景画像(PC)の URL、
xxxxxxxxxxxxxxxxxxxx は背景画像(モバイル)の URL です。複数画像が並んだ帯を上から下までリピートさせるにはどうすればよいでしょうか
ひとつ前のご質問にあったバナーではなく、いわゆる壁紙のように画像を並べて埋め尽くしたいということであれば、以下のページが参考になると思います。
https://step-learn.com/article/html-css/066-background-repeat.html
「background-repeat」でググれば、もっとわかりやすい情報が見つかるかもしれません。
左右に設置する場合もご教示くだされば幸いです。
コードをコピーして、.floating-banner の部分を .floating-banner-2 と置き換えたものを左に配置するように、以下のページを参考にカスタマイズすれば作ることができると思います。
「position fixed」でググれば、もっとわかりやすい情報が見つかるかもしれません。
ご質問の内容は Lightning の使い方ではないので、ベクトルさんは回答を保証していません。
有志の参加者からの回答を得られやすくするために、このように変えてみたけど思ったようにできなかったとか、可能であれば実際に作ってうまくいってない状態のものを URL で提示していただくと、もしかしたら回答を得られるかもしれません。
横からすみません。
「静的HTMLでの対処方法」と同様の考え方でできます。
■ 自分で試した事
…
・レスポンシブスペーサーにid設定レスポンシブスペーサーのタイプが margin-top になっていると期待通りの動作をしません。
height にすればできると思います。
レスポンシブスペーサーで試してうまくいかないようであれば、最初から WordPress に入っているスペーサーブロックを使ってもできます。
Classic Widgets をお使いで、VK ボタン ウィジェット を配置して、ボタンの色は .primary を選んでいる前提で回答します。
以下の CSS でボタンの色を指定できると思います。(****** はお好みで)
.mobile-fix-nav .btn-primary { background-color: #******; border-color: #******; }タップしたときのボタンの色が気になるようであれば、以下の CSS も必要です。
.mobile-fix-nav .btn-primary:not(:disabled):not(.disabled):active, .mobile-fix-nav .btn-primary:focus, .mobile-fix-nav .btn-primary:hover { background-color: #******; border-color: #******; }【補足】
WordPress 5.8 で追加された ブロックベースのウィジェット を使えば、VK ボタン ブロック を配置して、CSS を書かずにカスタムカラーで設定できます。添付画像をご参照ください。
これからはだんだんこうなっていくんでしょうね。以下のサイトの様に以前から非表示設定していたのですが
なぜ、メディア（画像）にコメント欄が付いたのか。最初に提示されているメディア（画像）の日付が 2017年4月30日 なので、以下のように考えるのが合理的だと思います。
- 2017年4月30日の時点ではコメントを受け付ける設定になっていた。
- その後コメントを許可しない設定にした。
おはようございます。
VK Blocks Pro 1.14.1 にアップデートして数値が欠ける問題が修正されたことを確認しました。
どうもありがとうございました。
VK Blocks Pro 1.14.0 にアップデートして、報告させていただいた動作不具合が修正されていることを確認しました。
どうもありがとうございました。
.second
を
h2.is-style-vk-heading-background_fill_lightgray
に書き換えるといいです。!importantの指定は不要です。背景塗り灰色の H2 の箇所を Chrome のデベロッパーツールで表示すると添付画像のようになっています。
デベロッパーツールの使い方について ↓
いまチェックテストを確認したところ、まだ文面が変更されていないようです。
さらに、質問の順序が
(2) → (1) → (3) → (4)
とおかしくなっています。添付画像をご参照ください。VK Blocks Pro 1.13.2 にアップデートして、不具合が修正されたことを確認いたしました。
どうもありがとうございました。
ご回答、ありがとうございます。
もともと PR ブロック や アイコンカードブロック の代替のために作ったので、
そういう流れだったんですね。理解できました。
この件はベクトルさんが対応検討中です。
以下のトピックをご覧ください。
暫定対策overflow-y: hidden;もこのトピックに書いてあります。画像を全幅に設定する方法って何かありませんか？
添付画像のように画像ブロックを全幅に設定すればよいと思いますが、
もし違う操作のご質問でしたらすみません。
