FOCUS

はてなブログテーマ"Focus"のカスタマイズやあれこれ

Focusの各アセット(吹き出しとかBOXとか)を簡単に使えるコピペデータを配布します

はてなブログテーマFocusで使用している各種アセット(デザイン的な部品)を簡単に使っていただけるツールを用意しました。是非試していただければと思います。

Focusでヘッダ部分を画像と置き換える方法

テキストベースのヘッダ表示もシンプルで良いのですが、画像を使うとサイトにワクワク感が出ますね。Focusで画像をヘッダ部分に表示させる方法について解説します。

Focusで使用しているボタンとバルーンの使い方

Focusに標準で設定してあるボタン及びバルーンの使い方とカスタマイズ方法をご紹介します。必要に応じて種類を増やすとブログが華やかになります。

Focusで使用している主なカラーコード一覧

Focusで使用しているメインカラー・アクセントカラーなどのコード一覧です。該当部分を入れ替えるかデザインCSSで上書きすることでサイトの雰囲気を変えることができます。

引用などで使えるBOXデザインの使い方

Focusテーマに設定してある様々なBox表示を活用する方法について説明しています。うまく活用してブログ本文にリズムを生み出しましょう!

カテゴリアーカイブ(記事一覧)ページの見出し表示をCSSで変更してみました。

カテゴリアーカイブページのトップに表示される見出しがあまりにシンプルで寂しい感じがしたのでカスタマイズしてみました。読者目線でもカスタマイズしたほうが親切です。

サイドバー内のはてなモジュールをタブ化して表示する方法

はてなブログにおいてサイドバー内に配置するモジュールをタブ化して重ねて表示する方法をご紹介します。サイドバー内がすっきりと表示されます。