【JetTheme】SNSボタンを消すとダークモードと検索エリアも消えてしまうの対処法

JetThemeカスタマイズ ダークモードと検索エリアだけ表示したい 


SNSボタンを消した状態

当ブログは現状、SNSを持っていないのでJetThemeが用意してくれているトップページのSNSボタンを消しています。
レイアウトにあるガジェットから簡単に消せたのですが、同じガジェットで設定されているダークモードと検索エリアも消えてしまうんですね。
そこはかなり大雑把な仕様のようですが、やっぱり調べたら個別に表示する方法がありました!

ダークモードはマストではないかもしれませんが、検索エリアは後々あると便利。基本装備として絶対欲しい!
出したい!

ダークモードと検索エリアだけを表示する

  • レイアウト→Icons, Dark, Search(削除済)→タイトルだけ入れて1つ追加する(タイトルは見えないのでなんでもOK

この時点でダークモードと検索エリアが復活!

一見これで完了! って感じがしますが、見えないだけでダークモードの横にはリンクが存在しています。実際にクリックすると何もないページに飛んでしまいます。
あと一歩!

  • SNSボタンをCSSで非表示にする

CSSって見ると構えてしまうんですが、コピペで頑張ります!
テーマ→HTMLを編集→.header-socialで検索

 .header-social {

display: none!important; /*未使用のSNSボタンを非表示*/

border-right: 1px solid var(--jt-header-border);

} 
赤文字の行を追加すれば完了!できたー!
ダークモードの横にあったうすーい区切りの線も同時に消えました はースッキリ!

恐らく今の時代、SNSがないなんてないでしょ! っていう仕様なんでしょうね。
1つでもSNSへのリンクがあればこんな手間かける必要はないんですけどね……。

これはJetThemeならではの注意点ですが、SNSにリンクしないブログのほうが珍しい気もしますので特殊な例かもしれません。




Next Post Previous Post
No Comment
Add Comment
comment url