【はてなブログ】aboutページを編集する方法まとめ【自己紹介に最適】

f:id:taninote:20181113042336j:plain

こんにちは。たに(@taninote)です。

今回はaboutページを簡単に編集する方法をご紹介します。

aboutページを活用して自己紹介ページを作成するのがおすすめです♪

 

aboutページについて

aboutページとは

f:id:taninote:20181029171033j:plain

この画面が「aboutページ」です。

ブログに関する基本的な情報(ブログ継続日数、投稿数など)が自動的に表示されます。

aboutページはどこから見るの?

 

f:id:taninote:20181029171121j:plain

ブログ内にある、プロフィール画像やユーザー名をクリックすると、aboutページを閲覧できます。

 

aboutページの編集方法

aboutページの設定画面

まずはaboutページの設定画面に移動します。

f:id:taninote:20181029171510j:plain

「設定」→「基本設定」→「aboutページ編集」をクリック。

f:id:taninote:20181029171621j:plain

この画面でaboutページを編集します。

titele要素(ページのタイトル)

まず始めに「title要素」について。

title要素とは、ブックマーク登録したときや検索結果に表示されるタイトルのことです。

私は初期設定「このブログについて」のままにしています。好きに変更してOKです。「たにのーとについて」に変更しようかな。

↓「title要素」について詳しく勉強したい人はこちらがおすすめ

自由記述欄

次に「自由記述欄」について。

自己紹介文を作成するのにぴったりな項目ですが、文章を入力するだけでは改行や装飾が一切反映されません。よって以下の方法を使いましょう。

① いつも記事を作成するページで、aboutページの内容を作る

f:id:taninote:20181029171729j:plain

一旦aboutページの設定画面からは離れて、いつも記事を書くページで作業していきます。

ふだん記事を書く要領で、aboutページの内容を作成してください。

見出しの設定や文字の装飾、写真の投稿も、いつも通りに行ってOKです。

② aboutページの内容が完成したら「HTML編集」に切り替える

f:id:taninote:20181029173148j:plain

「編集見たまま」を「HTML編集」に切り替えて、表示されたHTMLを全てコピーしてください。

③ コピーしたHTMLを「自由記述欄」にペーストする

f:id:taninote:20181029173249j:plain

aboutページの設定画面に戻り、先ほどコピーしたHTMLを「自由記述欄」にそのまま貼り付ければ完成です。

これで改行や見出しの設定も反映されます♪

↓私のaboutページはこうなりました

 

aboutページの豆知識

f:id:taninote:20181113043706j:plain

はてなブログ公式によると、2016年から自由に編集できるようになった比較的新しい機能だそうです。

aboutページのカスタマイズ

CSSを用いればカスタマイズも可能です。

↓おすすめ記事はこちらです

↓aboutページを作成した後はこちらの記事もおすすめ

せっかくブログを訪問してくれた人には、自分のことを知ってもらえると嬉しいですよね。どんどん自己紹介を充実させましょう♪ 

それでは、また更新します。