Droppics :ギャラリー

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


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

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

クリックしてメインのDroppicsライトボックスを開きます。

 

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

 

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

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

 

新しいギャラリー

 

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


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

 

画像をアップロードする

 

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

 

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

 

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


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

 

dragndrop-image-order

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

 

insert-gallery-content


 
ギャラリーはあなたの記事の中で具体化します Droppicsアイコン.

 

ギャラリー具体化

 

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

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

 

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

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

 

2 。 サブギャラリー

Droppicsマルチレベルのギャラリーを管理できます。 ギャラリーのサブレベルを追加するには、画像カテゴリをドラッグアンドドロップして、レベルをソートまたは変更します。

 

注文画像ギャラリー

 

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

 

サブギャラリー

 

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

 

設定サブギャラリー

 

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

 

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

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

 

フォールバックカテゴリ

 

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

 

close-image-category

 

2 。 コピー-カット-画像の貼り付け

画像がDroppicsにアップロードされたら、その画像をクリックして、単一または複数の選択を行うことができます。 Ctrlキーを押し続けると、複数の画像を選択できます。 画像を移動またはコピーする最初の方法は、ドラッグアンドドロップを使用することです。 ドラッグアンドドロップだけで画像が移動し、Shiftキーを押しながらドラッグアンドドロップすると画像がコピーされます。

 

ドラッグドロップ画像

 

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

 

コピー貼り付けボタン