Wix プロギャラリー:「もっと見る」ボタンを有効化・カスタマイズする
読了時間:4分
ギャラリーに「もっと見る」ボタンを追加して、サイト訪問者がサイトにアクセスしたときに表示されるコンテンツの量を最小限に抑えましょう。訪問者はすべての画像をワンクリックで読み込むか、セクションごとに読み込みむことができます。
ボタンのテキスト、フォント、色などをカスタマイズして、サイトのデザインを引き立たせることができます。
注意:
「もっと見る」ボタンは縦スクロールのあるレイアウトでのみ追加することができます。サムネイル、スライダー、スライドショー、カラムレイアウトに「もっと見る」ボタンを追加することはできません。
この記事では、次の項目について説明します:
「もっと見る」ボタンを有効にする
ギャラリーに「もっと見る」ボタンを追加すると、訪問者はすべての画像をワンクリックで読み込むか、セクションごとに読み込むことができます。各セクションは元のギャラリーと同じサイズです。つまり、元のギャラリービューに 4つの画像が表示されている場合、訪問者が読み込む各セクションには 4つの画像が表示されます。
「もっと見る」ボタンを有効にする方法:
- エディタで Wix プロギャラリーをクリックします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- 「レイアウトを編集」をクリックします。
- 「「もっと見る」ボタン」トグルをクリックして有効にします。
- 「画像のロード数」下でオプションを選択します:
- すべての画像:すべての画像を読み込みます。
- 最後のセクション:ギャラリーの次のセクションが読み込まれます。
「もっと見る」ボタンをカスタマイズする
「もっと見る」ボタンのテキスト、フォント、色などをパーソナライズして、サイトのデザインに合わせましょう。
「もっと見る」ボタンをカスタマイズする方法:
- エディタで Wix プロギャラリーをクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- 「ボタン」タブをクリックします。
- 次のオプションを使用して「もっと見る」ボタンをカスタマイズします:
- ボタンのテキスト: 「ボタンのテキスト」をクリックして、ボタンに表示されるテキストを変更します。
- フォントのスタイル・色:ドロップダウンをクリックして、ボタンのフォントやテキストサイズなどを調整します。カラーボックスをクリックして色を選択します。
- ボタンの色・不透明度:スライダーをドラッグしてボタンの不透明度を変更し、カラーボックスをクリックして色を選択します。
- 枠線の太さ・色:スライダーをドラッグしてボタンの枠線の太さを変更し、カラーボックスをクリックして枠線の色を変更します。
- 角の丸み:スライダーをドラッグして、ボタンの角を丸くします。
ヒント:
画像が 1 行しか表示されない場合は、ギャラリー下のハンドルをドラッグして、サイズを大きくしてください。
「もっと見る」ボタンの問題を解決する
「もっと見る」ボタンを有効にすると、レイアウトによっては問題が発生する場合があります。「もっと見る」ボタンの一般的な問題を解決するには、以下のオプションをクリックしてください:
「もっと見る」ボタンが「最後のセクション」を開くように設定されている場合に異なる高さの画像が切り取られる
ギャラリーが全幅(グリッドレイアウト)に設定されている場合に画像の最後の行が切り取られる
最後のセクションの下部にある画像が切り取られる(メーソンリーとコラージュレイアウト)
お役に立ちましたか?
|