うなこ
フォーラムへの返信
-
投稿
-
返信ありがとうございます。
クリックは可能なのですよね、、？なんでしょうね、CSSですかね、、？
【カスタマイズ】→【追加CSS】にはCSSの記載がないとのことですので、
ExUnitなどのプラグインからCSSを追加されたことはありますか？(もしくは子テーマのCSSなど)それか、もしかすると他者のプラグインが原因の可能性も考えられます。
大変お手数ですが、バックアップをとった上で以下の点を確認していただくことはできますか？・Vektor製以外のプラグインを一つずつ停止して症状が改善するかどうか？
・子テーマの場合は親テーマに設定して改善するかどうか？画像確認しました。ヘッダーの文字が消えている感じですね、、？
原因はまだわかりませんが、一度以下をお試しください。
・キャッシュ系プラグインの可能性も考えられますので、
「Autoptimize」 プラグインやキャッシュ系プラグインは使用していますか？
もし使用されていましたら、プラグインからキャッシュを削除するか、一旦停止してください。・Tree shakingの機能の可能性も考えられますので、
【カスタマイズ】→「Lightning CSS最適化（高速化）設定」→「Tree shaking 有効化設定」 を「何もしない」 にして、「公開」ボタンを押してください。それでも治らない場合はまた教えてください。
解決方法ではないのですが、一つの提案です。
デザインは変わりますが、、、
「表示タイプ」を「メディア」にしてカラムを全サイズで1カラムにし、
「表示要素」を「抜粋」「日付」「新着表示」「分類（全項目）」にチェックをいれる方法もあります。一つの案としてご検討ください
ダッシュボードの【設定】>【Lightning G3 Pro Unit】の設定画面で［詳細ページ設定］がOFFになっていませんか？
解決してよかったです！
ちなみに、
外観 > カスタマイズ > Lightning レイアウト設定 > カラム設定 と
各記事編集画面 > Lightning デザイン設定 からのレイアウト指定が異なる場合は、
「各記事編集画面」の設定が優先されます。固定ページが2カラムになっているのではないでしょうか？
各記事編集画面の「Lightning デザイン設定」→「レイアウト設定」を1カラムにしてみてください。
この方法がヒントになるのではないかなと思います。
電話番号とお問い合わせ箇所を表示する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よろしくお願いいたします
モバイルのヘッド部分に
画像要素で width と height が明示的に指定されていない と出てきてしまい該当の箇所はわかりますか？教えていただけると回答がつきやすいと思います。
あとは、その画像に対して以下のCSSでなおりますか？
〇〇 { height: auto; }別件ですが、Autoptimizeプラグインをご利用でしょうか。
Autoptimizeのキャシュクリアをしてご確認ください。↓この辺りはご確認されておりますか？
バックアップをとった上で以下の点を確認ください。- 関連しそうなプラグインを一つずつ停止して症状が改善するかどうか？
- 独自に追加したCSSがあれば削除して改善するかどうか？
- 子テーマの場合は親テーマに設定して改善するかどうか？
それでも治らない場合は、エディターをコードエディタ表示にして、
テキストデータなどにしてファイルをアップできますか？（添付画像参照）「要素が近すぎる」箇所について、現状は段落ブロックで作ったテキストにリンクを埋め込んでおり、このままの体裁で行間を調整したいと考えています。カスタムCSSを付与する以外に行間を広げる方法はありますでしょうか？
現在は一つの段落ブロックに改行して3つのリンクテキストを入れていますが、一つづつ段落ブロックに分けて入れて（3つの段落になる）ブロックの共通余白設定で余白をお好みでつけるのはいかがでしょうか。
添付画像から該当のページを確認しました。
「テキストが小さすぎて読めません」
段落ブロックでタイポグラフィを「小」を選択している文字があるようです。
スマホで見ると「小」のサイズは読みづらいので、小さすぎて読めませんと出るのではないかと思いました。
「小」を外すか、もしくはスマホサイズでは16pxくらいの文字にcssで調整する必要があると思います。「クリック可能な要素同士が近すぎます」
事業所名・メールアドレスの変更とかユーザーの登録のリンクがありますが、
このリンク同士がスマホサイズでは、少し近いので、指の太い方ですと押し間違える可能性があります。
もうすこし離してあげるとよさそうです
