Description

Responsive Image and video Galleryプラグインは、どのウェブサイトにとっても非常に重要なツールです。 ユーザーのほとんどは、彼らのウェブサイト上でギャラリーを持っています。 私たちのプラグインは、あなたのギャラリーを素晴らしいビューとアニメーション効果で表示することができますので、私たちのプラグインを試してみる必要があります。
私たちは、あなたが好きになるような様々な標準およびキャンバスアニメーションを持っています。 あなたは、独自のデザインを作成し、あなたのスタイルを作ることができます。 我々は、あなたが私たちのプラグインを好きになることを確信しています。

View our plugin Demo pages:

• Demo
• Views Demo

私たちのプラグインには多くの無料およびプレミアムの機能がありますので、そのいくつかを紹介しましょう。

無料版の特徴

• 完全なレスポンシブ対応
• 便利で使いやすい管理画面
• すべてのモダンブラウザでテスト済み
• すべてのバージョンのWordPressで完璧に動作する
• ギャラリーを無制限に作成することができます。 アルバムや画像を無制限に作成することができます
• 画像の名前や説明を変更することができます
• ポップアップオーバーレイの背景色や不透明度を変更することができます。 不透明度
• 位置
• ボーダーの幅
• ボーダーの色
• ボーダーの不透明度と半径
• コントロールバーのアイコンサイズ
• コントロールバーの高さ
• ディスクリプション 説明パネルの設定
• 説明パネルのテキストと背景色
• 説明パネルの不透明度
• 説明パネルのホバーオプション
• 前と次のアイコン。 アイコンの色。 アイコンのサイズ、アイコンの位置
• スライドの一時停止時間
• 無制限のテーマを作成する能力
• アルバム画像のサイズとテキストオプションを変更する能力
• 一般画像のサイズとテキストオプションを変更する能力
• ページ内の要素数を変更する能力
• 列数を設定する能力
• ページネーションパネルの高さを設定する能力
• ページネーションパネルの高さを設定する能力
• li ページネーションパネルの高さを設定する機能
• ページネーションパネルの背景オプションを変更する機能
• 画像サムネイルのクロッピングの幅と高さを設定する機能
• クロッピングの最大幅と高さを設定する機能
• 人気のあるWordPressテーマでテスト済み

無料版をPro版にアップグレードすることで、いくつかの素晴らしい機能を追加することができます。

Proバージョンの機能

• 8つの素晴らしいビュー
• 5つの標準的なアニメーション効果
• 27のキャンバスアニメーション効果
• スライドアニメーションの時間を設定することができます
• ポップアップデザインの設定を変更することができます
• コントロールバーのデザイン設定、位置、アイコンのデザイン。
• 外付けアイコンの設定
• サムネイルラインの設定
• サムネイル画像の設定
• 完全にカスタマイズ可能なデザイン
• プレミアムサポート

以上が私たちのプラグインの設定リストでしたが、より詳しく見るためには、デモを試したり、自分でギャラリーを作成する必要があります。

Fully Responsive

私たちのプラグインは、WordPressで利用可能な最も応答性の高いギャラリーの一つです。

27 Canvas animation effects

あなたが好きになるような素敵でユニークなキャンバスエフェクトを用意しました。

Fully customizable design

ほとんどすべての要素のデザインを設定することができるので、プラグインのデザインはあなたのウェブサイトのデザインにフィットします。

Square view

Square viewはとてもシンプルで素敵なビューです。

Masonry view

Masonry viewは、最も人気のあるビューです。

Mosaic view

Mosaic viewは最も人気のあるビューの一つです。

サムネイル表示

サムネイル表示では、画像のサイズは自動的に変更され、同じ幅と高さになります。

コラムビュー

このビューは、ギャラリー、アルバム、および画像を列ごとに表示します。

Square, Masonry, Mosaic, Thumbnail alternative view

Alternative viewも美しいスタイルで、オリジナルのビューとそれほど変わりません

もし私たちのプラグインに何かバグや間違いを見つけたり、質問がある場合は [email protected] までご連絡ください。

このページでは、ギャラリーを作成し、あなたのウェブサイトの投稿/ページに挿入する方法についての詳細な情報を提供します。

まず、管理パネルのトリミング設定ページに行き、写真のトリミングパラメータを設定します。

ギャラリーページ

当社のプラグインをインストールし、WordPress の管理パネルからメインページに移動すると、当社のプラグインを設定する方法についての詳細な情報が表示されます。 ポップアップは完全にカスタマイズ可能なデザインなので、必要に応じて設定することができます。
以下に、ポップアップのオプションリストといくつかの説明を示します。

全般

画面からの距離 – 画面からの距離を入力してください(真ん中の位置ではありません)
写真が開いたときの回転 – ポップアップが始まったときの回転度合いを入力してください
ポップアップの位置 – 位置を選択してください
ポップアップ開始時の写真の位置 – ポップアップ開始時の位置を選択してください
ポップアップの閉じ方 – 閉じ方を選択してください。 Popup closing type – 閉じるタイプを選択
Popup location – 場所を選択
Popup border width – 境界線の幅を入力
Popup border color – 境界線の色を選択
Popup border opacity – 境界線の不透明度を入力
Popup border radius – 境界線の半径を入力
Popup radius metric type – 半径のメートル法を選択
Minimum photo width – 最小幅を入力してください
ポップアップ開始時の写真の幅 – 開始時の幅を入力してください

説明パネル

説明パネルの背景色 – 説明パネルの背景色を選択してください
説明パネルのホバー時の背景色 – 説明パネルのホバー時の背景色を選択してください
説明パネルの不透明度 – 説明パネルの不透明度を選択してください
説明パネルの不透明度を選択してください。 説明パネルの不透明度を選択する
説明パネルのホバー時の不透明度 – ホバー時の説明パネルの不透明度を選択する
説明パネルのテキストカラー – 説明パネルのテキストカラーを選択する
説明パネルのホバー時のテキストカラー – ホバー時の説明パネルのテキストカラーを選択する
説明パネルのテキストのトップからの距離 – Type
Description Panel Text Distance from top – 説明パネルのテキストの上からの距離
Text Distance from left and right side – 説明パネルのテキストの左右からの距離を入力します
Description Panel Text font size – 説明パネルのテキストのフォントサイズを入力します

Icons general settings

Control bar display settings – コントロールバーの表示、非表示を選択します。
Control bar icons position – コントロールバーのアイコンの位置を選択
Control bar position – コントロールバーの位置を選択
Control bar vertical position – コントロールバーの垂直方向の位置を選択
Control bar background color – コントロールバーの背景色を選択
Control bar icons color – コントロールバーのアイコンの色を選択
Control bar icons color – コントロールバーのアイコンの色を選択
Control bar icons color – コントロールバーのアイコンの色を選択。
Control bar icons on hover color – コントロールバーの色を選択する
Control bar height – コントロールバーの高さを入力する
Control bar icons on hover size changing – ここにカーソルを合わせたときのアイコンの拡大・縮小方法を入力する
Distance between control bar icons – コントロールバーのアイコン間の距離を入力する

Control bar icons – コントロールバーのアイコン間の距離を入力する。
コントロールバーのアイコン

Previous and Next photo icons – 前後のアイコンを選択
Previous and Next photo icons size – 前後のアイコンのサイズを入力
Play icon – 再生アイコンを選択
Pause icon – 一時停止アイコンを選択
Play and Pause icon size – 再生と一時停止のアイコンのサイズを入力
Counter separating symbol –
Counter separating symbol – カウンターを分離する記号を入力
Counter separating symbol size – カウンターを分離する記号のサイズを入力
Close icon – 閉じたアイコンを選択
Close icon size – 閉じたアイコンのサイズを入力

Outside Icons conteiner

Outside Icons distance from screen – 画面からの外のアイコンの距離を入力
Outside Icons パネルの背景色 – 外部のアイコンパネルの背景色を選択してください
Outside Icons panel background opacity – 外部のアイコンパネルの背景の不透明度を選択してください
Outside Icons panel border radius – 外部のアイコンパネルのボーダーの半径を入力してください

Overlay

Overlay background color – オーバーレイの背景色を選択してください
Overlay opacity – オーバーレイの不透明度を選択します

スライドエフェクト

When start slide effect – スライドエフェクトを開始するタイミングを選択します
Slide type – スライドエフェクトの種類を選択します
Standard effects list – 標準的なエフェクトを選択します（5つの標準エフェクト）
Canvas effects list – キャンバスエフェクトを選択します（27のキャンバスエフェクト）

ポップアップの前と次のページ。

Popup Previous and Next icons

Previous and Next icons – 前後のアイコンを選択する
Previous and Next icons color – 前後のアイコンの色を選択する
Previous and Next icons size – 前後のアイコンのサイズを入力する
Previous and Next icons position – 前後のアイコンのポップアップからの距離を入力する。 border

ポップアップのサムネイルライン

サムネイルラインの表示 – サムネイルラインの表示/非表示を選択します
Distance between control bar icons and thumbnail line – コントロールバーのアイコンとサムネイルラインの間の距離を入力します
Thumbnail line width – 幅を選択します
Active thumbnail line height – アクティブなラインの高さを入力します
Thumbnail line color – 色を選択します
Thumbnail 線の色 – 色を選択
アクティブな画像の線の色 – アクティブな線の色を選択
表示されている写真の線の色 – 表示されている線の色を選択
表示されている写真の線の色 – 表示されている線の色を選択

ポップアップのサムネイル画像

幅 – 横幅を入力
高さ – 高さを入力
サムネイルの境界線 – 境界線のサイズを入力
サムネイルの境界線 – 境界線のサイズを入力してください
サムネイルの線と写真の間の距離 – 距離を入力してください
サムネイルの境界線の色 – 境界線の色を入力してください
余白の背景色 – 背景を選択してください
サムネイルの不透明度 – 不透明度を選択してください

サムネイル画像のカウンター

カウンターを表示する – カウンターの表示/非表示を選択してください。
カウンターの幅 – カウンターの幅を入力します
カウンターの高さ – カウンターの高さを入力します
カウンターの背景色 – カウンターの背景色を選択します
カウンターの不透明度 – カウンターの不透明度を選択します
数字のテキストカラー – 数字のテキストカラーを選択します

テーマページ

テーマページでは、テーマを作成または編集することができます。
新しいテーマを作成する必要がある場合は、テーマテキストの右側にある「新規追加」ボタンをクリックしてください。

全般

Count of elements in page – ページ内の要素数を入力します
Image distance type – 距離の種類を選択します(Masonry alternative, Mosaic alternative, Thumbnail alternative viewでのみ機能します)。
Number of max columns – 最大列数を入力してください
Count of added elements(more button) – 追加された要素の数を入力してください
Pagination panel height – ページネーションパネルの高さを入力してください
Main background color – メインの背景色を選択
Main background opacity – メインの背景の不透明度を選択
Pagination type – ページネーションのタイプを選択
Pagination buttons font size – ページネーションボタンのフォントサイズを入力
Pagination buttons background color – ページネーションボタンの背景色を選択
Pagination buttons background color – Active pagination buttons background colorを選択
On hover pagination buttons background color – On hover pagination buttons background colorを選択
Pagination buttons text color – pagination buttons text colorを選択
Active pagination buttons text color – Active pagination buttons text colorを選択
On hover pagination buttons text color – On hover pagination buttons text colorを選択
Show ordered type on front end – Choose
Show ordering type on front end – フロントエンドに注文タイプを表示するかどうかを選択します
When text hover should work – テキストのホバーが動作するタイミングを選択します
Elements on hover animation speed – ホバーのアニメーションのスピードを設定します

画像の設定

Width – 幅を設定します
Height – 高さを設定します。
Distance between photos – 写真間の距離を入力
Zoom on hover – ホバー時のズームを入力
Rotation on hover – ホバー時の回転を入力
Opacity – 不透明度を選択
On hover opacity – ホバー時の不透明度を選択
Border size – タイプ ボーダーのサイズ
Border color – ボーダーの色を選択
Border opacity – ボーダーの不透明度を選択
Border on hover color – ボーダーの色を選択
Border on hover opacity – ボーダーの不透明度を選択
Border radius – ボーダーの半径を入力 radius
Border on hover radius – ホバー時のボーダーの半径を入力
Shadow color – シャドウの色を選択
Shadow on hover color – ホバー時のシャドウの色を選択
Horizontal shadow – 水平方向のシャドウを入力
Horizontal on hover shadow – ホバー時の水平方向のシャドウを入力
Vertical shadow – 垂直方向の影を入力
Vertical on hover shadow – 垂直方向の影を入力
Shadow blur – 影のぼかしを入力
Shadow on hover blur – 影のぼかしを入力
Separate shadow – 分離した影を入力
On hover separate shadow – オンホバーのセパレートシャドウを入力
Shadow opacity – シャドウの不透明度を選択
Shadow on hover opacity – オンホバーのシャドウの不透明度を選択
Shadow type – シャドウのタイプを選択
Shadow on hover type – オンホバーのシャドウのタイプを選択。 シャドーの種類を選択
Text padding – テキストのパディングを入力
Text font size – テキストのフォントサイズを入力
Text on hover font size – ホバー時のテキストのフォントサイズを入力
Text color – テキストの色を選択
Text on hover color – ホバー時のテキストの色を選択。
Text opacity – テキストの不透明度を選択
Text on hover opacity – ホバー時のテキストの不透明度を選択
Text shadow color – テキストの影の色を選択
Text on hover shadow color – ホバー時のテキストの影の色を選択
Text shadow blur – Type
Text shadow blur – タイプする
Text on hover shadow blur – タイプする
Text shadow opacity – テキストのシャドウの不透明度を選択する
Text shadow on hover opacity – テキストのシャドウの不透明度を選択する
Text panel background color – 選択する。
テキスト・パネルの背景色 – ホバー時のテキスト・パネルの背景色を選択
テキスト・パネルの背景の不透明度 – テキスト・パネルの背景の不透明度を選択
テキスト・パネルの背景色 – ホバー時のテキスト・パネルの背景色を選択 背景色

アルバムの設定

写真の幅 – 幅を入力してください
写真の高さ – 高さを入力してください
アルバム間の距離 – 距離を入力してください
アルバムウィンドウ内のフォルダーサイズ – アルバムウィンドウ内のフォルダーサイズを選択してください
不透明度 – 不透明度を選択してください。 不透明度を選択
On hover opacity – ホバー時の不透明度を選択
Background color – 背景色を選択
On hover background color – ホバー時の背景色を選択
Background opacity – 背景の不透明度を選択
On hover background opacity – ホバー時の背景の不透明度を選択。
Border size – Type border size
Border color – border color
On hover border color – Select on hover border color
Border opacity – Select border opacity
On hover border opacity – Select on hover border opacity
Border radius – ボーダーの半径を入力
On hover border radius – ホバー時のボーダーの半径を入力
Shadow color – シャドーの色を選択
On hover shadow color – ホバー時のシャドーの色を選択
Horizontal shadow – 水平方向のシャドーを入力
On hover horizontal shadow – ホバー時の水平方向のシャドーを入力。
Vertical shadow – 垂直方向の影を設定
On hover vertical shadow – オンホバーの垂直方向の影を設定
Shadow blur – 影のぼかしを設定
On hover shadow blur – オンホバーの影のぼかしを設定
Separate shadow – 分離した影を設定 shadow
On hover separate shadow – Type on hover separate shadow
Shadow opacity – Shadow opacityを選択
On hover shadow opacity – On hover shadow opacityを選択
Shadow type – Shadow typeを選択
On hover shadow type – On hover shadow typeを選択
Text padding – テキストのパディングを指定
Text font size – テキストのフォントサイズを指定
On hover text font size – ホバー時のテキストのフォントサイズを指定
Text color – テキストの色を指定
On hover text color – ホバー時のテキストの色を指定
Text opacity – テキストの不透明度を指定
On ホバーテキストの不透明度 – ホバーテキストの不透明度を選択
Text shadow color – テキストの影の色を選択
On hover text shadow color – ホバーテキストの影の色を選択
Text shadow blur – テキストの影のぼかしを入力
On hover text shadow blur – ホバーテキストの影のぼかしを入力 Shadow blur
Text shadow opacity – テキストの影の不透明度を選択
On hover text shadow opacity – ホバー時のテキストの影の不透明度を選択
Number of albums to show before clicking more button – Moreボタンをクリックする前に表示するアルバムの数を入力（moreボタンを選択した場合のみ動作します。

Gallery settings

Pictures width – 幅を入力
Pictures height – 高さを入力
Distance between galleries – 距離を入力
Folder size inside window – ウィンドウ内のフォルダサイズを選択
Opacity – 選択した opacity
On hover opacity – ホバー時の不透明度を選択
Background color – 背景色を選択
Folder background color – フォルダの背景色を選択
On hover background color – ホバー時の背景色を選択
Background opacity – 不透明度を選択 背景の不透明度
On hover background opacity – ホバー時の背景の不透明度を選択
Border size – ボーダーのサイズを入力
Border color – ボーダーの色を選択
On hover border color – ホバー時のボーダーの色を選択
Border opacity – ボーダーの不透明度を選択
On Border opacity – 境界線の不透明度を選択
Border radius – 境界線の半径を入力
On hover border radius – 境界線の半径を入力
Shadow color – 影の色を選択
On hover shadow color – 境界線の色を選択
Horizontal shadow – 水平方向のシャドウを選択
ホバー時に水平方向のシャドウを選択
垂直方向のシャドウを選択
ホバー時に垂直方向のシャドウを選択
シャドウのぼかし – シャドウのぼかしを選択
ホバー時にシャドウのぼかしを選択
ホバー時にシャドウのぼかしを選択。 ホバーシャドウブラー
Separate shadow – セパレートシャドウを選択
On hover separate shadow – ホバーでセパレートシャドウを選択
Shadow opacity – シャドウの不透明度を選択
On hover shadow opacity – ホバーでシャドウの不透明度を選択
Shadow type – シャドウのタイプを選択
On ホバーシャドウタイプ – ホバーシャドウタイプを選択
Text padding – テキストのパディングを設定
Text font size – テキストのフォントサイズを設定
On hover text font size – ホバー時のテキストのフォントサイズを設定
Text color – テキストの色を設定
On hover text color – ホバー時のテキストの色を設定
Text opacity – テキストの不透明度を選択
On hover text opacity – ホバー時のテキストの不透明度を選択
Text shadow color – テキストの影の色を選択
On hover text shadow color – ホバー時のテキストの影の色を選択
Text shadow blur – テキストの影をタイプします。 blur
On hover text shadow blur – Type on hover text shadow blur
Text shadow opacity – Select text shadow opacity
On hover text shadow opacity – Select on hover text shadow opacity

Cropping page

すべての画像のクロッピングパラメーターを設定できます。

Thumbnails cropping width – ここにサムネイルの幅を入力します。このパラメータを設定した後、サムネイルの幅がクロップされます
Thumbnails cropping height – ここにサムネイルの高さを入力します。