メインコンテンツへ移動

Droppics: ギャラリー

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


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


 編集者-ギャラリー-マネージャー

 

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

 

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

 

2. ギャラリーを管理する

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

 

新しいギャラリー

 

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


 ギャラリーに新しい画像を追加するには、中央部分にメディアをドラッグ アンド ドロップするか、 「ファイルの選択」 ボタンをクリックします。

 

画像をアップロード

 

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

 

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

 

画像を1枚または複数枚選択してアップロードしてください。アップローダーはHTML5を採用しているため、大きな画像でも送信できます。画像はグローバルパラメータで定義されたサイズ(デフォルトは1200ピクセル)に自動的に調整されます。.


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

 

ドラッグアンドドロップ画像の順序

 

記事にギャラリーを挿入するには、 「このギャラリーを挿入」 右側の列にある

 

ギャラリーコンテンツを挿入


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

 

ギャラリー化された

 

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

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

 

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

  • 境界線のサイズ
  • 境界半径
  • 境界線の色
  • 画像の影の色とサイズ
  • 左余白、上余白、右余白、下余白
  • サブギャラリーを読み込むかどうか
  • スライドショー テーマでは、トランジションの遅延、効果など、いくつかの追加パラメータが使用できます。.

 

3. サブギャラリー

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

 

注文画像ギャラリー

 

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

 

サブギャラリー

 

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

 

設定-サブギャラリー

 

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

 

サブギャラリー-フロントエンド
 

サブギャラリーのサムネイルは、画像カテゴリ内の最初の画像を使用して自動的に生成されます。サブギャラリーに入った後は、 「オプション」>「メインパラメータ」 メニューから、戻るボタンとして使用する画像を選択することもできます。

 

フォールバックカテゴリ

 

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

 

画像カテゴリを閉じる

 

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

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

 

ドラッグ&ドロップ画像

 

右上のボタンも使用できます。.

 

コピー&ペーストボタン