ブログ運営

【フッターが増えた?】JINでフッターが2つ表示されているときの対処法

フッター 増えた JIN フッター 2つ 表示 対処法

最近無料テーマCocoonから人気有料テーマJINに変更しました

それほどに大きな問題は起きていませんが、やはりテーマごとに細かい不具合はつきものです

今回の問題はこれです▼

スマホ フッター2つ表示

なぜかスマホ表示の時だけフッターが2つ表示されてしまう問題

フッターを複数作った記憶もないし、どこで作られたものなのかもわからず・・・(PCでは表示されない)

ググっても全く原因が特定できなかったので、私オリジナルのフッターが2つ表示されているときの対処法について紹介します

完全な解決策ではないので、応急措置として参考にしてください

JIN Forumに質問して解決できました!

JINでフッターが2つ(2個)ある時の対処法

一応、以前私が使った対処法もカスタマイズなどに使えるので載せておきますが、

根本的な解決策は②の方法になります

①フッター要素を非表示にする

対処法は単純にCSSを使って消したいフッター要素を非表示にするだけです

フッター要素の確認には、スマホでソースコードを確認できる『HTML Viewer』を使いました▼

HTML Viewer

HTML Viewer

Spica無料posted withアプリーチ

 

PCの場合はChromeのデベロッパーツールからソースコードを確認できます

こちらのアプリで確認したところ、『sp-footer-box』というidが割り当てられていることがわかったので、これを非表示にします

Word Pressの

外観カスタマイズ追加CSS

を開いて下のコードをコピペしてください▼

/**/で囲った部分はコメントなので、わかりやすい名前に変更していただいて大丈夫です

コピペが済んだら

公開

を押し忘れないようにしましょう

これで2つ表示されていたフッターが1つになりました▼

スマホ フッター1つ表示

ですが、こちらは根本的な解決策ではないので次に紹介する方法を試してみてください

②スマホの固定フッターメニューを作成して削除する

①の方法で特に不具合はおきなかったのですが、余計なCSSを増やしたくないのとなんとなく気持ち悪かったので、JIN Forumに相談してみました!

JIN フォーラム 質問

JINフォーラムではマニュアルや調べても解決できない内容を質問することができます

JINを使っている人は必ず登録しておきましょう

質問してから1日も経たずに、JIN運営チームのりょうたさんから返信が来ました

JIN フォーラム 回答

こちらの方法で無事にフッターを消すことができました!

なるほど、元々使っていないものを削除したいときには

『一度作成してから削除する』

これは自分では思いつかない発想だったので、勉強になりました!

スマホフッターメニューの作り方は公式マニュアルで紹介されているので、こちらを参考にしてください▼

スマホフッターメニューの設定方法|JIN MANUAL

おわりに

フッターが2つ表示されているときの対処法について紹介しました

マニュアルを読んでもわからない場合や、自分では全く解決できない場合は、JINフォーラムで質問してみましょう

他にもJINで発生した問題の対処法をこちらの記事で紹介しています▼

JIN 不具合 まとめ 随時更新
【ここに苦労した】JINで発生した不具合まとめ!【随時更新】こちらの記事はJINで発生した不具合やトラブルを解決する記事をまとめたものです。内容については随時更新していきます。...
合わせて読みたい