対馬 俊彦
フォーラムへの返信
-
投稿者投稿
-
レイアウトが2カラムの固定ページのみ、コンテナ幅を拡大する方法
以下の CSS でご希望の結果になりそうです。
body.page .container:has(.sub-section--col--two) { max-width: 1200px; }
以下の CSS を書けば、H4 を目次に表示しなくなります。
.vk_tableOfContents_list_item-h-4 { display: none; }
H4 以降を非表示にするなら ↓ こちらです。
.vk_tableOfContents_list_item-h-4, .vk_tableOfContents_list_item-h-5, .vk_tableOfContents_list_item-h-6 { display: none; }
> 記憶違いだったらすみません。
記憶は正しいです😄 添付画像をご覧ください。
> これは仕様によるものでしょうか?
はい、そうです。
テーマによる違いではなく、WordPress のバージョンによる仕様の違いです。> 管理ページ内で見ると各記事のスラッグは記事タイトルになっています。
Lightning Pro でも現在はそのようになっています。
Attachments:
You must be logged in to view attached files.現在、カラムを使って仮置きしています
PC画面だと横並びになっていてOKに見えますが
スマホ画面にすると縦に並んでしまいますいくつ並べたいのかにもよりますが、
カラムブロックのままで [モバイルでは縦に並べる] をオフにするのがいちばんかんたんな気がします。
↑
スマホで 150px × 150xpx のまま表示すると大きすぎる気がするので、
4カラムくらいでこのようにした方がいいのかなと思った次第です。サーバーの WAF が誤検出したことが原因の可能性があります。
一時的に WAF を無効にして試してみてください。結果にかかわらず、確認後は WAF をまた有効にしておいてください。
WAF の設定手順は、例えばさくらインターネットなら こちら に説明されています。
検索フォームで2つのプラグインを併用することに無理があります。
プラグインの制作者は両方ともそういう使い方を前提にしていないと思います。
ベクトルさんには有償製品の VK Filter Search Pro があります。
これを使えば、ラジオボタンもチェックボックスも使えて、使いやすい検索フォームができますよ。カラムブロックの カスタム CSS に以下のコードを追加すればいいです。
selector figure { flex-shrink: 0; }
横並びブロックに含まれるものは文字数に応じて幅が調整されますので、
文字数が多いと画像に割り振られる幅が縮小します。上記の CSS は「画像を縮小させない」という意味のコードです。
以前は Screenshot_557 の状態だったものが、
いまは Screenshot_20250130 の状態になっている、
という状況だと理解して回答します。おそらく、モバイル固定ナビ(いちばん下に並んでいるボタン)を変更したときに
お問合せダイヤル の部分を削除したのではないかと感じます。モバイル固定ナビを変更した人に確認するのが早いと思います。
それができないとすると…
お問合せダイヤル の部分がどのように作られていたのかわからないので、
アドバイスが難しいのですが、モバイル固定ナビウィジェットエリアに
VK Blocks のボタンを追加すれば近いものはできそうです。2025年1月26日 11:13 AM 返信先: VK Patternsの1ページテンプレートで「.vk_block-margin-lg–height { height: var(–vk-margin-lg); }」が効かない件 #105864管理画面で、不要な(有効でない)cssのclass指定があった為にそれが邪魔となり正規のcssがあたらなかったということで理解しましたが問題ないでしょうか?
はい、その理解で合っています。
自分の方では、初期値でこの値( var(–wp–custom–spacing–x-small)…)を入力していないのですが、
だとすると、たぶん、X-T9 のデモサイトのデータをインポートしたサイトで Lightning に切り替えたことが原因だと思います。
何か最初の段階で誤った設定、操作をしたのかもしれません。
使い始めたばかりでいろいろいじってみたいのだろうと思いますが、
先日の質問も今回の質問も、いじった結果、本来の動作をしなくなっていて、
このフォーラムに頼っているように見えます。いまのサイトはまだ他に問題があるかもしれません。
ロリポップでは WordPress サイトを複数作ることができるので、
別の WordPress サイトを作って試してみるといいです。2025年1月25日 3:26 PM 返信先: VK Patternsの1ページテンプレートで「.vk_block-margin-lg–height { height: var(–vk-margin-lg); }」が効かない件 #105849VK Blocks の共有余白設定にカスタム値を設定していることが原因です。
上記ページを参考にして設定されたのだと思いますが、
このページの「カスタム値を利用する主なケース」の説明の先頭に
「Lightningをご利用の場合は、設定は必要ありません。」と書かれています。カスタム値に
var(--wp--custom--spacing--large)
を指定した場合、
テーマ側で--wp--custom--spacing--large
の値が設定されていないと正常に動作しません。Lightning はそのような設定を持たないので、スペーサーの高さを指定できず、
余白なしになってしまった、という状態です。Attachments:
You must be logged in to view attached files. -
投稿者投稿