サバのトランク

コンピュータの記事を中心に

【はてなブログ】プロフィールと aboutページ編集

自己紹介する少女

はてなブログには、2つのプロフィールと、1つのaboutページという、合計3つの「自己紹介」のエリアがあるのをご存じでしょうか。

ベテランのはてなユーザーでも、意外とこの3つの違いや存在を知らない方もいらっしゃるのでは?

この記事では、それぞれの編集方法をまとめておきたいと思います。

 

2つのプロフィールと1つのaboutページ

はてなブログの、2つのプロフィールと1つのaboutページは、それぞれが独立しています。
また、編集方法が違っていたり、ちょっと一癖あったりもします。
下記の順番で解説していきます。

ブログのトップページなどに常に表示される「ブログのプロフィール」

②「このブログについて」で表示されるaboutページ

③「はてなIDをクリックすると表示されるはてなIDのプロフィール」

 

①「ブログのプロフィール」の編集(ブログごと、サイドバー)

ブログのトップページや記事のページに表示される「ブログのプロフィール」です。
ブログを読んでいる時には、基本的に表示されているので非常に目立つわけですが、意外と設定されていない方が多い印象です。⬇️

ブログのプロフィール

⬆️このブログでは、1カラムのデザインを使っているので、ページの下の方にこのように表示されていますが、

⬇️多くの方が使っている2カラムのデザインの場合は、「サイドバー」に表示されています。

サイドバーにあるブログのプロフィール

この「ブログのプロフィール」は、「サイドバー」の一部であることから、

編集は デザイン > スパナマーク > サイドバー から行うことになります。(次で詳しく説明します)

(意外とこの点が落とし穴です。「設定」をいくら探しても、この項目が見つからず、私も慣れるまでは戸惑いました)

 

「ブログのプロフィール」の編集

ブログの「管理画面」に入ります。

「管理画面」への入り方は、「はてなブログヘッダの右端のユーザーのアイコンから⬇️

ブログメニュー


「ブログを管理」へ⬇️

管理メニューへ

左側のメニューから、

デザイン > スパナマーク > サイドバー > プロフィール > 編集

と進んで ⬇️

ブログのプロフィール編集へ

 

ここに自己紹介を書く。⬇️

ブログのプロフィール編集中


「タイトル」も変更可能。その他、下の方にスクロールすると、

最終更新、読者になるボタン、Xアカウントの表示をする・しない、なども選択可能

(もし、「サイドバー」に「プロフィール」が無ければ「+モジュールを追加」で追加する)

 

②「このブログについて」で表示される「aboutページ

「ブログのプロフィール」で、「このブログについて」をクリックすると⬇️

このブログについてを選択

 

現れるのがaboutページ⬇️(1カラムの場合)

aboutページ

 

2カラムだとこういうイメージ ⬇️。赤枠の中が「aboutページ、左にあるのが①で説明した「ブログのプロフィール」

2カラムでのaboutページ

 

aboutページ」の編集

「管理画面」から、

設定 > aboutページ編集

右の「ブログの説明」に、説明の文章を書く。
短い1文の説明ならそのまま書けばよいが、この「ブログの説明」は「HTML、はてな記法MarkDown」でしか書けない(「モード」で選択)ので、改行や行間を開けたりしたい場合はひと工夫必要になる。⬇️

aboutページ編集中

 

HTMLで「ブログの説明」を書く

ここでは、「モード」でHTMLを選んだ場合について説明します。(他の2つはよく知らないので)

普段、ブログの記事を「見たまま編集」で書いていて、HTMLを書くのが難しい方は、いつもの「記事を書く」ページで、はてなブログHTMLへの翻訳をしてもらいましょう。

まずは「記事を書く」ページで、「編集 見たまま」で「ブログの説明」の文章を書く。(改行や行間、太字なども意識して)⬇️

見たまま編集中


次に「HTML編集」タグを選び、その内容をすべて選択してコピーする。⬇️

HTML編集

 

先ほどのaboutページ編集」に戻り、「ブログの説明」の欄に、今コピーした "HTML" の内容を張り付ければ完成です。
画面一番下の「保存する」を忘れずに!

HTML変換用に使った「記事を書く」ページの方は、上記の例のように( "aboutページ下書き" などと)タイトルを付けて「下書き保存」しておけば、あとから「ブログの説明」を変更したくなった時に便利です。


私の「ブログの説明」を利用してもらっても構いません

もっと簡単に編集したい場合は、私の「ブログの説明」を利用し、改変してもらっても構いません。

下記が私の「ブログの説明」のHTMLです。
「メモ帳」などのエディタにコピーし、タグ( <p> </p> など)を生かし、文章を入れ替えて使っていただいて構いません。

======(この下の行から)
<p>30数年間、高校で生物・化学・情報を教えてきました。<br />病気もあって2022年にリタイア。<br />今は、金は無いけど時間はあるという生活でブログを始めました。</p>
<p>このブログでは、コンピュータの事などについて書いています。</p>
<p><strong>*当ブログではアフィリエイト広告を利用しています*</strong></p>
======(この上の行まで)

 

★★ 簡単なタグの説明 ★★
<p> と </p> にはさまれた部分は「段落」を表し、必ず <p> と </p> の セットで使います。段落間には行間にすき間がつくられます。

<br /> は単純な改行をします。行間にすき間はできません。単独で使用します。
 ( <br> でも可。<br />, <br> は推奨されていないタグなので多用は避けるべきといわれていますが)

<strong> と </strong> にはさまれた部分は「強調文字」となり、必ず <strong> と </strong> のセットで使います。「はてなブログ」ではボールド(太字)になります。


その他の設定

aboutページ編集」を下の方にスクロールしていくと、
ユーザー名、Xアカウント、連絡先メールアドレス、ウェブサイトURL、ブログ投稿数、投稿日数、読者、などの表示・非表示が選択可能です。

変更した場合は、画面一番下の「保存する」を忘れずに!

 

③「はてなIDのプロフィール」(はてなIDごと、プロフィールのページ)

「このブログについて」で表示されるaboutページ」で、はてなID」(下記の赤枠部分)をクリックすると⬇️

aboutページのはてなID

 

はてなIDのプロフィール」のページに飛びます。⬇️

IDのプロフィール

 

「編集」タグを選んで、記入していけばOK。
このページの自己紹介は、HTMLではなく「見たまま」で編集できる。

 

ブログを複数作っている場合

はてなブログ」内に複数のブログを持っている方は、あまり多くはないかと思いますが・・

「ブログのプロフィール」と「aboutページ」はブログ毎に、「はてなIDのプロフィール」はブログをいくつ持っていても、IDごとに設定されます。

私の場合で言えば、「サバのトランク」と「サバのサバイバル」の2つのブログを持っているので、「ブログのプロフィール」と「aboutページ」は、それぞれのブログで異なり、「はてなIDのプロフィール」は共通ということになります。

 

まとめ

2つのプロフィールと1つのaboutページの、編集場所とそれぞれの相違点、どうだったでしょうか。
たかが数行程度の「自己紹介」なのに、編集画面が「サイドバー」に隠れていたり「HTML編集」が必要だったりと、意外とつまづきポイントがあります。この記事が参考になれば・・

私は、初めての方のブログを読む時、必ず「プロフィール」や「このブログについて」(aboutページ)を、最初に読んでいます。記事を書いた方の「ひととなり」や「バックグラウンド」がわかり、記事内容のより一層の理解や共感に役立つことも多く、これらの自己紹介ページは結構重要かなと思っています。

しかし、3つとも設定している方は意外と少ない印象です。あえて書かないというのも当然「有り」だと思いますが、そうでないなら、書いておいた方が「書き手」の印象がより伝わりやすいと思いますよ。😄