Welcart対応テーマ「Twentyfour Seven」のトップイメージ設定方法のYouTubeサムネイル画像

YouTubeで見るWelcart対応テーマ「Twentyfour Seven」のトップイメージ設定方法のYouTubeへのリンク

Welcart対応テーマ「Twentyfour Seven」のトップイメージ設定方法

公開日 / 更新日

「Twentyfour Seven」のトップページのファーストビューは、テーマカスタマイザーから変更でき、「画像」「スライダー」「動画」を設定可能です。
今回は各設定方法についてご紹介します。

「トップ画像」の設定

画像1枚をファーストビューに設定したい場合の方法です。

  1. WordPressの管理画面にログインし、「外観 > カスタマイズ > オンラインショップ設定 > トップページ」と移動します。
  2. 「トップ画像」の「画像を選択」をクリック。
  3. ファーストビューで表示したい画像をアップロードし、「画像を選択」をクリック。
  4. 「公開」をクリックし設定を保存します。

設定した画像は、ウインドウサイズに合わせ表示されます。
「トップ画像の位置」で画像の位置調整も可能です。また、「トップテキスト」や「トップ画像上コンテンツ」で画像上にテキストやコンテンツを表示することもできます。

「トップスライダー」の設定

複数の画像をファーストビューに設定したい場合の方法です。

  1. WordPressの管理画面にログインし、「外観 > カスタマイズ > オンラインショップ設定 > トップページ」と移動します。
  2. 「スライダーを利用する」をチェック。
    「トップ画像2」~「トップ画像4」の設定項目が表示されます。
  3. 「トップ画像」から順に「トップ画像2」~「トップ画像4」と画像を設定。
  4. 「公開」をクリックし設定を保存します。

スライダー画像は最大4枚まで設定でき、こちらも「トップ画像」と同様、画像上にテキストやコンテンツを表示できます。
4枚より多くスライダー画像を設定したい場合、フックによるカスタマイズが必要になります。

「トップ動画」の設定

動画をファーストビューに設定したい場合の方法です。

  1. WordPressの管理画面にログインし、「外観 > カスタマイズ > オンラインショップ設定 > トップページ」と移動します。
  2. 「トップ動画」の「ファイルを選択」をクリック。
  3. ファーストビューで表示したい動画をアップロードし、「ファイルを選択」をクリック。
  4. 「公開」をクリックし設定を保存します。

動画を設定した場合、「トップ画像」や「トップスライダー」より優先して表示されます。
デフォルトでは自動再生されますが、自動再生させたくない場合「トップ動画のポスター」を設定することで動画コントロールが表示され再生ボタンでの「再生」となります。
容量の大きい動画を表示する場合など、サイト表示スピードに大きく影響する場合は設定しましょう。
また、スマホやタブレットのモバイルでは容量の小さい動画を表示したい場合は、「トップ動画(モバイル)」を設定することで表示の切り替えが可能です。

ウェルカート対応テーマのトゥエンティフォーセブン

Welcart対応テーマ「Twentyfour Seven」

販売価格 29,700(税込)

WordPressでオンラインショップを構築できるプラグイン「Welcart」向けに開発されたテーマです。

共有ボタン
Facebook Twitter LINE
関連キーワード
|
関連アーカイブへの矢印Twentyfour Seven/WordPressの関連アーカイブ
WordPress子テーマテンプレートの配布とインストール方法

WordPress子テーマテンプレートの配布とインストール方法

WordPressにおいて、テーマのテンプレートファイルの直接編集は、テーマ更新のタイミングで編集内容が上書きされてしまうので、有効化中のテーマを「親テーマ」と...

購入したWordPressテーマのインストール方法

購入したWordPressテーマのインストール方法

「TwentyfourSeven」の場合、テーマをインストールする前にカートプラグイン「Welcart」をインストールします。他のテーマの場合は、テーマのインス...

プラグイン「Connect Products with Shopify 」でShopifyとWordPressを連携させる方法

プラグイン「Connect Products with Shopify 」でShopifyとWordPressを連携させる方法

Shopifyの全商品を取得して、WordPressにカスタム投稿として自動登録するプラグイン作成しましたので連携方法をご紹介します。こちらのプラグインはWor...

WordPressテーマをオリジナルプラグインでカスタマイズする方法

WordPressテーマをオリジナルプラグインでカスタマイズする方法

WordPressにおいて、親テーマの直接編集はテーマが更新された際に上書きされてしまうので、テーマのカスタマイズは「子テーマ」を使うか「プラグイン」がおすすめ...

Welcart対応テーマ「Twentyfour Seven」でヘッダーメニュー項目を変更する方法

Welcart対応テーマ「Twentyfour Seven」でヘッダーメニュー項目を変更する方法

当サイトで販売しているWelcart対応テーマ「TwentyfourSeven」のヘッダーメニュー項目のカスタマイズ方法について紹介します。部分的に他のテーマで...