【無料でカスタマイズ】はてなブログ無料版を最適化するために利用したサイトまとめ

管理人まる

はてなブログやってみたけど、なんかイマイチな気がする…

わかる。なんか見にくいんだよねぇ

ぼうろくん

はてなブログは、無料ですぐに利用できるという最大のメリットがありますが、有料のPRO版と比べると制限されるものがとても多くあります。

　無料版で出来ないこと

個人的には1〜3が今の所不便に感じていて、特に2.トップページ一覧形式ができないために記事全文がトップページに表示されてしまうという、なんともやぼったい・見にくいサイトとなってしまっている点が気になっていました。

そこでブログ最適化のために導入したカスタマイズを紹介しているサイトをまとめておきます。

この記事はこんな方向きです

下記サイトはプログラミングに精通していなくても、指示通りにコピペしていけばいいだけなので簡単に導入できます。

当ブログで利用しているテーマ【Cappuccino】（カプチーノ）を作成された方のブログです。

可愛くおしゃれなテーマで、囲み線や吹き出しの導入にも利用させて頂きました。

冒頭でも利用している吹き出しを導入することにより、話を進めやすくするメリットがあります。

WordPressでは簡単に表示することができるそうですが、はてなブログではデフォルトではないようです。

無料公開されているブログテーマには、見やすいカード型レイアウトを採用しているものもありますが、どれも反映はPro版のみに限定されてしまっていたため、こちらの設定を行い無料版でもカード表示されるようにしました。

カード型表示にすることで記事一覧が見やすくなり、特にスマホでの表示がスマートになりました。

様々な見出しのカスタマイズが紹介されています。

CSSに貼り付けるだけで簡単にカスタマイズが可能です。

無料版での収益化を目指す人に優しいブログ。

初回の各種設定はこちらを参考にさせて頂きました。

また、「トップに戻るボタン」や「この記事は○分で読めます」の導入もこちらから行いました。

コピペで使えるカラーコード

カラー変更してカスタマイズする際に利用します。

※こちらのページは随時更新予定です。

新しくカスタマイズ導入した際には更新していくので、宜しくおねがいします。

管理人まる

まだまだブログ開設したばかり！発展途上だけど頑張るよー

maruの資産形成ブログ