ブログ

JINでスマホスライドメニューが出ない?原因はヘッダー画像かも。解決方法はこちら

この記事では,JINでスマホスライドメニューが出ない問題を解決する方法をご紹介しますよ

  • JINでスマホスライドメニューを出したいのに出ない!
  • 公式マニュアルどおりにやったのにうまくいかない!

 

なんてことがあると,めちゃくちゃイライラしますよね~

その悩みを解決するのが,同じ沼にはまったぼくがググって見つけ出した,JINでスマホスライドメニューを表示させる方法です

その答えは「ヘッダー画像設定」ではなく「ヘッダー設定」でヘッダー画像を登録することでした

この方法を使えば,JINでスマホスライドメニューが出ない問題を解決できますよ!

GoogleAdSense グーグルアドセンス アカウント停止 無効 復活
ブログ関連の記事まとめ。Google AdSenseやSEO対策などこのページでは,ブログ関連の記事をまとめましたよ グーグルアドセンスやSEO対策など,ブログで迷うことってありますよね その...

JINのスマホスライドメニューが出ない

まずは公式を確認し,基本的なところでつまづいていないかチェックしてみましょう

けい
けい
スマホスライドメニューが表示されんわ!

とイラつきながらググり倒し,こちらの記事を見つけたので参考にさせて頂きました

JINでは「ヘッダー画像設定」ではなく「ヘッダー設定」でヘッダー画像をサイトロゴに登録

  • ダッシュボード→外観→カスタマイズ→ヘッダー画像設定→ヘッダー画像→画像を選択

 

でヘッダー画像を設定していたのですが,どうやらこれがイカン可能性があるらしい…

  • ダッシュボード→外観→カスタマイズ→ヘッダー設定→サイトロゴ

 

でヘッダー画像を設定すると正しく表示された!

  • ロゴとフレーズの文字サイズ調整
  • 【スマホ用】ヘッダーロゴとヘッダーフレーズの文字サイズ調整

 

の数値はブラウザで確認しながら決めましょう

ぼくのヘッダー画像は1028×352ピクセルで,今回は

  • ロゴとフレーズの文字サイズ調整:50
  • 【スマホ用】ヘッダーロゴとヘッダーフレーズの文字サイズ調整:100

 

にしております

スマホ表示確認はブログを開いてF12を押し,左上Responsive▼でスマホ機種を選ぶ

JINではカスタマイズ画面で右側にリアルタイムに変更が反映されて便利ですが,スマホの表示は見せかけ(表示が小さくなる)だけで正確ではありません

ですので,今回だけでなく,記事を書いたりした際には必ずスマホ表示のチェックをしましょう!

今どきパソコンでブログを見る人は小数ですからね…

スマホの表示確認の方法。F12キーが活躍します

スマホの表示確認は,まずじぶんのブログを別タブで立ち上げ,F12キーを押します

左上にある

Responsive▼

の▼をクリックし,スマホ機種を選びます

するとまるでスマホのように表示されますし,実際にブログ内の記事をクリックもできます

手元のスマホを使ってブログチェックをしてもいいですが,目線移動が多くて大変なのでF12の方法をおすすめします

スマホスライドメニューが表示されない問題まとめ

  • JINでは「ヘッダー画像設定」ではなく「ヘッダー設定」でヘッダー画像をサイトロゴに登録
  • スマホ表示確認はブログを開いてF12を押し,左上Responsive▼でスマホ機種を選ぶ

 

GoogleAdSense グーグルアドセンス アカウント停止 無効 復活
ブログ関連の記事まとめ。Google AdSenseやSEO対策などこのページでは,ブログ関連の記事をまとめましたよ グーグルアドセンスやSEO対策など,ブログで迷うことってありますよね その...
ABOUT ME
けい
けいと申します! このブログでは,みなさんの役に立つ情報やモノを紹介していきます!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください