[うなこ]

画像ありがとうございます！理解しました！

不要な左右のカラムを、非表示設定機能で、画面サイズで非表示にするのが一番楽だと思います。

▼VK Blocks ブロック非表示機能紹介

[うなこ]

解決したようで安心しました！

因みに、 VK Block Patternsは、使用しておりませんが、インストールしておいた方がよろしいでしょうか？

ブロックを組み合わせたデザインの塊をパターンと呼びますが、VK Block Patternsは、独自のブロックパターンを登録したり、VK Patterns Libraryのお気に入りパターンを表示させることができるプラグインです。

もしパターンを使うことがないようであれば特にはインストールする必要はありませんが、コンテンツ作りにとても便利ですので、ぜひご検討していただけると良いかなと思います

[うなこ]

VK Blocks Proをご利用のようですので、カスタムCSSをかいてカスタマイズする方法はいかがでしょうか。

外側のカラムブロックは削除して、埋め込みのYoutubeの「カスタムCSS」部分に以下のCSSを追加すると中央に寄るのではないかなと思います。
max-width　は最大の幅を入れます。
意図と違っている場合はお知らせください。

selector iframe{
  margin: 0 auto;
  max-width: 830px;
}

Attachments:

You must be logged in to view attached files.

[うなこ]

URLありがとうございます。

他のご使用中のVektor,Inc製のプラグインは最新のバージョンでしょうか？
最新でない場合は、バックアップをとった上でプラグインを最新版に更新をしてください。

あとは、もしかすると VK All in One Expansion Unit が 9.69.2.0 と2年ほど前のバージョンになりますので、何かしらの変更で「色」がリセットされてしまっているのでは？と思いました。
最新のバージョンでは、管理画面の投稿→「カテゴリー」の「色」の部分には色が設定されていますか？

• この返信は1年、 1ヶ月前にうなこが編集しました。

[うなこ]

もし差し支えなければ、該当のウェブサイトのURLを貼ることはできますか？

といいますのも、私の環境でGeneration2 にして、VK All in One Expansion Unit 9.92.2.1 でVK 最新の投稿ウィジェットを設置したところ、とくに背景色は問題なく色分けされていましたため。

• この返信は1年、 1ヶ月前にうなこが編集しました。

[うなこ]

Evergreenのスキン自体にVK Blocks のボタンを丸くするcssが書いてありますので、CSSで打ち消す必要があります。

カスタマイズの「追加CSS」などに、以下のCSSを追加してください。5pxの数字はお好みで変更してください。

.btn:not(.header-top-contact-btn a) {
    border-radius: 5px;
}

角丸やべた塗りから背景なしに変更したい。

背景無しに変更するのは、ボタンの設定から変更可能です。ボタンを選択し、右側のボタン設定から「ボタンスタイル」を「背景無し」にしてください。（添付画像参照）

———–

もう一つの案として、WordPress側のボタンブロックを使用するという手もあります。WordPress側のボタンブロックですと、内側の余白や文字の大きさなど自由に変更できます。
ただ、VK BlocksのボタンのようにFontAwesomeアイコンはボタン内に設置できませんので、お好みに応じて試してみてください。

• この返信は1年、 1ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

selector {
position: relative;
width: 100%;
height: 77%;
background-color: blue;
}

　このCSSは親のブロックに書いてあるということですよね。
（画像ブロックをグループブロックなどで囲っている状態）

heightをpx指定にしてみるといかがでしょうか？例えば600pxにしてみてください。

[うなこ]

上記を見ると、区切り線を使うと枠線は表示されない仕様なんでしょうか。
できれば、区切りの設定と枠線の設定を両方組み合わせて使いたいのですが・・・。

枠線は区切りレベルを適用すると表示されなくなるのは仕様となりまして、追加の実装の予定もございませんが、枠線つきで矢印付きのボックスはよく利用すると思いますので、VK パターンライブラリにパターンとして追加させていただきました🙇‍♀️

▼矢印と枠線つきのグループブロック_カスタムCSS

矢印と枠線つきのグループブロック_カスタムCSS

もっとこうしたいなど、ご意見ありましたらお知らせください。
よろしくお願いいたします。

• この返信は1年、 2ヶ月前にうなこが編集しました。

[うなこ]

解決できてよかったです！
グラデーションが分かりづらかったですね、、。もうすこしわかりやすく、「設定のコツ」など、パターン内に入れようと思います！ありがとうございます。

今後ともよろしくお願いいたします！
（モデレーター以上のユーザーはスタッフになりますのでベストアンサーが付けれなくなっております。）

[うなこ]

VK パターンライブラリのメディアとテキスト オフセット背景_グラデーション使用_Freeで淡いグレー部分の色を変更したいです。

淡いグレーの背景色は、グループブロックのグラデーションで透明（分岐点1）とグレー(分岐点2)の2色の位置を0にして、ずらした背景を表現しています。

添付画像のように、一番外側のグループブロックを選択して、ブロックの設定画面の「色」の「背景」をクリックし、「グラデーション」のタブをクリックしてください。グラデーションの設定画面がでてきます。
○のマークがグラデーションのポイントの位置になり、この丸をクリックすると色が展開され「F5F5F5」（淡いグレー）となっていると思いますので、ここのカラーを変更してください。　

• この返信は1年、 3ヶ月前にうなこが編集しました。
• この返信は1年、 3ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

質問の内容からすると、WordPress 公式フォーラムの方で聞いた方が回答がつきやすいかもしれません。
こちらのVWSフォーラムでは、ベクトル製品に関連しない質問もできますが、回答がつきにくいかもしれません。

WordPressの公式フォーラムはこちらになります。
https://ja.wordpress.org/support/forums/

もうすでに質問されていましたらすみません🙇‍♂️

—-

引き続き、もしわかる方がいらっしゃいましたらご投稿お願いいたします。

• この返信は1年、 3ヶ月前にうなこが編集しました。
• この返信は1年、 3ヶ月前にうなこが編集しました。

[うなこ]

iOSのバグ（？）でbackground-attachment: fixed;が効かないようです。
数年前から報告されているようで現時点でも効かないようです。WordPressコア側のカバーブロックの固定背景もiOSでは効きません。

アンドロイドやPCですときれいに表示されるのですが、
IOSですと背景が固定されず、元の画像が上下に繰り返し表示されてしまいます。

解決ができないかもしれませんが、、、（そのときはすみません、、、）
もしよろしければ、該当の箇所の画像キャプチャかURLなどを添付いただくことはできますか。
そうしますと他の方からの代替案がつきやすくなると思いますが、、、しかしながらiOSの仕様で難しいかもしれません。

• この返信は1年、 3ヶ月前にうなこが編集しました。

[うなこ]

サイト編集 → テンプレート の「フロントページ」のテンプレートから編集できるかなと思います。
ベクトレの「X-T9 基本設定 : トップページの設定」が参考になると思います。

▼X-T9 基本設定 : トップページの設定

X-T9 基本設定 : トップページの設定

▼X-T9 の基本設定はこちらから

X-T9 基本設定

• この返信は1年、 3ヶ月前にうなこが編集しました。
• この返信は1年、 3ヶ月前にうなこが編集しました。

[うなこ]

下のURLのパターンを「このパターンをコピーする」からコピペしてください。
他の部分が不要でしたら画像部分のみ抜き出してご利用ください。どうでしょうか？

画像がhover時にズーム_ビジネス全般

[うなこ]

提案になりますが、もしかするとパターンライブラリにご希望の動作のパターンがあるかもしれませんので一部ご案内します。
例えばこのあたりのパターンはどうでしょうか。

CTA_求人バナー_工務店

PR バナー カラムメニューフィット_工務店

もしくは、該当の部分のページのURLや画像を添付していただくと、回答がつきやすくなるかもしれません。

• この返信は1年、 3ヶ月前にうなこが編集しました。

[投稿者]

投稿