うなこ
フォーラムへの返信
-
投稿
-
この方法がヒントになるのではないかなと思います。
電話番号とお問い合わせ箇所を表示するCSSはこちらになります。
が、少々邪魔ではないかなと思いますので、対馬様の記事のようにコンタクトボタンだけ表示するのはいかがでしょうか？/*header-sub部分をスクロール時表示*/ @media (min-width: 1200px){ .header_scrolled .site-header .site-header-sub{ position:fixed; top:20%; right:10px; display:block; background: rgba(255,255,255,0.8); padding: 15px; border-radius:5px; } .header_scrolled .site-header-sub .contact-btn{ padding-left:0; } .header_scrolled .site-header-sub .contact-btn a{ padding:10px; justify-content: center; } }CSSのカスタマイズに関しましては、こちらがわかりやすいと思います。
https://training.vektor-inc.co.jp/courses/wordpress-customize/lessons/css-customize/現在、Safariのブラウザで問題なく使用ができておりますのでしばらくSafariで様子を見ようと思います。
エディターのテキストデータまで用意できませんでしたが、こちらは一旦解決にさせていただければと思います。かしこまりました、私の方でいったん解決済みにさせていただきますね
また問題が発生するようでしたらフォーラムからご相談くださいmmよろしくお願いいたします
↓この辺りはご確認されておりますか？
バックアップをとった上で以下の点を確認ください。- 関連しそうなプラグインを一つずつ停止して症状が改善するかどうか？
- 独自に追加したCSSがあれば削除して改善するかどうか？
- 子テーマの場合は親テーマに設定して改善するかどうか？
それでも治らない場合は、エディターをコードエディタ表示にして、
テキストデータなどにしてファイルをアップできますか？（添付画像参照）「要素が近すぎる」箇所について、現状は段落ブロックで作ったテキストにリンクを埋め込んでおり、このままの体裁で行間を調整したいと考えています。カスタムCSSを付与する以外に行間を広げる方法はありますでしょうか？
現在は一つの段落ブロックに改行して3つのリンクテキストを入れていますが、一つづつ段落ブロックに分けて入れて（3つの段落になる）ブロックの共通余白設定で余白をお好みでつけるのはいかがでしょうか。
添付画像から該当のページを確認しました。
「テキストが小さすぎて読めません」
段落ブロックでタイポグラフィを「小」を選択している文字があるようです。
スマホで見ると「小」のサイズは読みづらいので、小さすぎて読めませんと出るのではないかと思いました。
「小」を外すか、もしくはスマホサイズでは16pxくらいの文字にcssで調整する必要があると思います。「クリック可能な要素同士が近すぎます」
事業所名・メールアドレスの変更とかユーザーの登録のリンクがありますが、
このリンク同士がスマホサイズでは、少し近いので、指の太い方ですと押し間違える可能性があります。
もうすこし離してあげるとよさそうです吉川勇太さま ありがとうございます。
ベストアンサーを先に選んでしまうと、解決済みを押しても[解決済み]と表示されないのかな??
こちら確認させていただきます、
こちらのスレッドは解決済みとさせていただきます。『ユーザー登録の流れ』の『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 パターンライブラリ
ユーザー名: ○○○
もしこれが間違いだった場合は、このメールを無視すれば何も起こりません。
パスワードをリセットするには、以下へアクセスしてください。
リンクをクリックしてパスワードをリセットできます
—-
▼ユーザー登録の流れこのフォーラムに半角のダブルクォーテーションを書き込むと、勝手に全角に変換されてしまうようです。
なるほど、私の勘違いでした。
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にアニメーションブロックがありますので、そちらを使用しても良いかもしれません。
こんな感じはいかがでしょうか
子テーマの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); }
