メイン コンテンツにスキップ

Droppics: ギャラリー

Droppics の基本的なアイデアは、コンポーネント内で画像とギャラリーのパラメータを設定し、エディターから直接管理することです。Droppics Droppics 、フロントエンドとバックエンドの両方で、Joomlaの標準WYSIWYGエディターで動作します。例えば、カスタムJoomlaモジュールにギャラリーを追加できます。
 


Droppics がインストールされると、エディターの下またはエディター内にエディター プラグイン ボタンが表示されます (使用しているエディターによって異なります)。


 エディターギャラリーマネージャー

 

クリックするとDroppics 「このギャラリーを挿入」をクリックすると、選択したギャラリーが記事に挿入されます。

 

ライトボックスギャラリー

 

2. ギャラリーの管理

ギャラリーを作成するには、左側の列の[新しいアルバム]

 

新しいギャラリー

 

注:デフォルトのギャラリーはコンポーネントのインストール時にすでに作成されています。


ギャラリーに新しい画像を追加するには、中央部のメディアをドラッグアンドドロップしたり、 [ファイル]ボタンをクリックしたりできます。

 

画像をアップロードする

 

ユーザーが画像をアップロード、注文、移動、削除、または編集すると、右上に通知ポップアップが表示されます。

 

通知ポップアップファイル

 

アップロードする画像を1つ以上選択してください。 アップローダーはHTML5を使用しているため、大きな画像を送信できます。 それらは、グローバルパラメータで定義されたサイズ(デフォルトは1200px)に自動的にサイズ変更されます。


アップロードした画像をドラッグアンドドロップで並べ替えることができます。 注文は自動的に保存されるため、保存するボタンはありません

 

dragndrop-image-order

 

記事にギャラリーを挿入するには、右の列にこのギャラリーボタンを挿入する

 

insert-gallery-content


 
ギャラリーは、 Droppicsアイコン

 

ギャラリー具体化

 

コンテンツを保存すれば完了です。最初のギャラリーがオンラインになりました!記事内の Droppics ギャラリー画像をクリックし、 Droppics ボタンをクリックすると、選択したギャラリーがリロードされます。

注:設定で有効にすると、右側のメニューから各ギャラリーの表示パラメータを設定できます。

 

デフォルトのテーマでは、以下を定義できます。

  • ボーダーサイズ
  • 境界半径
  • ボーダの色
  • 画像の影の色とサイズ
  • 左マージン、上マージン、右マージン、下マージン
  • サブギャラリーをロードするかどうか
  • トランジションの遅延、効果など、いくつかの追加パラメーターがスライドショーのテーマで利用可能です...

 

3.サブギャラリー

Droppics では、複数階層のギャラリーを管理できます。ギャラリーにサブ階層を追加するには、画像カテゴリをドラッグ&ドロップして並べ替えたり、階層を変更したりできます。

 

注文画像ギャラリー

 

サブギャラリーナビゲーションをアクティブにするには、右側のメニューから親カテゴリのパラメーターを設定する必要があります。

 

サブギャラリー

 

グローバル構成からギャラリー設定とセットアップを無効にした場合は、メニューの「コンポーネント」> Droppics 」>「オプション」>「セットアップするテーマを選択」を

 

設定サブギャラリー

 

サブギャラリーがあるので、フロントエンドでそれらをナビゲートできます。 すべてのサブギャラリーでナビゲーションサムネイルが自動生成されます。

 



 
サブギャラリー-フロントエンドサブギャラリーのサムネイルは、画像カテゴリの最初の画像を使用して自動的に生成されます。 [オプション]>[メインパラメータから戻るボタンとして使用する画像を選択することもできます。

 

フォールバックカテゴリ

 

ギャラリーレベルのデフォルト状態は、管理画面のグローバルオプションで設定できます。Droppics Droppics 開く際、すべての画像カテゴリーを開いた状態、または閉じた状態に設定します。ギャラリーの数が多い場合は、スペースを節約できます。

 

close-image-category

 

5. 画像のコピー、切り取り、貼り付け

Droppicsに写真をアップロードしたら、クリックすることで1枚または複数枚を選択できます。Ctrlキーを押しながら複数の写真を選択することもできます。写真を移動またはコピーする最初の方法は、ドラッグ&ドロップです。ドラッグ&ドロップのみでは写真が移動し、Shiftキーを押しながらドラッグ&ドロップすると写真がコピーされます。

 

ドラッグドロップ画像

 

右上のボタンを使用することもできます。

 

コピー貼り付けボタン