要介護5のお父さん

突然の交通事故で要介護5と認定されたお父さんの在宅介護を記録するブログ

はてなブログ aboutページを編集してええ感じのプロフィールページを作る方法

f:id:masa5care:20180602121556j:plain

どうも、マサ(@masa5care)です

はてなブログに標準装備の「aboutページ編集機能」ってご存知でしょうか

いわゆるプロフィールページなのですが、たぶん有料無料関係なく編集できるようになっている(はずです)

ただ、ここ、デフォルトではシャツインのおっさん並にダサいんですよ
ダサいんですが、ちょっといじれば簡単にええ感じにこしらえることができますので、その方法書いておきます

aboutページとは?

ブログの説明を書くことができるアドレス固定のページです

場所は「設定」→「基本設定」→「aboutページ

f:id:masa5care:20180602121923j:plain

↑ここから編集できるわけなんですが、これってどこに表示されてるん?っていう話ですけど

f:id:masa5care:20180602121933j:plain

こんなところをクリックすることでaboutページに飛ぶことができます

ただ、手をつけていないと・・・

f:id:masa5care:20180602122310j:plain

こんな殺風景なんですよね

でも、このページ、簡単にいじることができるんです

そもそも、いじる必要あるん?

冒頭にも書きましたが、ここっていわゆるプロフィールページなんですよね

検索で見つけて読んだブログが面白くて役に立ったなら、私ならプロフィールページを探します

どんな人が書いてるんやろか、他にどんな記事があるんやろか、と

また来たいと思えば読者登録やブックマークもしますよね

無数に存在するブログの中、せっかく来てもらったんですから、できればリピータになっていただきたいわけですよ
そういうアクションを起こす後押しをする役目もあるわけです

素性がわからず得体の知れない、アイコンもデフォルトのシャドーアイコンのままのブログだと、だいぶ損してるんやないかなと思います

ちょっと興味湧いてきました?
やってみようかなと思われた方、めちゃ簡単です

以下に方法書いておきます

aboutページ編集方法

普通にブログを書く

まずは、公開はしませんが、いつものように普通にブログを書いてプロフィールページを作ってみて下さい
プレビューしながら、見出しとか画像なんか使えば見栄えがします

f:id:masa5care:20180602121956j:plain

書き上がれば「htmlモード」に切り替えて、ごちゃごちゃした呪文みたいなのを丸ごとコピーしてください

書き上げたプロフィール記事は、今後加筆なり改良なりするために下書きに保存しておくと便利です

貼り付け

先程コピーした呪文みたいな内容を↓ここに貼り付けます
その際に、モードを「html」に変えてから貼り付けて下さい

f:id:masa5care:20180602122011j:plain

aboutページのタイトルも書くことができます
何もいじらなければ「このブログについて」になっています

出来上がったら、ページ一番下の「変更する」ボタンを押して完了です

これでプロフィール前半部分が完成しました
ここまでくればほぼほぼ完成なんですが、どうせなら一番ダサい後半部分もいじっちゃいましょう

もっとかっこよく

ってことで

f:id:masa5care:20180602122310j:plain

この部分をデザインCSSをいじってかっこよくしてみます

っと言いましても、こちらのブログのCSSをデザインCSSに丸ごとコピーするだけです

www.okuni.me

完成

そんなこんなで完成したうちのaboutページがこちら

www.masa5care.com

ええ感じやないですかー!

読者アイコンも大きめに表示されて、マウスを持っていくとふわっと浮きます!すげー!

最後に

ということで、aboutページの編集についてでした

やるやらないは自由ですが、どうせならやっといた方がいいですよね

住んでいる地域や趣味趣向が似ている、そんな発見があると親近感わいてきて、他の記事も読んでみたくなります

というわけで、道の白いところだけ踏んで家まで帰る趣味をお持ちの方、いらっしゃいませんか(おらんわ)

それではまた