【JetTheme】SNSボタンを消すとダークモードと検索エリアも消えてしまうの対処法
JetThemeカスタマイズ ダークモードと検索エリアだけ表示したい
SNSボタンを消した状態
当ブログは現状、SNSを持っていないのでJetThemeが用意してくれているトップページのSNSボタンを消しています。
レイアウトにあるガジェットから簡単に消せたのですが、同じガジェットで設定されているダークモードと検索エリアも消えてしまうんですね。
そこはかなり大雑把な仕様のようですが、やっぱり調べたら個別に表示する方法がありました!
ダークモードはマストではないかもしれませんが、検索エリアは後々あると便利。基本装備として絶対欲しい!
出したい!
出したい!
ダークモードと検索エリアだけを表示する
- レイアウト→Icons, Dark, Search(削除済)→タイトルだけ入れて1つ追加する(タイトルは見えないのでなんでもOK
この時点でダークモードと検索エリアが復活!
一見これで完了! って感じがしますが、見えないだけでダークモードの横にはリンクが存在しています。実際にクリックすると何もないページに飛んでしまいます。
あと一歩!
- SNSボタンをCSSで非表示にする
CSSって見ると構えてしまうんですが、コピペで頑張ります!
テーマ→HTMLを編集→.header-socialで検索
CSSって見ると構えてしまうんですが、コピペで頑張ります!
テーマ→HTMLを編集→.header-socialで検索
.header-social {
display: none!important; /*未使用のSNSボタンを非表示*/
border-right: 1px solid var(--jt-header-border);
}
ダークモードの横にあったうすーい区切りの線も同時に消えました はースッキリ!
恐らく今の時代、SNSがないなんてないでしょ! っていう仕様なんでしょうね。
恐らく今の時代、SNSがないなんてないでしょ! っていう仕様なんでしょうね。
1つでもSNSへのリンクがあればこんな手間かける必要はないんですけどね……。
これはJetThemeならではの注意点ですが、SNSにリンクしないブログのほうが珍しい気もしますので特殊な例かもしれません。