tamasaburo

得する役立つものをお届けする情報サイト


はてなブログのスマホサイトに表示される検索ボックスを削除・非表示にする設定方法

はてなブログで有料会員である「PRO」会員の方はCSSやHTMLを追加できるなどの特典があります。スマートフォンで、はてなブログを訪れた際にブログ下の方に検索ボックスが表示されます。ブログによっては、この「検索ボックス」が不要であったりする場合もあります。この記事では、この「検索ボックス」をCSSを使って削除・非表示にする方法を紹介します。

 

 

はてなブログのスマホサイトに表示される「検索ボックス」を削除・非表示にするCSS

.search-box {
 display: none;
}

 

こちらのCSSを設置する場所は、

デザイン➡スマートフォン➡ヘッダ➡タイトル下

 

にコピー&ペーストで完了です。

 

このCSSコードを設置する際には必ずstyleタグを挿入する必要がありますのでご注意下さい。

 

styleタグの挿入方法については、下記のリンクをご確認下さい。

tamasaburo.com