賢威7と比べ、ヘッダー周りのカスタマイズで出来ることが大幅に増えています。今回は、この賢威8のメインビジュアルの設定方法を詳しく解説します。まとめメインビジュアルの設定画面を開くWordPressのダッシュボード左メニューにある『賢威の設定』をクリックします。WordPressのダッシュボード左メニューにある『賢威の設定』をクリック設定画面が開きます。下の方にある「メインビジュアル」という項目までスクロールしましょう。全画面表示それでは、一つ一つ詳しく解説します。「画像」の項目を設定すると、下記のように画像を表示させることができます。『画像』のラジオボタンを選択し『画像』のタブをクリックして開きましょう。下記の2種類の画像表示幅を選ぶことができます。画像メインビジュアルに表示させる画像を選択します。『画像をアップロード』ボタンをクリックしましょう。『選択』ボタンをクリックします。『選択』ボタンをクリックモバイル用画像ここでは、スマートフォン・タブレット専用で表示させる画像を設定することができます。モバイル用画像は横幅767px以下のデバイスで表示されます。横幅767px以下では「モバイル用画像」で設定した画像が切り替わって表示されるようになります。画像の設定を取り消したい場合は、『クリア』ボタンをクリックしましょう。『クリア』ボタンをクリックこれで、画像の設定は完了です。設定後は必ず、ページ最下部にある『変更を保存』ボタンをクリックして、設定を反映させましょう。項目を設定すると、下記のように背景画像の上にテキストを配置して表示させることができます。ラジオボタンを選択し、『背景画像』のタブをクリックして開きましょう。下記2パターンから選びましょう。背景画像として表示させる画像を選択します。モバイル用画像スマートフォン・タブレット(横幅767px以下)で表示させる画像を設定することができます。テキスト画像の上に表示させるテキストを入力しましょう。画像を配置したり、HTMLでテキストを装飾することもできます。下記の3種類のテキスト位置を選ぶことができます。右これで、背景画像の設定は完了です。設定後は必ず、ページ最下部にある『変更を保存』ボタンをクリックして、設定を反映させましょう。「動画」の項目を設定すると、下記のように動画を表示させることができます。『動画』のラジオボタンを選択し、『動画』のタブをクリックして開きましょう。『動画』のラジオボタンを選択し、『動画』のタブをクリック埋め込みコード『埋め込みコード』のラジオボタンを選択した場合は、入力欄に動画の埋め込みコードを貼り付けましょう。表示させる動画をアップロード、もしくはメディアライブラリから選択しましょう。モバイル用画像スマートフォン・タブレット(横幅767px以下)で表示させる動画を設定することができます。テキスト下記のように、動画の画面上にテキストを表示させることができます。動画の画面上にテキストを表示できる表示させたいテキストを入力しましょう。表示させたいテキストを入力これで、動画の設定は完了です。設定後は必ず、ページ最下部にある『変更を保存』ボタンをクリックして、設定を反映させましょう。「スライダー」の項目を設定すると、複数の画像をスライドさせることができます。スライダースライドさせる画像は最大35枚まで設定可能です。『スライダー』のラジオボタンを選択し、『スライダー』のタブをクリックして開きましょう。下記2パターンから選びましょう。『画像追加』ボタンをクリックします。『画像追加』ボタンをクリックスライド画像の設定メニューが表示されます。下記の各項目を設定しましょう。画像スライドさせる画像を選択します。モバイル用画像スマートフォン・タブレット(横幅767px以下)で表示させる画像を設定することができます。リンクURLスライド画像をクリックした際のリンク先(URL)を設定することができます。上記の流れで画像を追加します。これで、スライダーの設定は完了です。設定後は必ず、ページ最下部にある『変更を保存』ボタンをクリックして、設定を反映させましょう。項目を設定すると、下記のように画像を全画面で表示させることができます。ラジオボタンを選択し、『全画面表示』のタブをクリックして開きましょう。全画面表示させる画像を選択します。モバイル用画像スマートフォン・タブレット(横幅767px以下)で表示させる画像を設定することができます。テキスト下記のように、画像の上にテキストを表示させることができます。画像の上にテキストを表示できる表示させたいテキストを入力しましょう。表示させたいテキストを入力これで、全画面表示の設定は完了です。設定後は必ず、ページ最下部にある『変更を保存』ボタンをクリックして、設定を反映させましょう。『変更を保存』ボタンをクリックまとめ今回は、賢威8のメインビジュアル(ヘッダー画像)の設定方法を詳しく解説しました。賢威8では、HTMLやCSSの知識もとくに必要なく、簡単にメインビジュアルを設定することができます。画像だけでなくスライダーや動画も表示できるので、ブログのオリジナリティを出すためにもぜひ設定してみてください。賢威8賢威8のウィジェットの設定方法|初心者向けマニュアル賢威8のウィジェットの設定方法を解説しています。賢威8は賢威7と比べ、ウィジェットで編集できるエリアが大幅えており、格段にカスタマイズしやす...SwitchSwitchで画像スライダーを表示する|初心者向けマニュアルSwitchのヘッダーコンテンツの画像スライダー設定方法を解説しています。スライダー画像は最大5枚まで設定できます。画像に文字や色を重ねたり...SwitchSwitchの「4点画像とテキスト」について解説|初心者向けマニュアルSwitchの「4点画像とテキスト」の設定方法について解説しています。...ストークストークのスライドショーに記事を4つだけ設定した時の表示の崩れを直す方法|中級者向けカスタマイズWordPressテーマ「ストーク(STORK)」で、トップページにスライドショーを設定する方法を解説しています。2つの作業だけで手軽...AFFINGER5AFFINGER5でスライダーを表示させる方法|初心者向けカスタマイズAFFINGER5でヘッダー部分に画像スライダーを設置する方法を解説しています。スライダーを設置することで、ユーザーにサイトのイメージを効果...ストークストーク(STORK)導入後に絶対やっておきたい8つの画像設定|初心者向けマニュアルストーク(STORK)導入直後にやっておきたい8つの画像設定について解説しています。THOR(ザ・トール)の「アイキャッチ画像の設定」について解説しています。THOR(ザ・トール)でサイトロゴを設定する方法を解説しています。THORストーク賢威8SEARCH。