WordPress基本講座

カスタムヘッダー画像や背景画像を利用する

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
テーマカスタマイズ機能に対応したWordPressのテーマのヘッダー画像や背景画像を自分好みの画像に変更する方法について、解説致します。
講師:
04:03

字幕

このレッスンでは テーマカスタマイズ機能に対応した― WordPress のテーマのヘッダー画像や 背景画像を自分好みの画像に 変更する方法について解説していきます それではこちらの左メニューの部分の 「ヘッダー」もしくは― こちらの「カスタマイズ」 をクリックして下さい 今回はこちらの「ヘッダー」 をクリックしてみましょう するとこちらのテーマに対する テーマカスタマイズ機能の画面になります そしてこちらの左側では この ヘッダー画像が選択された状態となっています こちらの部分でヘッダー画像のカスタマイズを 行っていくことが出来ます 今回のこちらのテーマにおける ヘッダー画像というのは この濃い紫色の範囲に設定する画像 という意味になります そしてこちらの「新規画像を追加」 というボタンをクリックすることで このよう画像を選択する画面がでてきますので こちらで設定したい画像を選択して こちら「選択して切り抜く」 というボタンをクリックします それでは押してみましょう するとこのように ヘッダー画像のサイズに合うように 画像を切り抜くための画面がでてきますので こちらの枠をドラッグしてあげて 切り抜きたい部分を決定します 今回はこの辺りにしておきましょう そして決定したら こちらの「画像を切り抜き」 というボタンをクリックします するとこのように ヘッダー画像が設定されました ただ今回はちょっと見づらくなりました ですので今回はこちらの画像を 非表示にしておきたいと思います こちらのボタンをクリックすれば 画像を削除することができます このような形ですね そしてこちらの下の部分でアップロード済みの 画像が表示されてきますので こちらの部分も「✕」を押して 削除しておきましょう 次に背景画像を設定してみたい と思います 背景画像はこちらの部分ですね これをクリックしてみましょう するとこのように背景画像を設定するための パネルが表示されてきました このテーマでの背景画像というのは こちらの薄い紫のほうで― 表示されている部分となります それではこちらの画像選択ボタンを クリックします そして背景に設定したい画像を選択します 今回はこちらの画像にしておきましょうか そしてこの「画像の選択」をクリックします するとこのように背景部分に 画像がセットされたのがわかるかと思います またこの背景画像に対しては 幾つかオプション設定を行うことができます それはこちらのパネルの中の 下の部分です こちらの部分です 背景の繰り返しや背景の位置 そして背景のスクロール― などを設定することが できるようになっています これがテーマの背景画像の設定の方法 となっています 設定して特に問題がないようであれば こちらの「保存して公開」という ボタンをクリックすることで このデザインを正式にウェブサイト上に 反映することができるようになります このように今回はカスタムヘッダー画像や 背景画像を設定しましたが これはテーマによって 設定できる内容が変わってきます 今回のテーマではこちらの左側の部分に ヘッダー画像 そして右側の部分に 背景画像でしたが テーマによってサイトの上部の部分に 背景のヘッダー画像を設定するものもあります またテーマによってはこういった― カスタマイズ機能を利用できない テーマもありますので 選択したテーマの仕様に従って 設定して下さい 以上でレッスンは終了です 今回はテーマカスタマイズ機能に対応した WordPress のテーマのヘッダー画像や― 背景画像を自分好みの画像に 変更する方法について解説いたしました

WordPress基本講座

WordPressは世界でもっとも人気のある無料のウェブサイト制作・管理ソフト(CMS)のひとつで、簡単に自分のサイトを作成してネット上に公開することができます。このコースではこれから使い始める方を対象に、ローカルサーバーの立ち上げ方やWordPressのインストール方法、基本的な機能や使い方などを順を追って解説します。

3時間48分 (66 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
カテゴリー
ウェブデザイン
CMS
価格: 3,990
発売日:2015年08月06日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。