【Simplicity2】ヘッダー写真の作成

 

Instagram

Instagram


ヘッダー写真の作成です。慣れてしまえば、どうってことないでしょうが、備忘のために書いておきます。ただ、もっと良い方法があるかも知れません。

 

1.ヘッダー写真を2枚、WordPressの「メディアへ挿入」

同じ写真を2回、アップロードすれば良いと思います。

 

メディアライブラリへ2枚追加_スクリーンショット 2016-03-26 07.23.30

 

2.PC用を作る。カスタマイズ→ヘッダー画像、1枚目を選択して「新規画像を追加」

Simplicity2のカスタマイズメニューです。

 

新規画像を追加_スクリーンショット 2016-03-26 06.20.08

3.PC用を作る。「画像を切り抜く」

画像の切り抜きを指示されます。ヘッダーに表示されるのに適当な範囲を選んで、切り抜きます。切り抜くと、ヘッダーへ反映されます。

画像を切り抜き_スクリーンショット 2016-03-26 06.24.08

 

4.モバイル用を作る。もう1枚の方を、下を長めにトリミング

もう1枚の画像を使います。PC用の画像の上端と、だいたい同じ位置に合わせて、下端を多少長めにトリミングします。

 

長めに設定 2016-03-26 07.27.50

 

5.カスタマイズの「モバイルヘッダー背景画像」へ追加

Simplicity2のカスタマイズメニューです。

 

モバイルヘッダー背景画像へ追加 2016-03-26 07.33.09

6.画像に合わせてスキンやタイトル色も変更

ヘッダー画像を変更したら、スキンやタイトル色も、見直したほうがいいかもしれません。

 

スキンも変更_スクリーンショット 2016-03-26 06.47.30

 

以上です。