simplicityの使い方!!ヘッダー画像と背景のカスタマイズ!!

connect

SEO対策済みで、無料で使えるワードプレスの日本語テンプレート『simplicity』。

 

今回はsimplicityの使い方とヘッダーと背景のカスタマイズ方法についてです。

 

カスタマイズと言ってもsimplicityは初心者にも使いやすいように作られているテンプレートなので、とても簡単に様々な部分の変更ができます。

 

ヘッダーカスタマイズ

まずはヘッダーの変更から。

 

ヘッダーに設定したい画像をダッシュボードの【メディア】⇒【新規追加】でアップロードしておきます。

 

その後、ダッシュボードの【外観】⇒【カスタマイズ】へと進みます。

 

すると左側に下記のような表示が出てくるので、その中から【ヘッダー画像】を選択します。

 

simplicity

 

【次に新規画像を追加】をクリックします。

 

その下にヘッダーの高さを調整する数値があるのですが、ヘッダーに表示する画像の高さを100px以上にしたいときはこの時点で変更しておきましょう。

 

simplicity1

 

画像が表示されたら、ヘッダーに設定したい画像を選びます。

 

選らんだら右下の選択して切り抜くをクリックします。

 

simplicity01

画像を切り抜く範囲を指定する画面になりますので、切り抜き範囲を選んで【切り抜き】を実行します。

 

そうすると切抜きを実行した画像が【アップロード済み】の部分に表示されるので、その画像をクリックすれば、ヘッダー画像が切り替わります。

 

simplicity02

 

画像が上手く表示されなかったときは、一度【保存して公開】をクリックして【×】でカスタマイズ画面を閉じて、再度カスタマイズ画面に進むと表示されていることがあります。

 

simplicity03

 

ヘッダーのカスタマイズが完成すると下記のようにヘッダーに画像が挿入されています。

 

simplicity test

 

背景画像のカスタマイズ

次に背景画像の設定です。

 

カスタマイズの【ヘッダー画像】の下にある【背景画像】を選びます。

 

【新規アップロード】の下にある【ファイルを選択してください】という部分をクリックします。

 

simplicity haikei

 

背景に設定する画像を選ぶ画面になりますので、背景に設定したい画像を選んで【開く】をクリックします。

 

simplicity haikei2

 

すると、選らんだ画像が背景に設定されます。

 

simplicity haikei1

 

同じ画面で画像の調整もできるので好みの設定にしていきましょう。

 

simplicity haikei3

 

simplicityはシンプルで洗練されたデザインが魅力ですが、少し個性を出したいときはこのヘッダーと背景画像を変更すると、ガラッとイメージが変ります。

 

その他のカスタマイズも1番最初のカスタマイズ画面から簡単に変更できますので試してみてください。