朝勝つ

成功者はみんな早起きらしい

【早起き56日目】はてなブログの”意外と見られてる”Aboutページをカスタマイズしよう!


おはようございます。
早起き56日目。

今朝は5時に起きて、
ランニングして優雅な土曜の朝を過ごしてます。


さて、
今日ははてなブログのAboutページの話です。

Aboutページには手を付けてない人が多いかと思いますが、
意外と見られてますよ

カスタマイズするに越したことはないです

Aboutページとは

Aboutページっていうのは、
それぞれのブログにデフォルトで存在するブログの基本情報をまとめたページのことです。

筆者のブログだとこの画像ので囲ってある部分をクリックするとAboutページに飛びます。
20181118003331

この画像のように、サイドバーにプロフィールを設置してる人であれば、
ブログのファーストルックに少なくとも2つのAboutページリンクがあることになるので
Aboutページにアクセスされる可能性は高いです


そんなよく見られるAboutページ、みなさんはカスタマイズしてますか?


自分のブログのAboutページ見てみてください。

残念ながらAboutページのデフォルトデザインは、
めちゃくちゃ質素でつまらないので、

訪問者に少しでも長く滞在してほしいと思うのであれば、
カスタマイズは必須です

Aboutページカスタマイズの仕方

コピペでカスタマイズ

Aboutページのカスタマイズは
基本的にはオークニさんの以下の記事を参考にするといいです。
www.okuni.me

自分でカスタマイズ

(※HTML・CSSがわからない人に向けて書いてます)

上部

Aboutページの上部のカスタマイズは簡単で、
記事を書くのと同じ感覚で誰でもできます

まずはいつも記事を書く画面に行って、
Aboutページに書きたいことを書きます。
20181118010916

書き終えたら同ページ上部の「HTML編集」をクリックして、
表示されたコードを全部コピー。
20181118010910

そしたら、
管理画面の基本設定から、Aboutページ編集画面へ。
20181118010921

表示されたAboutページ編集画面の「自由記述欄」にさっきコピーしたコードをペーストして、
保存すれば完了です。
20181118010904


これだけやればAboutページの上部はあなたの思うようなったはずです。

下部

次にAboutページ下部(投稿数・読者数など)のカスタマイズですが、
こっちはちょっと厄介で、CSSを使う必要があります。

となると、
上で紹介したオークニさんの記事からコピペするのが一番ラクですが、
正直、オークニさんのデザインは少し派手です。

もうちょいシンプルなのがいいって人はこのブログのCSSをどうぞ↓

投稿数・継続日数などのカスタマイズ
上でコピペしたAboutページ編集画面の「自由記述欄」の一番下に↓このコードをコピペ

おまけ:記事の見出しのCSSと同じような要領で、dt {...} の {} 内をいじくるだけなので「見出し デザイン CSS」とか検索して自分好みのデザインを探しましょう。


読者数の表示方法のカスタマイズ
管理画面→デザイン→カスタマイズ→デザインCSS
にコピペ↓

※このコードはオークニさんの記事で紹介されているものを少しいじっただけです。余計なデザインを取っ払って、カーソルが読者のユーザー画像の上に来た時のアニメーションを少し変えました。

最後に

あなたのブログの訪問者が、記事を読んであなたのことが気になり、Aboutページにいく

というのは非常によくある流れなので、
Aboutページには力を入れて貴重な読者を逃さないようにしましょう

こんな記事もオススメだよ!
絶対に困らない、ブログのネタの探し方。
初心者がブログ始めて1年半でどうなるのか。リアルな声を届ける
意識高男