うなこ
フォーラムへの返信
-
投稿
-
質問の内容からすると、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版の無料お試しも可能ですので、以下の手順を確認していただき、お試しください。
▼お試し環境Yahoo広告のサイトジェネラルタグを設置しようとタグを入れたのですが、実際表示される時にソースが抜けてしまいます。
こんにちは。
こちらはどのような方法でタグを挿入されたのか、もうすこし具体的に作業手順をおしえていただけますか。
そうしますと、回答がつきやすくなると思います。例えばですが、子テーマを作って、子テーマの header.phpファイルの
<head>タグ直後に挿入したなどけいさん、おせわになります！
対馬さん、アイディアありがとうございます！もう一つの方法もかいてみます。
現状ですと、標準では背景画像にリンクをはる機能がありませんので、 「EditorsKit」プラグイン（カバーブロックにリンクが貼れるようにする）を使用して、スライダーアイテム内にカバーブロックを配置してリンクを貼るやり方もあります。（プラグイン増えてしまいますが、、）- カバーブロックにリンクを貼るため 「EditorsKit」プラグインをインストールして有効化
- スライダーアイテム内の「レイアウト設定」→「スライダーアイテムエリア内の余白を無くす」にチェックを入れる
- カバーブロックを全幅で配置する。カバーブロックにリンクを貼るマークが出ているのでリンクを設置する
ハンバーガーメニューの三本線マークやOpen時の「×」の閉じるマークはsvg画像になります。Lightning pro テーマ内には白と黒のsvg 画像が入っていると思います。
以下のような感じでいかがでしょうか。Close時のハンバーガーメニューを白色にしました。
/* ハンバーガーメニューClose時 白色 */ .vk-mobile-nav-menu-btn { border-color: #fff; background: url(/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat rgba(1,1,1,.8); border: 1px solid #fff; }【CSS解説】
background url で画像を読み込んでいます。#fffは白色の指定です。▼CSSについてはこちらを参考にしてみてください。
