Droppicsのドキュメント

 

前書き

Droppicsは、Joomlaの拡張機能で、ギャラリーを生成し、スマートで生産的な方法で画像を管理するために使用されます。

 

Droppicsメイン

主な特徴:

  • わずか3クリックでライトボックス付きのギャラリーを作成する
  • エディタとフロントエンドでDroppicsを使用します。
  • 画像間で動画を管理する
  • AJAXマルチアップロード
  • アップロード時のサムネイル生成
  • CSSなしで表示のカスタマイズ
  • オリジナルサイズとカスタムサイズから画像を再生成
  • ギャラリーデザインテーマが含まれています
  • マルチレベルギャラリー
  • ドラッグアンドドロップで画像やギャラリーを注文する
  • SEO最適化

 

I. DROPPICSのインストール

1.1インストール

私たちのコンポーネントはJoomla 3.xと互換性があります。 すべての機能とサードパーティの統合はすべてのメンバーシップに含まれています。
私たちのコンポーネントをインストールするには、.zipファイルをダウンロードして標準のJoomlaインストーラを使用する必要があります。

 

joomla-install

 

それからBrowse> Upload&Installボタンをクリックしてください。 コンポーネント、モジュール、プラグインがデフォルトでインストールされ有効になります。

 

1.2更新と自動更新

拡張子を更新するには、JoomUnitedから.zipファイルをダウンロードすることによって古いバージョンの上に新しいバージョンをインストールすることができます。 自動アップデータを使う (推奨)

 

droppicアップデート

 

更新通知をプッシュする自動アップデータは、インストールしたJoomlaエクステンションに埋め込まれています。 ダッシュボードの他の拡張子と同じように通知されるか、メニューを使用して手動で確認できます。 「拡張機能」>「管理」>「更新」メニュー

 

アカウントにログインして更新します

JoomUnited Joomla拡張機能をすべて更新するには、JoomUnitedアカウントにログインする必要があります。 ログインするには、コンポーネントのメイン設定にアクセスしてから、をクリックします。 ライブアップデートタブ。 一番下には、ログインボタンがあります。

 

ライブアップデート

 

www.joomunited.comへのログインに使用したものと同じJoomUnited認証情報を入力してください。

 

ログイン統合

 

ボタンがオレンジ色に変わります - おめでとうございます。 これで、このWebサイト上のすべてのJoomUnited拡張機能を更新することができます。 会員の有効期限が切れている場合は、更新リンクとそれを説明するテキストが表示されます。

 

アカウントにリンク

 

注:1回のログインで、JoomUnitedのすべての拡張機能を更新できます(メンバーシップに関して)。 切断しない限り、ログインは期限切れになりません。

II。 DROPPICSギャラリー

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


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

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

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

 

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

 

2.2ギャラリーを管理する

ギャラリーを作成するには、をクリックしてください。 新しいアルバム 左側の列にあります。

 

新ギャラリー

 

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


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

 

画像をアップロードする

 

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

 

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

 

アップロードする画像を1つまたは複数選択してください。 アップローダはHTML5で動くので、大きな画像を送ることができます。 それらは、グローバルパラメータで定義されたサイズに自動的にサイズ変更されます(デフォルトは1200ピクセル)。


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

dragndrop-image-order

あなたの記事にギャラリーを挿入するには、をクリックしてください。 このギャラリーを挿入 右側の列のボタン

 

insert-gallery-content


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

 

ギャラリーマテリアライズ

 

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

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

 

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

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

 

2.3サブギャラリー

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

 

注文画像ギャラリー

 

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

 

サブギャラリー

 

ギャラリー設定を無効にしてグローバル設定から設定した場合は、メニューを使用してください。 コンポーネント> Droppics>オプション>設定するテーマを選択.

 

設定サブディレクトリ

 

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

 

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

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

 

代替カテゴリ

 

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

 

画像カテゴリに近い

 

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

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

 

ドラッグアンドドロップ画像

 

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

 

コピー&ペーストボタン

 

III。 シングル画像管理


3.1単一画像表示オプション

Droppicsを使用すると、ギャラリーで同じ画像を使用したり、コンテンツで単一の画像として使用することができます。 Droppicsを開いて画像をクリックすると、右側のパネルが変わります。 上部から、あなたは定義することができます:

  • ボーダー半径
  • マージン
  • ボーダーサイズ
  • ボーダの色
  • シャドウサイズ
  • 影の色
  • アライメント

 

image-parameter1

 

変更が終わったら、必ずsaveを押してください。

これらのパラメータはすべて、コンポーネントオプションのすべての画像に対してデフォルトで設定できます。

 

単一ファイルパラメータ

 

次に、オプションの外部リンクとキャプション(画像の下のテキスト)を使用して、画像クリックに対するアクションを定義できます。

 

image-parameter2

 

クリック時のアクションは、ユーザーが以下のことを行うかどうかを決定します。

  • ライトボックスで画像を開く
  • 記事やメニューへのリンクをたどる
  • カスタムURLへのリンクをたどる
  • 何もしない
  • 画像の下のキャプションを参照してください

チェックボックスオプション「ギャラリービューでカスタムリンクをたどる」は単一の画像にリンクの動作を追加しますが、コンテンツにギャラリー全体を挿入した場合はギャラリービューでも機能します。 この機能はポートフォリオページによく使用されます。

メニューや記事へのリンクは、リスト内でコンテンツを見つけやすくするためのツールによって完成しています。

 

画像リンクギャラリー

 

単一の画像をクリックすると、JoomlaのWebサイト全体で画像を置き換えることができます。 新しいものをアップロードすると、Droppicsはカスタムサイズを含むすべての画像サイズを再生成し、コンテンツに置き換えます。

 

画像置換

 

有効にした場合 画像プレビュー 設定のパラメータ、マウスホバーイメージエフェクトをアクティブにすることもできます。

 

ホバー画像

 

アップロードプロセスも同様です。

 

アップロード処理

 

3.2カスタム画像サイズを作成する

オリジナルファイルを使用してカスタムサイズのイメージを作成すると、オリジナルイメージはそのまま残ります。 クリックしてください 新しいサイズ ラジオボタンで、新しい画像を生成するための幅とファイル名を少なくとも定義します。 画像ファイルの新しい名前とサイズがリストに追加されます。

 

カスタムサイズ

 

カスタム画像サイズはアップロード時に自動的に生成することもできます。 カスタムサイズを定義するには、メニューを使用します。 コンポーネント> Droppics>オプション> 1枚の画像>カスタムサイズ

次に、アップロード時にデフォルトで作成したいカスタムサイズの画像を追加できます。

 

カスタムサイズの画像

 

カスタム画像が生成されると、画像リストに表示されます。 それからクリックしてください この写真を挿入 記事に追加する。

 

コンテンツインイメージ
 
画像をクリックすると Droppics ボタンをクリックすると、画像はすべてのパラメータを使用して再度開きます。

 

再オープンイメージ

 

SEOの目的のためには、タイトル、代替テキストを定義し、元のファイル名を変更することができます。

 

seo-image-info

 

3.3画像への効果の適用

画像にフィルタや効果を適用できます。 画像サイズの右側にあるをクリックします。 「編集」ペンアイコン.

 

オープン効果

 

あなたは効果を画面に表示されます。

 

画像効果ビュー


 
修正や効果を適用することができます。

  • 切り抜き
  • リサイズ
  • 回転させる
  • いくつかのスタイリング効果を適用する

 

IV。 DROPPICSパラメータ


4.1拡張パラメータ


Droppicsパラメータにアクセスするには、 コンポーネント> Droppics>オプション メニュー。

 

グローバルパラメータ

 

  • サムネイルのサイズ: 画像のインポート時に生成されるか、ギャラリー内に単一の画像として表示されるすべてのサムネイルのサイズ
  • ミディアムサイズ: ライトボックスで使用される拡大画像のサイズ、例えば
  • 元のアップロードサイズ: 新しいサイズを生成するために使用される、サーバーに保存されている元の画像のサイズ
  • レスポンシブ画像:モバイルデバイスの画面にロードされる幅768ピクセルと300ピクセルの2つの新しい画像サイズを生成できるようにします。
  • ライトボックスのタイトルを表示: ライトボックスで画像を開いたときに画像のタイトルを表示する
  • ライトボックスの画像サイズ: 写真のサイズはライトボックスに表示されます。 あなたが選ぶなら あなたが前にそれをしたことがないなら、そのフォルダーのために写真を再生成することを忘れないでください
  • JPGの品質: あなたの.jpg画像の品質を設定する
  • PNG圧縮 アップロード時に画像を圧縮したい場合に使用してください

 

クロップオプション

  • 画像トリミング: 最初に定義したサイズに基づいてアップロード時に画像をトリミングできます。それ以外の場合は画像の比率が考慮されます。
  • カテゴリを閉じる: 管理カテゴリ/サブカテゴリビューを開くまたは閉じる
  • 無限スクロールオプションを定義します。 ページ読み込み時のすべての画像ではなく、徐々に画像を読み込む
  • 最初に読み込まれた要素 最初にロードされた要素数
  • ajaxにロードされた要素: ajaxにロードされた要素の数
  • カテゴリにテーマをロード: 各ファイルカテゴリのテーマパラメータを読み込んで変更する
注意:画像サイズを変更したり、レスポンシブ機能を有効にしたりする場合は、 サムネイル再生 ボタンをクリックして、すべての画像サイズを再生成してください。

 

サムネイル再生

画像の数によってはしばらく時間がかかることがあります。

4.2許可とフロントエンドの画像管理


DroppicsはJoomlaのデフォルトACLを使用して画像管理へのアクセスを設定します。 デフォルトでは、スーパー管理者ユーザーは常にすべてのギャラリーにアクセスできます。
 
あるユーザーのアクセスを制限する必要がある場合は、少なくともそれらを管理者グループに入れるか、または新しいJoomlaユーザーグループを作成してください。 たとえば、管理者ユーザーに 自分の画像だけにアクセスして編集する、セット 「拒否」への「編集」権限および「許可」への「自分自身の編集」権限。 次のことも制限できます。

  • Droppics構成アクセス
  • インターフェースアクセス
  • 画像/ギャラリー作成
  • 画像/ギャラリーの削除
  • 編集/自ファイル編集

 

droppics許可

Droppicsには、(管理者側と同様に)エディタボタンを使用するか、専用のインタフェースを使用してフロントエンドから画像を管理するオプションがあります。 Droppicsをインストールするときに、それを実行するためのテンプレートが追加されます。
Joomlaのメニューを使ってフロントエンドにDroppicsをロードします。 当然、設定したすべての権限は尊重されます。

Joomlaメニューを追加して Droppicsフロントエンドテンプレートスタイル.

 

droppicsメニュー

 

その後、許可されていれば、Webサイトのフロントエンドから画像を管理できます。

 

フロントエンドイメージ版

 

4.3テーマと画像設定

Droppicsを使用すると、テーマおよび画像パラメータを各画像および画像カテゴリで定義することも、グローバル設定としてのみ定義することもできます。

 

load-theme-parameters

 

画像カテゴリで変更を許可しない場合は、グローバル設定のすべてのテーマ設定が適用されます。

 

テーマ設定

 

これは、画像カテゴリで許可されているテーマ設定と許可されていないテーマ設定の図です。 2番目の図では、テーマを切り替えることはできますが、テーマ設定を変更することはできません。

 

テーマオプション

 

4.4リモートビデオ

Droppicsは、Youtube、Vimeo、Dailymotionからのリモートビデオを画像に含めることができます。 このオプションを有効にするには コンポーネント> Droppics>オプション>リモートビデオの追加 メニュー。
ビデオが単一のビデオとして追加されたとき、またはライトボックスにロードされたときのビデオのデフォルトの幅を定義することもできます。

 

リモートビデオ

この設定を有効にすると、アップロードボタンの上にボタンが追加されます。

 

リモートビデオを追加

 

あなたが追加する必要がある唯一のものはビデオのURLです。

 

リモートビデオの追加URL

 

4.5 Droppics画像インポーター

Droppicsには、サーバーから画像を参照およびインポートできるメディアインポーターがあります。 オプションを有効にするには、 コンポーネント> Droppics>オプション>メインパラメータタブ>画像インポートパラメータを表示.

 

画像インポート

 

次に、Droppicsメインインターフェイスを使用してメディアを選択し、必要なカテゴリにインポートします。

 

輸入者選択

 

4.6画像の透かし

Droppicsはあなたの画像に自動的に透かし(著作権)を付けることができます。 まず、有効にする必要があります 画像の透かし コンポーネント設定からの機能。

 

透かしを有効にする

 

それからあなたのイメージの上に適用するために透かしイメージを選んでください - それはどんなイメージでも構いませんが、寸法に注意を払います。

 

透かしの選択

 

あなたが透かしを置くことができる5つの位置があります:

  • センター
  • 左下の
  • 右下
  • 右上
  • 左上

 

透かし位置

 

透かしが適用されるときに考えられるサイズは次のとおりです。

  • 全サイズ
  • サムネイル
  • カスタムサイズ

注意: 透かしは、設定を保存してサムネイルを再生成した後でのみ適用されます([サムネイルの再生成]ボタンをクリックします)。

 

画像透かし

 

V. DROPPICSテーマ

5.1テーマ発表


Droppicsには6つのテーマがあります。

  • デフォルトテーマ
  • Masonryテーマ:これは、フォトウォールを表示するレスポンシブテーマです。
  • 画像カルーセルを表示するためのスライドショーテーマ
  • ポラロイド風のデザインテーマ
  • ヒープショットのテーマは、写真を切り替えるのに効果的な写真のスタックです。
  • 画像上のカスタムテキストエディタを使用したカスタムの高度なスライドショーのテーマ

 

gallery-theme-image-params

 

 


テーマをギャラリーに適用すると、テーマ関連のオプションを単一の画像に設定できる場合があります。 たとえば、ここではギャラリーのテーマを高度なスライドショーとして設定したので、画像の上にテキストを追加することができます。

 

カスタムスライドショーテーマ


masonryテーマでは、画像の最大幅を設定できます。

 

masonry構成

 

VI。 DROPPICSのヒントとコツ

Droppicsは、すべてのWYSIWYGエディタフィールドで使用されるように構築されています - あなたは、コンテンツプラグインを呼び出す必要があるだけです。 ほとんどの場合、デフォルトで有効になっています。
これはJoomlaカスタムHTMLモジュールの場合ではないことに注意してください - あなたは上のようにそれをアクティブにする必要があります。

 

カスタムモジュール

 

オプションタブでは、設定する必要があります optionはいにコンテンツを準備する.

 

6.2 Droppicsテーマを作成/上書きする

テーマをカスタマイズしてDroppicsに追加できます。 標準のMVCオーバーライドではなく、Joomlaのデフォルトプラグインシステムを使います。
Droppicsテーマはプラグインであり、それらは/ plugins / droppicsフォルダーにあります。

新しいプラグインを作成するには、1つのプラグインをコピーしてプラグインの名前を変更する必要があります(pluginname.xmlとプラグインのクラス名)。
それから標準のJoomlaインストーラを通してそれをインストールしてください。 それはテーマのリストに表示されるはずです。 これで、このテーマに必要なすべての変更を加えることができ、それは更新による影響を受けません。

 

すぐに、DROPEDITOR4RD周年記念スーパーセール!
Dropfiles、Droppics、Droptablesおよびバンドルが25%オフ-8月14日から8月21日
クーポン:DROP4TH

DropEditor Anniv NL

4年前、JoomlaフリーテキストエディタDropEditorをリリースしました。
なんと成功、14000人のユーザー、後でこれを共有したいと思います