ギャラリーセクション

Pixpa には、画像ギャラリーを ページ ギャラリー セクションを使用します。 このセクションは、何らかのレイアウトを使用して一連の画像を表示する場合に使用できます。

一連の画像を表示する基本的な方法は、 Gallery メニュー項目。 ただし、ギャラリーにさらにコンテンツ (画像以外) を追加したい場合は、このギャラリー セクションを使用できます。

ギャラリー セクションでは、固定グリッド レイアウト、動的グリッド レイアウト、ブロック パターン レイアウト、またはフル イメージ レイアウトが提供されます。

ギャラリー セクションのモバイル ビューは、 設定 タブには何も表示されないことに注意してください。

注:

Pixpa では、小さいグリッド レイアウトを使用してページ速度を上げることをお勧めします。

ページ速度は、画質にも依存します。 それを管理する方法を参照してください。

ここで扱われる内容:

  1. ギャラリー セクションとは何ですか?
  2. ギャラリーセクションをページに追加する
  3. ギャラリーからコンテンツを削除
  4. ギャラリーにコンテンツを追加する
  5. ギャラリーコンテンツの管理
  6. ギャラリー設定の管理
  7. ギャラリーのレイアウトを変更する

  • ギャラリーを紹介するには、ページにギャラリー セクションを追加します。
  • 画像をアップロードしたり、ギャラリー セクションに Youtube / Vimeo ビデオやテキスト スライドを追加したりできます。
  • 使い方 その他のセクション、ギャラリーに説明を追加したり、同じページに複数のギャラリーを追加したりすることもできます。
  • このようにして、同じページに複数のギャラリーを含むポートフォリオ ページを簡単に作成できます。

  • ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
  • あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。

 

  • 今すぐ セクションカテゴリ 左側にあります。
  • 選択する ギャラリーセクション (1) さまざまなレイアウトから選択できるオプション (2)。

  • 任意のセクション レイアウトを選択し、クリックしてページに追加します。

  • セットアップボタンをクリックすると、セットアップが開始されます ギャラリーの編集 (1) ボタンをクリックして、ギャラリー編集パネルを開きます。

ギャラリーに追加されたサンプル画像がいくつか表示されます。 画像を削除するには:

  • ソフトウェアの制限をクリック すべてを選択します。 (1) オプションを選択するか、各画像をクリックして手動で選択します。

  • をクリックする 削除 (2) オプションを選択すると、確認のポップアップが開きます。 「削除」ボタンを押してアクションを確認します。

選択したすべての画像がギャラリーから削除されます。


  • Save あなたの変更。

  • コンテンツを追加したら、簡単に管理できます。

チェック: ギャラリー内のアイテムを管理する


  • ギャラリー設定にアクセスするには、 ギャラリーの編集 (1)ボタン。

  • 次に、をクリックします 設定 (2) タブ。

ここには次のオプションが表示されます。


基本設定

  • 特定します ギャラリー名 とします。
  • 選択する ギャラリースタイルオプション (2)ここから。 次の 1 つのオプションがあります。XNUMX. 選択できるのは、 ギャラリー サイト全体のオプション すべての設定がそこから取得されます グローバルギャラリーデザイン 第2節。 ギャラリーを個別にカスタマイズしたい場合は、 このギャラリーを別のスタイルに設定する オプションを選択します。


グリッドスタイルの設定

  1. グリッド間隔: グリッド レイアウトの画像間のガター スペースを指定します。 (0 ~ 250 ピクセル)
  2. コーナー半径 : 境界半径を適用して、ギャラリー グリッドで画像の角を丸くします。
  3. ベースカラー: 基本色はグリッド形成に使用され、画像が読み込まれる前の一瞬だけ表示されます。 グリッドのベース カラーには XNUMX つのオプションがあります。
    • 特定の色: グリッド ベースに特定の色を設定するには、このオプションを選択します。 グリッド ベースの色と不透明度を指定します。
    • アクセントの色 : グリッドのベースには画像のアクセント カラーを使用します。 これにより、各画像のアクセント カラーを使用してマルチカラー グリッドが表示されます。
  4. ベースの不透明度: アクセントカラーとしてベースタイプを選択した場合は、ここからグリッドベースの不透明度を設定します。
  5. ホバー:  これは、カーソルを画像上に置いたときのグリッドに影響します。
    • 色を選択してください: グリッド画像にホバーカラーを選択した場合は、特定の色とその不透明度を設定します。
    • アクセントの色 : グリッドベースにイメージのアクセントカラーを使用。 これは、カーソルを画像上に置いたときのグリッドに影響します。
  6. ホバーの不透明度: アクセントカラーとしてホバータイプを選択した場合は、ここからグリッドベースの不透明度を設定します
  7. ホバー効果: ホバー効果はグリッド レイアウトでのみ使用されます。 グリッド モードのホバーでは、さまざまなホバー効果オプションから選択できます。
  8. ホバーアイコン: ホバー アイコンは、ギャラリーのグリッド レイアウトでも使用されます。 グリッド モードで画像にアイコンを表示することを選択できます。


画像タイトル設定

  1. フォント: 画像のタイトルを表示するフォント スタイルを選択します。
  2. : 画像タイトルの好みの色を設定します。
  3. フォントサイズ: 画像タイトルのフォントサイズをピクセル単位で指定します。
  4. 文字間隔: 画像タイトルの文字間のスペースをem単位で指定します。


ライトボックス モードを有効にすると、大きな画像ビューアで画像を開くことができ、より詳細な表示が可能になります。

ライトボックス設定の詳細については、 ここをクリック.


モバイルディスプレイ設定

  1. 次のように表示: ギャラリーを 画像スライダーまたはモバイル ビューのグリッド モード。 
  2. グリッド列: からお選びいただけます 1 列または 2 列のビュー モバイル ビューでのグリッド表示用。
  3. グリッドガター: をセットする  間隔 画像間の モバイルビュー.

最後に、 Save (4) 変更。


ウォーターマークオプション

創造的な作品を保護し、ブランド アイデンティティを維持するために、画像に透かしを簡単に追加できます。

  • セットアップボタンをクリックすると、セットアップが開始されます リストを選択 (1)オプション
  • ドロップダウンが表示され、次から選択できます。 透かしのリスト (2) 作成したもの。
  • 透かしを選択し、 Save (3) 変更。

さらに詳しく 画像の透かしについて。


ギャラリーのレイアウトを変更するには:

  • セットアップボタンをクリックすると、セットアップが開始されます ギャラリーの編集 (1)ボタン。

  • 選択する レイアウト (2) タブ、および レイアウトを選択 (3) デスクトップビューの場合。
  • Save (4) お客様の変更。


お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。