ブログ運営

JINインフォメーションバー・スマホスライドメニュー反映方法

スマホスライドメニュー

JIN スマホスライドメニュー・インフォメーションバー反映方法

当ブログのテーマは【JIN】を使用しています。

この記事では、JINのカスタマイズ

  • インフォメーションバー
  • スマホスライドメニュー

この2つの反映方法についてご説明します。

インフォメンションバーは、ヘッダー画像の下に表示できるリンクバーです。

スマホスライドメニューは、インフォメンションバーの上にあるメニューバーです。

※現在わたしはスライドメニューのカスタマイズをしていないので以前のデザインの画像を使いました。

結論から言うと、

JINのアップデートをしたら、反映されました。

さよてぃーぬ
さよてぃーぬ
2018年12月末に大型アップデートがあったので、まだの方はアップデートしてみてください。

アップデートをするのが不安な方は、この記事を最後まで読んでみてください。

インフォメンションバーと、スマホスライドメニューをカスタマイズすると、今よりも見やすいデザインになりますよ。

JIN インフォメーションバー設定方法

WordPressの管理画面から「カスタマイズ」>「ヘッダー設定」と進みましょう。

ここで「インフォバーに表示する文字」と「インフォバーのリンク先URL」を設定してください。

ここではアピールしたい収益性の高い記事や、プロフィール等の読んでもらいたい記事を設定しておくのがおすすめです。

公式サイトより引用

さよてぃーぬ
さよてぃーぬ
インフォメンションバーを入力する項目がそもそも存在しない・・・。

JINの公式サイトに「インフォメーションバー設定方法」が掲載されています。が、わたしのブログカスタマイズページでは、設定項目自体が存在していませんでした。

いくらググってもわからなかったので、Twitterで聞いてみました。

ツイートしてすぐに、JINの製作者のひつじさん(@hituji_1234)よりコメントをいただきました。

以下ひつじさんからのコメント返し。

 

アップデートで問題解決!

インフォメンションバーが反映されない原因は「アップデートができていないから」ということでした。

原因が知れて本当に良かったです。

アップデート方法

JINのマニュアルを見ながら、アップデートしてみてください。

オレンジ色のカスタマイズボタンが「アップデートする」と表示されていました。こちらのボタンを押して、アップデート完了!

・・・・のはずが?

さよてぃーぬ
さよてぃーぬ
アップデートしたのに、インフォメンションバーを入力する項目が出ないよ?!どうして?!

アップデート時の注意点

わたしがJINのテーマをダウンロードしたのは、2018年3月。

半年以上経過していたので、新しいバージョンを1からダウンロードしないと反映されないという事態になっていました。

現在利用しているテーマJINごと削除して、新しくJINを再ダウンロードする。

アップデート方法 」マニュアル通り進めれば、無事に設定出来ます。

おかげさまで無事に反映し、念願のインフォメンションバーを設定することができました。

さよてぃーぬ
さよてぃーぬ
スマホスライドメニューもアップデートをしたら無事に反映されました!

アップデートをする時に注意しておきたいこと

JINのテーマを削除して新しくダウンロードしすることで、「カラー設定」と「サイトデザイン設定」(見出しのデザインなど)が初期化される。

最初、JINのテーマを削除して再インストールすることに不安がありました。

初期化されたのは、カラー設定とデザイン設定だけだったので、30分以内で変更できました!

さよてぃーぬ
さよてぃーぬ
不安だったけど、再インストールして本当によかった!

アップデートをしたのに反映されない場合の対処法

アップデートをして無事にスマホのスライドメニューが反映されたのに、ある日突然消えました・・・。

さよてぃーぬ
さよてぃーぬ
えーーー!なんで?!

スマホのスライドメニューにチェックを入れているのに、反映されない!!!

なんてこった。

ヘッダー画像の設定で反映されていないのかも?

わたしはこれで反映されました!

「ヘッダー画像設定」で設定していたヘッダーを「ヘッダー設定のサイトロゴ」に登録しなおしました。

WordPressの管理画面から「カスタマイズ」>「ヘッダー設定」

サイトロゴに画像を入れて保存。

さよてぃーぬ
さよてぃーぬ
これで、スマホのスライドメニューが反映されました!

サイトのロゴのサイズは自分で調整が必要!

PC用とスマホ用両方設定してくださいね。

おさらい

インフォメーションバーとスマホのスライドメニューの設定は

「古いバージョン(JIN)を削除」>「新しいバージョン(JIN)」を取り入れる。

これで反映されます!

これでも解決しない!という場合は、JINの製作者ひつじさん(@hituji_1234)に、メンションをつけてツイッターで質問すると返事を頂けるかもしれません。

さよてぃーぬ
さよてぃーぬ
わからない事があれば、アクションしてみて下さいね。ひつじさん、ありがとうございました!

WordPressの編集画面の上部に「ツールバー」を表示させる方法

編集ボタンを表示させる方法
ワードプレス サイト上にツールバー(編集ボタン)を表示させる方法こんにちは。3姉妹子育て中のさよてぃーぬ(@sayomamas)です。 ワードプレスで記事を編集する時に、サイト上にツールバー(編集ボ...

さよてぃーぬ(@sayomamas)でした。

\応援にポチっとお願いします!/

PVアクセスランキング にほんブログ村