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

広告
eyecatch

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

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

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

プロフィール画像を設定する(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

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。