はてなブログでサイドバーのプロフィールに自己紹介リンクを貼る方法

今回ははてなブログのサイドバーに、詳しい自己紹介ページへのリンクを貼る方法を紹介します。

もともとプロフィールのアイコン画像をクリックすると、詳細ページに飛ぶようにはなっているんですがちょっと使いづらいんですよね。

そこで自分で自己紹介ページを作ってサイドバーのプロフィール欄からリンクを貼ってしまおうというわけです。

Contents

はてなブログのaboutページはカスタマイズが面倒

詳細ページにはブログ名、簡単なブログの説明、投稿数などが表示されています。このページの正式名をaboutページと言います。

下の画像がそのaboutベージです。

このaboutページなんですがカスタマイズがとっても面倒なんですよね。それとアイコンの画像をクリックするとaboutページに飛ぶってわかりにくいと思うんですよね。

「詳細はこちら」とか「このブログについて」とか文字のリンクを貼ったほうが、ユーザー視点でわかりやすいと思います。

そんなこと考えているうちに、いっそのこと「自己紹介ページを自分で作って、サイドバーのプロフィール欄からリンクを貼ればいいかもっ。」

って思ったわけです。

それでは早速オリジナルの自己紹介リンクを貼る方法を解説していきます。はてなブログ初心者のかたにもわかりやすいように画像を使って説明していきます。

まずは自己紹介用の記事を書きます。これは普段記事を書く方法と同じです。

記事の一覧にさきほど投稿した自己紹介記事が表示されているのを確認してみましょう。画面上の「ブログを表示」をクリックしてください。

自己紹介記事がトップ画面に表示されていると思います。自己紹介記事のタイトルをクリックします。すると自己紹介記事のURLへジャンプします。

ブラウザ上部のURLをコピーします。コピーしたURLをメモ帳などのテキストエディタに貼り付けておいてください。

画面左のメニュー一覧から「デザイン」をクリックします

「カスタマイズ」アイコン(六角レンチの絵)をクリックします

「サイドバー」をクリックするとさらにメニューが現れたら「編集」をクリックします。

プロフィールの編集画面が表示されます。ここで編集した内容がサイドバーに表示されます。

「プログの説明」のテキストボックスをクリックします。

既にブログの説明文が入っていると思いますので、以下の文を説明文に追記する形で貼り付けます。
<a href=”http://www.atumori.biz/entry/2016/08/27/160539“>詳しいプロフィールを見る</a>

http://www.atumori.biz/entry/2016/08/27/160539の部分を先ほどコピーしたＵＲＬに差し替えて下さい。

※「詳しいプロフィールを見る」という文言は自由に変更できます。「自己紹介ページ」とか「このブログについて」とかでも良いと思いますよ。

適用ボタンをクリックします。

変更を保存するボタンをクリックします。この操作をやらないと変更が反映されませんので注意してください。

サイドバーのプロフィール欄に「詳しいプロフィールを見る」リンクが表示されました。

今回やった内容をまとめます。

お疲れさまでした～！以上で終わりです。それほど難しくないのでぜひチャレンジしてみてください。これで自由に自己紹介ページをカスタマイズできますね～。じゃんじゃん！