記事下まず、デザインCSSに以下のコードを貼ってください。トップページこのテーマではトップページの.entry-footerは(美観上)オフにしているのですが、表示したい場合はデザインCSSに以下のコードを貼ってください。無料版向けはてなブログの無料版では、勝手に記事本文にこんなかんじで→キーワードリンクがついてしまいますね。これ自体は有料版(Pro)にアップグレードしないとどうにもならないのですが、見た目だけはなんとかできます。デザインCSSに以下のコードを貼ってください。...はてな無料版のキーワードリンクの下線を消す2018-01-05検索ボタンを虫眼鏡アイコンにするカスタマイズ検索ボックスの「検索」ボタンを虫眼鏡アイコンにしたい場合、サイドバーの「モジュールを追加」→「HTML」にこれを貼ってください。見本としてこのページのサイドバーはスクロールできるようにしてあるので、試してみてください。Essayではサイドバーは固定となっています。(解除の方法はこちら)個人的にはサイドバーの情報量は画面に収まるくらいがいいかなと思ってこういう仕様にしてい...サイドバーを独立でスクロールする2018-01-03はてなフッターの文字サイズを変えるカスタマイズEssayでははてなフッターのブログ名の部分のフォントサイズを大きめにしていますが、ブログ名が長いとちょっとうるさいかな、と思いました。以下のコードを貼ればフォントサイズを変えられます。/*数字の部...はてなフッターの文字サイズを変える2018-01-03ブログタイトル部分の高さやフォントサイズの変更カスタマイズデザインCSSに以下のコードを貼ってください。おまけ2:タイトルの上下左右...ブログタイトル部分の高さやフォントサイズの変更2017-12-26背景色を変更するカスタマイズEssayの背景色はこうなっています。クリーム色の紙をイメージしているのですが、クリーム色の成分を濃く、または薄くするには以下のCSSを貼ってください。サイドバーEssayの元になっているテーマPlainは自由なレイアウトが特長なので、Essayもレイアウトを自由にできます。サイドバーを単純に右にするだけでなく、1カラムにしたり他にも細かくいじれます。サイドバーサイドバーって記事に集中している間は目に入らないので、そんなに情報量を多くしてもしょうがないのかな、と思います。必要な情報を絞って固定してしまうのがいいんじゃないかと思い、Essayではサイドバーは固定になっています。(記事を一通りス...サイドバーの固定を解除する2017-12-24記事内の文字の太さを変えるカスタマイズこのテーマのフォントはこちらのWEBフォントを使っています。デフォルトでは記事内の文字の太さ(font-weight)は300になっています。細くしたり太くしたり、変更するには、デザインCSSに以下のコードを追加で貼ってください。追加のHTMLはてなデフォルトでもSNSシェアボタンはありますが、このテーマに合わせて作りました。HTMLに以下のコードを貼ってください。追加のHTMLこのサンプルブログと同じフッタを出すには、以下のコードを「フッタ」のHTMLに貼ってください。追加のHTMLこのサンプルブログとおなじヘッダーメニューを出すには、「ヘッダ」→「タイトル下」のHTMLに以下のコードを貼ってください。</nav>ヘッダーメニューを出す2017-12-24EssayについてはじめにEssayはテーマ「Plain」を元にカスタマイズしたはてなブログテーマです。サンプルカテゴリー2サンプル記事です。このテーマで記事を書くとこうなる、という参考にしてください。はてなブログProこのテーマのカスタマイズ方法を随時アップデートしていくので、このブログを購読↓しておくと便利と思います。こんなカスタマイズをしたいなどリクエストやご質問も受け付けてますので、お気軽にこちらの記事にコメントをください。)参加グループ執筆者リストid:simonsnote月別アーカイブ検索2筆者:id:simonsnote読者になるはてなブログテーマ「Essay」の見本ブログです。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。