プロフィール(プロフィール画像/ヘッダー画像/自己紹介文)を設定する

noteでマイページや投稿したーノートに表示されるプロフィール画像やヘッダー画像、そして自己紹介文の設定方法について解説します。

(Last modified: )

プロフィール画像を設定する

プロフィール画像を設定するには、画面右上にある現在のプロフィール画像をクリックしてください。

プロフィール画像を設定する(1)

「マイページを表示」をクリックしてください。

プロフィール画像を設定する(2)

マイページが表示されます。

プロフィール画像を設定する(3)

画面右上あたりに表示されている「・・・」をクリックし、表示されたメニューの中から「プロフィールを編集する」をクリックしてください。

プロフィール画像を設定する(4)

プロフィール画像を設定する(5)

プロフィールに関する編集画面が表示されます。

プロフィール画像を設定する(6)

プロフィール画像を変更する場合は、次のプロフィール画像が表示されているところをクリックしてください。

プロフィール画像を設定する(7)

ファイル選択ダイアログが表示されますので、プロフィール画像に設定したい画像ファイルを選択してください。選択が終わると次のような画面が表示されます。

プロフィール画像を設定する(8)

画像下のスライダーを動かして画像を拡大することができます。また画像をマウスでドラッグして移動させることもできます。

プロフィール画像を設定する(9)

画像に関する調整が終わりましたら「OK」をクリックしてください。

プロフィール画像を設定する(10)

設定を反映させるには「保存」をクリックしてください。

プロフィール画像を設定する(11)

プロフィール画像の設定が終わりました。プロフィール画像はマイページで表示させるだけでなく、投稿したノートにも表示されます。

プロフィール画像を設定する(12)

ヘッダー画像を設定する

続いてヘッダー画像を設定してみます。プロフィール画像を設定した場合と同じ手順でプロフィールに関する編集画面が表示してください。

ヘッダー画像を設定する(1)

画面上部の「ヘッダー画像を追加」をクリックしてください。

ヘッダー画像を設定する(2)

ファイル選択ダイアログが表示されますので、プロフィール画像に設定したい画像ファイルを選択してください。選択が終わると次のような画面が表示されます。

ヘッダー画像を設定する(3)

画像下のスライダーを使って画像を拡大したり、画像をマウスでドラッグして移動させることができます。画像の調整が終わりましたら「OK」をクリックしてください。

ヘッダー画像を設定する(4)

設定を反映させるには「保存」をクリックしてください。

ヘッダー画像を設定する(5)

ヘッダー画像の設定が終わりました。

ヘッダー画像を設定する(6)

自己紹介文を記述する

マイページには自己紹介文を表示することもできます。プロフィール画像を設定した場合と同じ手順でプロフィールに関する編集画面が表示してください。

自己紹介文を記述する(1)

自己紹介文を140文字以内で記述してください。

自己紹介文を記述する(2)

入力した内容を反映させるには「保存」をクリックしてください。

自己紹介文を記述する(3)

マイページに自己紹介文が表示されました。

自己紹介文を記述する(4)

-- --

プロフィール画像や自己紹介文などプロフィールに関する編集を行う方法ついて解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

プログラミングや開発環境構築の解説サイトを運営しています。