Vektor,Inc
フォーラムへの返信
-
投稿
-
サーバーキャッシュの問題だと思いますので、新しいソースコードに更新されれば安定度は上がると思います。
あるいはプラグインなどの干渉でJavaScriptがエラーになっているページなどでは正常に動作しないなどはあるかと思います。やって出来ない事はないのですが、そもそもh1タグで囲われており、サイトのtitleタグでもサイト名は出力されているので、サイトロゴ部分のimgタグのtitle属性については追加で存在しなくても検索順位にはまったく影響しないという見解です。
で、念の為調べたのですが、やはりaltの方が優先順位が高いので、title属性を追加しても影響はなく、title属性があるとマウスオーバーでツールチップが表示されるのが邪魔に思う人もいるので、無い方が良いと思います。
タッチデバイスかそうでないかをphpで判定してHTMLを出し分けてるので、
どちらかでHTMLがサーバー側にキャッシュされていしまうと効かないという状態です。
JavaScriptでの切り替えロジックを追加してますのでしばらくお待ちください。> モバイル用に文字が調整されてなくて
通常の文字サイズはモバイル時は14px / 画面サイズが大きい時では16pxになるようにしていますが、
画面サイズに対してどれくらいの文字サイズに変更したいか、
改行させるのか改行させたくないのかは内容やサイトオーナーの好みによって変わると思うので、
個別に調整が必要です。外観 > カスタマイズ > 追加css などに
@media ( max-width: 768px; ){ .vk_outer p { white-space:nowrap; font-size:12px; } }と書けば良いのではないかと思います。
と、言いたいところですが、これでは該当の箇所はいいかもしれませんが、他の vk_outer の部分も全て適用されてしまいます。
変更したい場所がピンポイントの場合は、編集画面で該当のブロックを選択すると右下に「高度な設定」というパネルが出るので、そこに識別用のcssを記載します。
例えば test と入力したら
.vk_outer p.test { white-space:nowrap; font-size:12px; } }のようになりますが、どの場所にどんなcssクラス名を指定してどうしたいかはちょっとわかりかねますので、
下記参照の上いろいろ試してみてください。こんな感じですかね？
■子テーマのfunctions.phpなどに下記を追加
function my_lightning_mobile_btn(){ $html = '<div class="mobile-btn-phone"> <a href="tel:000-000-0000"><i class="fas fa-phone-square-alt"></i></a> </div>'; echo $html; } add_action('wp_footer','my_lightning_mobile_btn');■子テーマのstyle.cssあるいは外観 > カスタマイズ > 追加CSSなどに下記を追加
@media (max-width: 991.98px){ .mobile-btn-phone { position:absolute; z-index:5000; top:5px; right:10px; line-height:1; font-size:36px; } .admin-bar .mobile-btn-phone { top:50px; } .mobile-btn-phone a { color:#666; } }フッターではだめでしょうか？
