フォトギャラリーの設置と設定方法

パタパタギャラリー for Jimdo では、Jimdoの基本機能である「フォトギャラリー」機能をそのまま使って、色々な動きを表現することが出来ます。

※スクリプトは弊社で設置します。

1.フォトギャラリーに画像を入れる

1.[コンテンツを追加]から[フォトギャラリー]を選択
1.[コンテンツを追加]から[フォトギャラリー]を選択

2.ここへ任意の画像をドラッグ&ドロップ、またはクリックして任意のフォルダから使用画像を選択
2.ここへ任意の画像をドラッグ&ドロップ、またはクリックして任意のフォルダから使用画像を選択

2.画像の比率を6:4にする


レスポンシブ対応にするにはPCやタブレット、スマートフォンなど、どんなサイズのディスプレイでも見やすく表示させたいですよね。

そのためこのサイトで提供しているスライダーは画像比率を6対4で最適化しています。

※機能の都合上それ以外の比率では正しく動作しない物もあります。

※基本的に画像サイズの変更は可能ですが、スライダーの種類によっては対応不可のものもあります。

6:4の画像を用意する方法

①Illustratorやcanvaなど、画像編集ソフトで6:4のサイズで画像を作る。

…画像編集ソフトが使える方は、画像を6:4の比率で作成してください。

②Jimdoの管理画面内で画像を6:4に切り抜く。

…画像編集ソフトをお持ちでない方は、Jimdoの機能でも画像を編集できるのでご安心ください。この機能は「切り抜き」なのではみ出た部分は削除されます。

1.ギャラリー機能に入れた画像にマウスカーソルを合わせると[画像を編集]マークが表示されるのでクリック。
1.ギャラリー機能に入れた画像にマウスカーソルを合わせると[画像を編集]マークが表示されるのでクリック。

2.[切り抜き]をクリック
2.[切り抜き]をクリック

3.[6:4]をクリック。
3.[6:4]をクリック。

※[6:4]を選択すると四隅に白い〇が出ます。それを移動させると、切り抜き位置を好きな場所に設定できます。
※[6:4]を選択すると四隅に白い〇が出ます。それを移動させると、切り抜き位置を好きな場所に設定できます。

3.フォトギャラリーの設定を変更

ギャラリーを以下のように設定してください。

縦並び、列数=1、余白=0、拡大表示なし。

そうすると自動的に設定した動きになります。動きは管理画面ではなく閲覧でご確認ください。