サイトのトップのヘッダー画像を現行のを少し修飾
[A ] 新しい画像の準備 〜 アプリ[ PhotoScape X ]を使う
① 現在のヘッダー画像はこのようなものです(2020年9月末現在)。今回はこの画像を一捻(ひとひね)りしてみたいということで、まずは画像編集をします。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/747CDBC4-6DF3-43E6-B202-9E6F41F2C4CC-856x600.png)
② 画像編集には、日頃おもに色付きの囲み枠を作ったり矢印を引いたり、アイキャッチ画像への文字入れなどに使っているアプリ[ PhotoScape X ]を使うことにしました。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/1CFB7B29-D361-4A4A-81BB-A0FBA8A2A0CC_4_5005_c.jpeg)
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/3942B060-1BC7-4BAC-A5DD-A281A13D0375_4_5005_c.jpeg)
③ 現在の画像を読み込んで、[ PhotoScape X]のメニューの右上のアイコンで絵具をのせるアイコンで[道具]を選んで、さらに 筆アイコンの[ペイント]と選択します。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/F74C0B2E-93D9-4EB5-A753-E0DDA89F6026_1_201_a-975x600.jpeg)
④ 筆を選んで、カラーを今回は「白」色に変えました(下の画像ではこの前の時に使った色がたまたま青でしたが)。白に変えたら、フリーハンドで筆を運ぶように、任意の文字を入れます(今回はこのサイト名「らるろま」と入れました)。少し筆が太かったようで、文字が多少ぼやけた感じでしたが、それもまた良さそうでしたのでok(筆の設定がいろいろあるようですが、わからなかったのでデフォルトのを使ったことになります)にしました。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/A394CBB7-B44A-4CBA-8386-68B29A65FA60-975x600.jpeg)
⑤ 白い筆文字のような雲のような文字を描いた画面が出来上がりました。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/48528A47-5471-4702-8E49-0D6ED1CB1EF6_1_201_a-1-856x600.jpeg)
⑥ 白い文字だけでは少し足りないような気がして、この白い上に「文字」を入れてみることにします。これは、今までよく使ってきた「挿入」→「テキスト」で「タイトル」やらコピペした文字やらを入れればよいので、今回は、サイトURLを入れてみます。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/E0D5F184-25FD-484F-ABB9-95080DCF86E4.jpeg)
⑦ 白い筆文字のような文字の中に「サイトURL」を入れた画像ができました。準備ができたので、次はテーマ管理上で設定します。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/49060365-CA74-4089-B439-FBD2C249F9BE_1_201_a-1-856x600.jpeg)
[B] 画像ができたら、テーマ管理上の設定
⑧ 「テーマ管理」から、[外観] → [ヘッダー]を選択し
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/EC0D9D12-E7D7-4DC9-9227-552EAE1193DD_4_5005_c-1.jpeg)
⑨ 「ヘッダー画像」の[新規画像を追加]で、先ほどできた画像をアップロードします)。(別のルートを使ってこの操作ができる画面に到達する場合はそれでも良いです)。下の画像は既に変更した後の画像になってます。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/F483613A-3EF9-4588-830B-506AFC04FFB9_1_201_a-1-327x600.jpeg)
⑩ 画像をアップロードする際に、「サイズを切り抜く」設定が表示されるので、長方形の枠を上下に移動して、今入れたばかりの「雲のような筆文字とURLの文字が入るように任意に切り抜いて決定します。すると更新した画面の状況が表示されるので、それでよければ上部にある[公開]ボタンを押す。そして、サイトのヘッダー画像を確認してみてokなら変更完了。
![](https://gsbyjt-lottalove.com/wp-content/uploads/2020/10/B19AFBEE-4D53-4242-9F5B-952696376745-1200x416.jpeg)
以上です