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

Droppics:ギャラリー

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


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


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

 

それをクリックして、メインのDroppicsライトボックスを開きます。 次に、[このギャラリーを挿入]ボタンをクリックして、選択したギャラリーを記事に挿入できます。

 

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

 

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

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

 

新しいギャラリー

 

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


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

 

画像をアップロードする

 

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

 

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

 

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


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

 

dragndrop-image-order

記事にギャラリーを挿入するには、右側の列にある[ このギャラリー挿入]ボタンをクリックします

 

insert-gallery-content


 
ギャラリーはDroppicsアイコンであなたの記事に具体化されます。

 

ギャラリー具体化

 

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

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

 

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

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

 

3.サブギャラリー

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

 

注文画像ギャラリー

 

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

 

サブギャラリー

 

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

 

設定サブギャラリー

 

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

 



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

 

フォールバックカテゴリ

 

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

 

close-image-category

 

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

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

 

ドラッグドロップ画像

 

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

 

コピー貼り付けボタン