記事下のパーツの順番を変える

まず、デザインCSSに以下のコードを貼ってください。(貼り方) /*--記事下のパーツの順番--*/ .entry-footer-section {order:5;} /*著者名、日付*/ .hatena-star-container {order:2;} /*はてなスター*/ .social-buttons {order:1;} /*twitterやはてなブッ…

トップページではてなスターやコメント欄を表示する

このテーマではトップページの.entry-footerは(美観上)オフにしているのですが、表示したい場合はデザインCSSに以下のコードを貼ってください。(貼り方) .page-index .entry-footer {display:block;}

はてな無料版のキーワードリンクの下線を消す

はてなブログの無料版では、勝手に記事本文にこんなかんじで→キーワードリンクがついてしまいますね。これ自体は有料版(Pro)にアップグレードしないとどうにもならないのですが、見た目だけはなんとかできます。デザインCSSに以下のコードを貼ってください。…

検索ボタンを虫眼鏡アイコンにする

検索ボックスの「検索」ボタンを虫眼鏡アイコンにしたい場合、サイドバーの「モジュールを追加」→「HTML」にこれを貼ってください。 <form class="search-form" role="search" action="/search" method="get"> <input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required=""> </form>

サイドバーを独立でスクロールする

見本としてこのページのサイドバーはスクロールできるようにしてあるので、試してみてください。Essayではサイドバーは固定となっています。(解除の方法はこちら)個人的にはサイドバーの情報量は画面に収まるくらいがいいかなと思ってこういう仕様にしてい…

はてなフッターの文字サイズを変える

Essayでははてなフッターのブログ名の部分のフォントサイズを大きめにしていますが、ブログ名が長いとちょっとうるさいかな、と思いました。以下のコードを貼ればフォントサイズを変えられます。(貼り方) .footer-address {font-size: 1.6rem;} /*数字の部…

ブログタイトル部分の高さやフォントサイズの変更

デザインCSSに以下のコードを貼ってください。(貼り方) こうしたい!というのがあればお気軽にコメントにどうぞ〜 高さを変える フォントサイズを変える おまけ:ブログタイトル部分の下のボーダー 線の種類 線の太さ 線の色 おまけ2:タイトルの上下左右…