ユウブログ

30代主婦が子育てしながら投資したりするブログ

はてなブログテーマ「Naked」でトグルメニューが開かない時の対処法

こんにちは、30代主婦のユウ(@yucbS3)です。

Nakedでトグルメニューが開かない時の対処法の記事です。

Nakedだけじゃなく、ほかのテーマやコピペでメニューつけたけど動かない方も参考になるかと思います。たぶん。

 

 

先日とっても素敵なブログテーマNakedをインストールしました。

ところが…スマホ表示にしたときにトグルメニューが開かない!

なぜ!?

ゆきひーさんのブログNaked デモブログ、そのほかトグルメニューのブログなどを読んでコピペしても全然開かない…なぜ!?

ソースを見比べてもおかしいところはない…。

違うところといえば、Nakedがhttpから始まるアドレスであるのに対して、ユウブログがhttpsになっていること。ここにヒントがありそう…?

(はてなブログでは2018年2月22日以降に登録されたブログはhttpsになっているようです。)

 

4日ほどググりにググりまくって、HTML、CSSには問題がないのは確認済み。

残るjQueryについて調べてみると…

 

こ、これだ~~~~!!!!!!

pc-walk.com


f:id:yucb:20180923230852p:plain

 

ということで、デザイン>カスタマイズ>ヘッダ タイトル下の19行目からhttp:を削除。

f:id:yucb:20180923231202p:plain

すると……

で、でたーーーー!!!!!!!

f:id:yucb:20180923231627p:plain

 でた!!!!!見て!!!!!!これ!!!!!!出た!!!!!!

は~~~~出た出た。よかった。

(httpを削除ではなく、httpsに書き換えても動きました!)

 

ちなみにjQueryですが、1.9.1はバージョンを表しているようで、最新のものは3.3.1のようです。

19行目のアドレスを

https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js

にすると最新バージョンのjQueryが使えます。使ってます。