フジブロっ!

はてなブログのカスタマイズに役立つ記事やツール、デザインテーマの制作を行なっている、カスタマイズ専門ブログ

その場でコードが編集できる便利なツール集

f:id:utoutosara:20210619215604j:plain

カスタマイズの際に役立つ便利ツールをまとめていきます。

ここでの「便利ツール」とは、以下に挙げるもの(を含んだもの)を言います。

  • 入力フォームを使用してその場でコードを編集できる
  • プレビューしながら、カラーやサイズの調整ができる
  • 作成したコードをワンクリックでコピーできる

以上のことから、HTMLが苦手な方やカスタマイズ初心者の方でも、簡単にカスタマイズすることが可能なものになっています。

以下のリンクから気になる記事に飛ぶことが出来ます。

アイコンを使ったカスタマイズ

はてなブログのアイコンフォント全125種を用意しました。アイコンを大きく表示し探しやすくし、アイコンをクリックするだけでコードをコピーすることが出来ます。

このアイコンを使ったカスタマイズ方法も公開しています。

プロフィール、フォローボタンのカスタマイズ

プロフィールのカスタマイズです。定番のシンプルなデザインから、おしゃれなデザインまで10種類用意しています。

入力フォームを使い、記事内で全てのデザインをプレビューすることが出来ます。フォローボタンのカスタマイズと合わせて設置することもできます。

ヘッダー下におすすめ記事を設置する

入力フォームを使い、ヘッダー下におすすめ記事を設置する方法を公開しています。

予めCSSがテーマ内に組み込んであるため、HTMLをコピペするだけで使えるCappuccino専用のものや、HTMLとCSSをコピペしてはてなブログのどのテーマでも使えるものを公開しています。

囲み枠を使う

見たまま編集で表示される囲み枠が使えます。プレビューを確認しなくても記事編集中にデザインが表示されるので、HTMLやCSSが苦手な方でもすぐに囲み枠を使った装飾が出来ます。