テキスト付きカルーセルを作成する方法

GemPages でテキスト付きのカルーセルを作成する方法は?

GemPages v7では、 カルーセルを設計する ブランドイメージに合ったテキストでレイアウトを調整します。以下の手順に従ってください。

ステップ1: ページにカルーセル要素を追加する

• アクセス GemPagesダッシュボード > ページをクリックし、対象のページをクリックしてエディターを開きます。
• 左側のサイドバーで、 カルーセル要素.
• 表示したいページにドラッグ アンド ドロップします。
• カルーセルをクリックして設定を開き、 スライドあたりの項目数.

この記事では、3列のスライドを例に説明します。 

注意： カルーセル要素を初めて使用する場合は、 このガイド 一般的な機能の詳細については、こちらをご覧ください。

ステップ2: 各列にヒーローバナーを挿入する

A ヒーローバナー 画像にテキストを重ねることができるので、デザインに最適な要素になります。 テキストベースのカルーセル.

これをする：

• 以下を行うには、 最初の列 カルーセルの。
• ドラッグアンドドロップ ヒーローバナー要素 列に入力します。

• 他のものについてもこのプロセスを繰り返します。

ステップ3: 背景をカスタマイズする

カルーセルを視覚的に魅力的にするために、以下の様々な種類の背景を設定できます。 経歴 セクションには以下が含まれます。

• 色圏: ミニマリストな外観にするには、単色またはグラデーションカラーを選択します。

• 画像メディアライブラリから画像を選択するか、新しい画像をアップロードしてください。画像のサイズは統一してください。

• ビデオ: YouTube またはメディア ライブラリ (ビデオ ホスティング) のビデオを使用して、魅力的な効果を作成します。

参照する この記事 背景をカスタマイズする方法の詳細については、こちらをご覧ください。

ステップ4: テキストをカスタマイズする

次に、テキストを編集し、ブランドに合うようにスタイルを設定します。

• 各テキスト ブロックをクリックすると、その設定が開きます。
• 下 文字スタイル セクションでは、 フォントスタイル、サイズ、色、配置 各列ごとに。

テキストスタイルの詳細については、 私たちの記事.

テキスト付きカルーセルに関するよくある質問

1. 各スライドにボタンやリンクを追加できますか?

はい。ヒーローバナー内にボタン要素を挿入して、商品ページ、コレクション、または外部リンクへのトラフィックを誘導できます。

2. カルーセルを自動再生するにはどうすればよいですか?

カルーセル設定 パネルには、 自動再生 オプションの下に スライド効果 セクション。 選択する あり カルーセルの自動再生機能を有効にします。

3. カルーセルはモバイルフレンドリーですか?

はい。GemPagesで作成されたカルーセルはデフォルトでレスポンシブです。エディターのデバイスプレビューモードを使用して、モバイルとタブレット向けの表示を微調整できます。

4. 最良の結果を得るにはどの画像サイズを使用すればよいですか?

高画質と一貫性を保つために、同じアスペクト比で幅1200ピクセル以上の画像を使用することをお勧めします。 画像の推奨サイズ.