[うなこ]

↓この辺りはご確認されておりますか？
バックアップをとった上で以下の点を確認ください。

• 関連しそうなプラグインを一つずつ停止して症状が改善するかどうか？
• 独自に追加したCSSがあれば削除して改善するかどうか？
• 子テーマの場合は親テーマに設定して改善するかどうか？

それでも治らない場合は、エディターをコードエディタ表示にして、
テキストデータなどにしてファイルをアップできますか？（添付画像参照）

Attachments:

You must be logged in to view attached files.

[うなこ]

VK blocks Proのバージョンはいくつをご利用でしょうか
（現時点の最新は 1.47.1.0になります）

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

[うなこ]

「要素が近すぎる」箇所について、現状は段落ブロックで作ったテキストにリンクを埋め込んでおり、このままの体裁で行間を調整したいと考えています。カスタムCSSを付与する以外に行間を広げる方法はありますでしょうか？

現在は一つの段落ブロックに改行して3つのリンクテキストを入れていますが、一つづつ段落ブロックに分けて入れて（3つの段落になる）ブロックの共通余白設定で余白をお好みでつけるのはいかがでしょうか。

VK Blocks (Pro) 1.29.0 で設置した各ブロックから共通の余白設定ができるようになりました

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

Attachments:

You must be logged in to view attached files.

[うなこ]

添付画像から該当のページを確認しました。

「テキストが小さすぎて読めません」

段落ブロックでタイポグラフィを「小」を選択している文字があるようです。
スマホで見ると「小」のサイズは読みづらいので、小さすぎて読めませんと出るのではないかと思いました。
「小」を外すか、もしくはスマホサイズでは16pxくらいの文字にcssで調整する必要があると思います。

「クリック可能な要素同士が近すぎます」

事業所名・メールアドレスの変更とかユーザーの登録のリンクがありますが、
このリンク同士がスマホサイズでは、少し近いので、指の太い方ですと押し間違える可能性があります。
もうすこし離してあげるとよさそうです

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

[うなこ]

吉川勇太さま　ありがとうございます。

ベストアンサーを先に選んでしまうと、解決済みを押しても[解決済み]と表示されないのかな??

こちら確認させていただきます、
こちらのスレッドは解決済みとさせていただきます。

[うなこ]

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

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

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

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

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?○○○○○○

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

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

ユーザー登録の流れ

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

[うなこ]

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

[うなこ]

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

[うなこ]

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

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

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);
}

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

[うなこ]

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

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

[うなこ]

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

ユーザー登録の流れ

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

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

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

[うなこ]

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

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

セクションベース設定

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

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿