ヘッダー画像をカスタマイズしてワードプレスに設定する方法 | taisei's lifestyle produce
理想とするライフスタイルを実現しよう!

ヘッダー画像をカスタマイズしてワードプレスに設定する方法

どうもtaiseiです。

今回は、ヘッダー画像をカスタマイズしてワードプレスに設定する方法を説明していきます。ヘッダー画像というのは、サイトタイトルの下に表示される大きな画像のことを指します。ヘッダー画像の編集に関して僕は、PhotoScapeという無料のアプリケーション(ソフト)を使用しています。

もし、PhotoScapeという無料画像編集ソフトの使用方法がわからない場合はこちらの記事を参考にしてみてください。

無料画像編集アプリケーション(ソフト)PhotoScapeの導入方法と使い方

 

今回の動画講義では、PhotoScapeを使用してヘッダーバナー画像を編集・作成していますので、まずはこちらの動画をご覧ください。

 

ヘッダー画像をカスタマイズしてワードプレスに設定する方法 動画

 

 

今回の動画で使用したサイトのテンプレートは「Stinger8」というテンプレートです。

このテンプレートを使用した場合、動画でもありましたが、ヘッダー画像として「1060×300」というサイズに調整する必要があります。まずは、PhotoScapeで画像のサイズを適切なサイズに変更していきましょう。

 

どうしてもヘッダー画像の作り方がわからない場合

 

今回の動画をご覧になって頂ければ、簡単にヘッダー画像を作成することができると思いますが、万が一わからない場合でも、ヘッダー画像を作成することはできます。

 

手順1.WordPressのダッシュボードから、「外観」⇨「カスタマイズ」⇨「ヘッダー画像」と選択

手順2.「新規追加」をクリックして、メディアに保存されている画像を選択し、「選択して切り抜く」をクリック

 

手順3.ヘッダー画像として表示させる範囲を選択し(トリミング作業)、「画像切り抜き」をクリック

手順4.「画像を保存」をクリックして設定が完了

 

このような手順で作業すれば、画像編集ソフトを使用しなくても、ヘッダー画像を設定することができます。わからない場合は、とりあえずこのような手順で、ヘッダー画像を設定していきましょう。

1 Comment

現在コメントは受け付けておりません。