うなこ
フォーラムへの返信
-
投稿
-
石川さんのおっしゃるようにオレンジフォーム側とテーマ側のCSSが干渉しているようですので、CSSで指定を強めに書くと調整できるかとは思います。
例えば【カスタマイズ】>【追加CSS】などに以下のように書くと、テーマ側のcssが強くなります
.site-header-logo img { max-height: 50px !important; }CSSにつきましては以下がわかりやすいと思いますので、よろしければご確認ください。
ナビゲーションの部分ですが、少し複雑な点があり申し訳ございません。
この保育園・幼稚園02_トップページのパターンでは、PCとタブレットサイズ用のヘッダーナビ部分は、カラムブロックとVK Blocks のボタンブロックを組み合わせて作っています。
またモバイルのサイズはWordPressコアのナビゲーションブロックを使用していますので、ご自分のサイトに合わせたナビゲーションを設置いただければと思います。（ヘッダーナビゲーション部分がこのような作りになっている理由としましては、コアのナビゲーションブロックは現時点では、ラベルにHTMLが入力できないため、ラベルにFontAwesomeの
<i>タグが挿入できませんでしたので、このような作りにしています。）▼以下はナビゲーションブロックでページ内リンク（カスタムリンク）を設置する方法の記事になります。
ご参考になれば幸いです。お世話になっております、VKパターンライブラリのご利用ありがとうございます。
どのタイミングかは分からないですが、メニュー表の金額の欄が上にずれてしまっています。
確認しまして、段落ブロック下に余白が入っておりました。
添付画像のように、料金の段落ブロックを選択していただき、ツールバーにある VK Blocks の機能「ブロックの余白」をクリックして「下0」を選択していただくと余白が消えると思います。また、「カフェメニュー表_アコーディオン」パターンも修正させていたきました。ご報告ありがとうございました。
お世話になっております、VK パターンライブラリーのご利用ありがとうございます。
ご質問いただきました件ですが、Outerブロックになりますので、
右側のブロックの設定画面の「背景設定」を展開しますと、背景画像（PC）、背景画像（タブレット）、背景画像（モバイル）が表示されます。そこから画像を置き換えできます。（添付画像参照）※背景画像（タブレット）、背景画像（モバイル）に設定画像がない場合は、背景画像（PC）に設定した画像が表示されます。
Outerブロックについて
Withさま
いつもお世話になっております。VK パターンライブラリーに「子ページリスト_カード（水平）_幅 767.98px 以下では縦に並べる」のパターンを作成いたしましたが、いかがでしょうか。
カスタムcssでカスタマイズしておりますので、ブレイクポイントなどはお好みの数字に変更したりしてみてください。よろしくお願いいたします。
返信ありがとうございます。
WordPressの「ギャラリー」ブロックは、キャプションにグラデーションの背景が入るようになっていますので、（現時点では）ブロックの設定からは調整できないようでしたので、cssでカスタマイズする必要があります。【外観】>【追加 CSS】に以下をコピーして貼り付けてください。
/*ギャラリーのキャプション*/ .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{ background:none !important; color:#222 !important; }もしくは他のブロックと画像の組み合わせにするのはいかがでしょうか。
※ 添付画像をご確認くださいお世話になっております。
添付画像を確認しました。
こちらは画像ブロックの外側を他のブロックで囲んでいたりしますか？
※リストビューから使用しているブロックを確認することができます。
リストビューは、ブロックエディターの左上あたりにある [ドキュメント外観] アイコンをクリックすることで見ることができます。▼リストビューの使い方についてはこちらの記事がわかりやすいです。
https://www.vektor-inc.co.jp/post/list-view/また、もし差し支えなければ該当のページのURLを教えていただくことは可能でしょうか。
お世話になっております、URLありがとうございます。
症状を確認いたしました。おそらく【カスタマイズ】>【Lightning CSS最適化（高速化）設定】の「Tree shaking 有効化設定」と「Preload CSS 有効化設定」が 有効化 (推奨)になっていると思いますので、いったんここを「何もしない」に設定していただけますでしょうか。
そうしますと非表示設定の機能は効くようになりますか？——
ご不便おかけして申し訳ございません。修正までしばらくお待ちください。
非表示設定をしても表示されてしまう
allでも非表示にならない※スマホでは反映されているようです
お世話になっております。
VK Blocks をご利用いただきありがとうございます。ご指摘いただいた現象について確認いたしましたが、私の環境では再現できませんでした。
お手数をおかけしますが、もし差し支えなければ、症状が発生しているページのURLをご教示いただけますでしょうか。また、VK Blocksのご使用中のバージョンも併せてお知らせいただけますと幸いです。
引き続きどうぞよろしくお願いいたします。
お世話になっております、VKパターンライブラリのご利用ありがとうございます。
VK スライダーブロックの カスタムCSS に以下を追加していただけますと、投稿リストの日付が白色になります。
/*投稿リストの日付*/ selector .vk_posts-layout-postListText .postListText_date{ color:#fff; }もしくは、
VK パターンライブラリの「LP_求人_建築_カスタムCSSあり」のお知らせスライダー部分を、WordPressコア側のブロックのクエリーブロックで組み直しましたので（こちらの方が色など個別で指定できるため）、再度コピーしてご利用ください。
※ 元々は VK 投稿リストブロックを使用しておりましたが、テキストのカラーなどの個別の設定がCSSを追記しないとできないため、コア側のブロックで組み直しました。よろしくお願いいたします。
お世話になっております、Lightningのご利用ありがとうございます。
Facebookの「シェアデバッガー」でスクレイピングをしていますが、反映されません。
Facebookのシェアデバッガーでアイキャッチ画像が表示されないということであっておりますか？
もしそうでしたら、Facebook開発者コミュニティグループなどでご質問していただく方が、回答が得られる可能性があります。Akismet Anti-spam: Spam Protectionとベクトル製のプラグイン以外の無効化を試しました。
キャッシュ系のプラグイン「WP Super Cache」が怪しい気がしましたので、差し支えなければこのプラグインをもう一度停止するかキャッシュを削除していただき、シェアデバッガーでご確認いただけますでしょうか。
ーーーー
また、コミュニティの皆様でこの件についての解決方法をお持ちの方がいらっしゃいましたら、ぜひご投稿をお願いいたします。
ベストアンサーをいただいた方には、VWSで利用可能な500ポイントが付与されます。おもちさま
お世話になっております、もしお急ぎでしたら、「外観」> 「追加CSS」に以下を貼り付けてください。
余計な余白がなくなると思います。.widget_recent_entries li{ padding:unset; }.vk_post .vk_post_title a,
.vk_post .vk_post_date{
color:#000000 !important;
}サイトを確認しましたところ、クラス名が違うようでした。
「最近の投稿」の白くなっている文字でしたら以下で治せそうですがいかがでしょうか。.p-widget .media-heading a{ color:#000000; }もしくは、VK All in One Expansion Unit の「VK 最近の投稿ウィジェット」を使用すれば、CSSは書かずに解決するかもしれません。
お世話になっております。
石川さんのおっしゃるようにブロックテンプレートパーツ機能で設置すると自由度が高いです。
Lightningのウィジェットに最新の投稿を設置すると、余白が大きいようでしたので、こちらの件は別途確認して調整いたします。
よろしくお願いいたします。
