[うなこ]

Google Search Consoleのエクスペリエンスの「モバイル ユーザビリティ」をクリックすると、
「ページがモバイルで利用できない理由」などが出てきますか？

出てくるようでしたらそちらから、例えば「テキストが小さすぎて読めません」をクリックして該当のページを確認することはできますか。

どこか、問題の箇所が投稿記事内にあったりもするかもしれません。（私の場合がそうでした）

Attachments:

You must be logged in to view attached files.

[うなこ]

『ユーザー登録の流れ』の『STEP4.VWS登録メールアドレス宛にメール送信』にあたるメールは受信していません。
なので、STEP5、6は行っておりません。

おそらくですが、ユーザー登録が完了していないのではないかと思います。
STEP5で、必ずメール本文内のリンクをクリックして、VK Pattern Libraryのログインパスワードを新規で設定します。

【重要】
※ここで必ずVK Pattern Libraryのログインパスワードを新規で設定してください

メール本文内のリンクをクリックすると、VK Pattern Library公式サイトに遷移し、ログイン画面が表示されます。この画面にてVK Pattern Libraryのログインパスワードの設定を行います。パスワード欄に設定したいパスワードを入力し、「パスワードを保存」ボタンをクリックしてください。

STEP6の画面が出たらVK Pattern Libraryユーザー登録は完了になります。

—-

【パスワード設定】
以下のリンクから、ユーザー名、またはメールアドレスを入力してください。
パスワードのリセット手順が記されたメールが送信されます。

https://patterns.vektor-inc.co.jp/wp-login.php?action=lostpassword

すると以下のようなメールが届きます。

サイト名: VK パターンライブラリ

ユーザー名: ○○○

もしこれが間違いだった場合は、このメールを無視すれば何も起こりません。

パスワードをリセットするには、以下へアクセスしてください。

https://patterns.vektor-inc.co.jp/wp-login.php?○○○○○○

リンクをクリックしてパスワードをリセットできます

—-
▼ユーザー登録の流れ

ユーザー登録の流れ

[うなこ]

なるほど、、！共有ありがとうございました！
安心しました。

[うなこ]

解決できてよかったです！今後ともよろしくおねがいいたします

[うなこ]

このフォーラムに半角のダブルクォーテーションを書き込むと、勝手に全角に変換されてしまうようです。

なるほど、私の勘違いでした。

javascriptのファイルはどのように読み込んでいますか？
子テーマのfunctions.phpにコードなどを書いていましたら、貼り付けていただけると、回答がつきやすいかもしれません。

【例】

function my_lightning_child_enquque_scripts() {
	wp_enqueue_script( 'my-test', get_stylesheet_directory_uri() . '/assets/js/test.js', array( 'jquery' ), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_lightning_child_enquque_scripts' );

パララックスについて

[うなこ]

javascriptのコードを見ると、ダブルコーテーションなどが全角になっていますので、それが原因かもしれません。
以下を貼り付け直してみてください。

jQuery(window).on('load scroll resize',function(){
    var windowHeight = jQuery(window).height(),
    topWindow = jQuery(window).scrollTop();
    jQuery('.animation').each(function(){
    var targetPosition = jQuery(this).offset().top;
    if(topWindow > targetPosition - windowHeight + 100){
    jQuery(this).addClass("fadeInDown");
    }
    });
});

あと、VK Blocks Proにアニメーションブロックがありますので、そちらを使用しても良いかもしれません。

アニメーション（Pro版のみ）

[うなこ]

こんな感じはいかがでしょうか

子テーマのfunctions.phpに以下を追加

/************************************************
 * ロゴの横に検索窓を設置
 */

function add_header_serch(){
    echo '<form role="search" method="get" class="search-form" action="'.home_url( '/' ).'">
	<input type="submit" class="search-submit" value="Search" />
	<input type="search" class="search-field" placeholder="キーワードを入力" value=" '.get_search_query() .'" name="s" title="検索したいキーワードを入力してください" />
	
  </form>';
}
add_action( 'lightning_site_header_logo_after', 'add_header_serch' );

子テーマのstyle.cssに以下を追加

/* ---------------------------------
 ヘッダーロゴ横に検索窓
---------------------------------*/
/* デザインが崩れるので991.98px以下でform非表示 */
@media (max-width: 991.98px){
    .site-header-container form{
        display: none !important;
    }
}
.site-header-container .search-form{
    position: relative;
}
/*虫眼鏡マーク*/
.site-header-container .search-form:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin: 0;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding:14px 1.5em;
}
/*フィールド*/
.site-header-container .search-field{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) ;
    right: 0px;
}
/*submitボタン非表示*/
.site-header-container .search-submit{
    display: none;
}
/*テキストフィールド*/
.site-header-container form .search-field{
    z-index: 200;
    opacity: 0;
    width: 64px;
    transition: all 0.5s ease-in;
    padding: 1em 0.8em;
    cursor: pointer;
}
/*フォーカス時にテキストフィールド表示*/
.site-header-container form .search-field:focus{
    opacity: 1;
    width:155px;
    transition: all 0.5s ease-in;
    border-width:1px;
    border-radius:var(--vk-size-radius);
}

[うなこ]

解決できて安心しました！
今後ともよろしくおねがいいたします。

(もう少しユーザー登録の流れがわかりやすくなるよう、改善予定です。)

[うなこ]

お世話になっております
おそらく、VK Pattern Libraryのユーザー登録がまだ済んでいないのではないかと思います。
▼VK Pattern Libraryのユーザー登録の流れ

ユーザー登録の流れ

VK Pattern Libraryのユーザー登録は VWSマイアカウント からのみとなります。
VWSのマイアカウントにログインしていただき、マイアカウントの左側になる「VK Pattern Library ユーザー登録」からユーザー登録をお願いいたします。

わかりづらくて申し訳ございません。今後改善させていただきます。

[うなこ]

ダッシュボードから該当の固定ページを開き、右側のページ設定画面の下の方に【Lightningデザイン設定】→「セクションベース設定」項目があります。（添付画像参照）
ここを「セクションベース無し」にして更新してみてください。

▼セクションベース設定：個別ページの編集画面【Lightning デザイン設定】>【セクションベース設定】

セクションベース設定

Attachments:

You must be logged in to view attached files.

[うなこ]

キャッシュが原因かもしれません。
「WP Fastest Cache」 など、キャッシュ系プラグインのキャッシュを削除（差し支えなければキャッシュ系のプラグインを停止）して、ブラウザのキャッシュも削除した上でもう一度試していただけますか？

他テーマに切り替えてみようと思っても、切り替えもできない。katawara子テーマが自動選択されてしまう。

これはなぜでしょうね、、、？
親テーマの「Katawara」に切り替えられないということですよね？

テーマ切り替えを無効にするプラグインとか、処理とかを入れられていたりしますか？

[うなこ]

①ダッシュボード→外観→ウィジェット→ヘッダー右側エリア、に「検索」を設置した。
結果: 何も表示されない

このウィジェットは、
【カスタマイズ】>【ヘッダーレイアウト】が「ヘッダーウィジェットあり&ナビ貫通」のレイアウトの場合に表示されます。

②「lightning_site_header_logo_after」のアクションフックを利用して設置した。
表示位置は良いが、他のメニュー項目と一緒にまとめられてレスポンシブに対応はされない。

完成イメージを確認しますと、「lightning_site_header_logo_after」のアクションフックで検索窓を表示して、
見た目をCSSで調整してあげるのが、一番イメージに近いものができるかなと思いました

serchの部分をhoverすると、入力フィールドが伸びて出現するような表現もcssだけでできると思います。

[うなこ]

【カスタマイズ】→【Lightning ヘッダー設定】　の「ヘッダー透過」の「透過時 ヘッダーロゴ画像」にロゴ画像を入れ直してみるとどうなりますか？

念の為、ロゴ画像をもう一度、メディアにアップし直してみてください。

Attachments:

You must be logged in to view attached files.

[うなこ]

こんにちは、テキストだけですと、行き違いになりやすいため、もうすこし詳しくお聞きしてもいいでしょうか。

サイトを拝見させていただきました。
ヘッダートップ部分の、緑の帯の電話番号の横に表示される「お問合せボタン」が出てこないということであっていますか？（添付画像でいうと、電話番号横に表示されている青色のお問合せボタン）

▼ヘッダー上部設定
https://lightning.vektor-inc.co.jp/lightning-g3-pro-unit/header-top-setting/

Attachments:

You must be logged in to view attached files.

[うなこ]

あ、今確認しましたらページヘッダー画像、表示されておりますね！

[投稿者]

投稿