うなこ
フォーラムへの返信
-
投稿
-
上記を見ると、区切り線を使うと枠線は表示されない仕様なんでしょうか。
できれば、区切りの設定と枠線の設定を両方組み合わせて使いたいのですが・・・。枠線は区切りレベルを適用すると表示されなくなるのは仕様となりまして、追加の実装の予定もございませんが、枠線つきで矢印付きのボックスはよく利用すると思いますので、VK パターンライブラリにパターンとして追加させていただきました🙇♀️
▼矢印と枠線つきのグループブロック_カスタムCSS
もっとこうしたいなど、ご意見ありましたらお知らせください。
よろしくお願いいたします。解決できてよかったです！
グラデーションが分かりづらかったですね、、。もうすこしわかりやすく、「設定のコツ」など、パターン内に入れようと思います！ありがとうございます。今後ともよろしくお願いいたします！
（モデレーター以上のユーザーはスタッフになりますのでベストアンサーが付けれなくなっております。）VK パターンライブラリのメディアとテキスト オフセット背景_グラデーション使用_Freeで淡いグレー部分の色を変更したいです。
淡いグレーの背景色は、グループブロックのグラデーションで透明（分岐点1）とグレー(分岐点2)の2色の位置を0にして、ずらした背景を表現しています。
添付画像のように、一番外側のグループブロックを選択して、ブロックの設定画面の「色」の「背景」をクリックし、「グラデーション」のタブをクリックしてください。グラデーションの設定画面がでてきます。
○のマークがグラデーションのポイントの位置になり、この丸をクリックすると色が展開され「F5F5F5」（淡いグレー）となっていると思いますので、ここのカラーを変更してください。質問の内容からすると、WordPress 公式フォーラムの方で聞いた方が回答がつきやすいかもしれません。
こちらのVWSフォーラムでは、ベクトル製品に関連しない質問もできますが、回答がつきにくいかもしれません。WordPressの公式フォーラムはこちらになります。
https://ja.wordpress.org/support/forums/もうすでに質問されていましたらすみません🙇♂️
—-
引き続き、もしわかる方がいらっしゃいましたらご投稿お願いいたします。
iOSのバグ（？）で
background-attachment: fixed;が効かないようです。
数年前から報告されているようで現時点でも効かないようです。WordPressコア側のカバーブロックの固定背景もiOSでは効きません。アンドロイドやPCですときれいに表示されるのですが、
IOSですと背景が固定されず、元の画像が上下に繰り返し表示されてしまいます。解決ができないかもしれませんが、、、（そのときはすみません、、、）
もしよろしければ、該当の箇所の画像キャプチャかURLなどを添付いただくことはできますか。
そうしますと他の方からの代替案がつきやすくなると思いますが、、、しかしながらiOSの仕様で難しいかもしれません。サイト編集 → テンプレート の「フロントページ」のテンプレートから編集できるかなと思います。
ベクトレの「X-T9 基本設定 : トップページの設定」が参考になると思います。▼X-T9 基本設定 : トップページの設定
▼X-T9 の基本設定はこちらから
下のURLのパターンを「このパターンをコピーする」からコピペしてください。
他の部分が不要でしたら画像部分のみ抜き出してご利用ください。どうでしょうか？提案になりますが、もしかするとパターンライブラリにご希望の動作のパターンがあるかもしれませんので一部ご案内します。
例えばこのあたりのパターンはどうでしょうか。もしくは、該当の部分のページのURLや画像を添付していただくと、回答がつきやすくなるかもしれません。
■ 自分で試した事
/*スライドのタイトル*/
.slide-text-set .slide-text-title {
font-size: 5vw;
}
/*スライドの文章*/
.slide-text-set .slide-text-caption {
font-size: 20px;
}CSSクラス名を見ると、おそらくKatawaraテーマのクラス名のようです。
Lightningではクラス名が変わります。調べ方は、デベロッパーツールで調べられます。
添付画像は、デベロッパーツールでスライドショーのタイトル部分を調べています。
そうしますと、以下のクラス名ではないかと思います。/*スライドのタイトル*/ .ltg-slide-text-title { font-size: 〇〇; } /*スライドの文章*/ .ltg-slide-text-caption { font-size: 〇〇; }ちょっとした文字サイズなど変えたいときは、こちらの「できる！CSSカスタマイズ」を見ていただくと、とてもわかりやすいと思いますので、ぜひご確認ください。
個別のページで「セクションベースあり」「セクションベース無し」の設定はできましたが
もし、投稿のアーカイブページでのセクションベースの設定方法がございましたらご教示いただければ幸いです。アーカイブページとその詳細ページのサイドセクションの背景色を変えたいということであっていますか。
機能ですと、アーカイブページのみの設定方法がないですので、以下のCSSでどうでしょうか？/*アーカイブと詳細ページのサブセクション*/
.post-type-archive .sub-section,
.single .sub-section {
background-color: #efefef;
padding: 1rem;
border-radius: var(–vk-size-radius-lg);
}CSSにつきましては、こちらのページを一度見ていただけますと、わかりやすいと思います。
サイドセクションのクラス名は以下になりますが、左右の余白など、いろいろデザインの調整が必要になりそうなため、セクションベース機能を使うのはいかがでしょうか。
/*サイドセクションの背景色*/ .sub-section { background-color: #e6e6fa; }セクションベース設定で、やりたいデザインに近いものができるのではないかなと思いましたがいかがでしょうか？
ぜんぜん意図と違っていたらすみません。▼セクションベース設定とは
質問の内容からすると、WordPress 公式フォーラムの方で聞いた方が回答がつきやすいかもしれません。
（こちらのVWSフォーラムでは、ベクトル製品に関連しない質問もできますが、回答がつきにくいかもしれません。）WordPressの公式フォーラムはこちらになります。
https://ja.wordpress.org/support/forums/もうすでに質問されていましたらすみません🙇♂️
————————————
index.phpの以下の部分を修正しルートディレクトリにアップロードしています。
require __DIR__ . ‘/wp-blog-header.php’;
↓
require __DIR__ . ‘/ｘｘｘ/wp-blog-header.php’;↑このルードディレクトリに.htaccessは設置されていますか
こちらのCSSでどうでしょうか。
/*トップスライダーのページネーションを非表示*/ .slide-main .swiper-pagination{ display:none; }CSSについては、こちらのレッスンを見るとよりわかるかなとおもいますので、ぜひご確認ください
カスタムフィールドを使用して、カスタムフィールド検索ブロック（β版）でできるかと思いますが、カスタムフィールドを使った検索は非常にサーバーに負荷がかかるため、本来このブロックの使用は非推奨です。
その代わり、カスタムタクソノミーで「価格帯」を作り、「5万〜7万」「7万〜10万」「10万〜12万」などの用語を登録し、検索してください。サーバーの負荷が軽くなりますので、なるべくそちらの方法をご検討ください。▼カスタムフィールド検索ブロック（β版）について
Pro版の無料お試しも可能ですので、以下の手順を確認していただき、お試しください。
▼お試し環境
