[ 質問者返信待ち ] パターンライブラリのワンサイトコピーに際に、ヘッダー等の変更ができない件(カスタムCSS:ヘッダー削除と入れ替えと背景デザインブロックの挿入)

VWSとは フォーラム VK パターンライブラリ [ 質問者返信待ち ] パターンライブラリのワンサイトコピーに際に、ヘッダー等の変更ができない件(カスタムCSS:ヘッダー削除と入れ替えと背景デザインブロックの挿入)

[ 質問者返信待ち ] パターンライブラリのワンサイトコピーに際に、ヘッダー等の変更ができない件(カスタムCSS:ヘッダー削除と入れ替えと背景デザインブロックの挿入)

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #105109

    TOSHIOSAKUMA
    参加者

    ■ WordPress のバージョン
    6.7.1

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    X-T9

    ■ テーマのバージョン
    最新

    ■ プラグインの種類・バージョン
    必要と書かれていたVKパターンなどを全て入れました。

    ■ 期待する動作
    https://patterns.vektor-inc.co.jp/vk-patterns/17490/ このデモサイトにしたいです。

    ■ 自分で試した事
    26日の質問コーナーで石川様に質問させていただいた件です。

    1 ヘッダーの画像のパララックスデザイン(固定スクロール)にしたい
    2 背景デザインをお示しされた黄色の柄にしたいです。(自分で行ったコピペでは黄色だけでマダラ模様が入らない。)

    お聞きした内容を行ってみたのですが、できませんでした。
    すみません。解説の案内を教えていただけませんでしょうか?
    宜しくお願い致します。

    ■ 症状が発生するブラウザ
    chrome

    ■ 実際の症状
    見本サイト(https://patterns.vektor-inc.co.jp/vk-patterns/17490/)を参考に 
    https://bk-file.online/241226test/ テストサイトを作りました。

    ヘッダーが消せななかったり、デザインが微妙に違います。

    多分カスタムCSSが原因かと思うのですが、これを組み込む方法はどうすれば良いですか?


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #105123

    Vektor,Inc
    キーマスター

    昨日の質問会へのご参加、ありがとうございました。お世話になっております、株式会社ベクトルの久納と申します。

    1. ご質問の「1 ヘッダーの画像のパララックスデザイン(固定スクロール)にしたい」件ですが、ベクトレの「X-T9 基本設定 : ヘッダーの設定」をご確認いただきながら設定をしてみてください。ヘッダーのテンプレートを変更しますので、全ページのヘッダーが変わります。

      固定のヘッダーにつきましては、該当のパターンのヘッダーにはカスタムCSSが書いてありますので、そのままヘッダー部分のブロックをヘッダーのテンプレートパーツに貼り付けていただえければ固定されると思います。(添付画像3枚目をご確認ください)

      X-T9 基本設定 : ヘッダーの設定

    2. 次に固定ページの方は、「テンプレート」が「固定ページ」が選択されているようですので、添付画像を参考にして、「テンプレートを入れ替え」から「ランディングページ」を選択してください。そうしますと、ページヘッダーなどの不要なパーツがなくなります。
    3. ご質問の「2 背景デザインをお示しされた黄色の柄にしたいです。(自分で行ったコピペでは黄色だけでマダラ模様が入らない。)」の件ですが、七宝模様背景用のカスタムCSSが入っていないように見えました。添付画像を参考に、外側のグループブロックを選択して、「カスタムCSS」の部分に以下のCSSを入れてください。
      selector{
      background-image: radial-gradient(closest-side, transparent 98%, rgba(0,0,0,0.025) 99%),
                            radial-gradient(closest-side, transparent 98%, rgba(0,0,0,0.025) 99%);
          background-size: 40px 40px;
          background-position: 0 0, 20px 20px;
      }

    もしこちらを確認してもうまくいかない場合はまたご連絡ください。
    よろしくお願いいたします。

    Attachments:
    You must be logged in to view attached files.
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。