Droppics文檔

 

介紹

Droppics是一個Joomla擴展,用於以智能和高效的方式生成圖庫和管理圖像。

 

Droppics,主

主要特點:

  • 只需3次點擊即可創建一個帶燈箱的圖庫
  • 使用編輯器和前端的Droppics
  • 管理圖像之間的視頻
  • AJAX多上傳
  • 上傳時生成縮略圖
  • 顯示沒有CSS的自定義
  • 從原始尺寸和自定義尺寸重新生成圖像
  • 包括畫廊設計主題
  • 多層畫廊
  • 通過拖放訂購圖像和圖庫
  • SEO優化

 

I. DROPPICS安裝

1.1安裝

我們的組件與Joomla 3.x兼容。 所有會員都包含所有功能和第三方集成。
要安裝我們的組件,您必須下載.zip文件並使用標準的Joomla安裝程序。

 

的Joomla安裝

 

然後單擊“瀏覽”>“上載並安裝”按鈕。 默認情況下,將安裝並激活組件,模塊和插件。

 

1.2更新和自動更新程序

為了更新擴展,您可以通過從JoomUnited或。下載.zip文件來安裝舊版本 使用自動更新程序 (推薦的)。

 

droppic更新

 

推送更新通知的自動更新程序嵌入在您安裝的Joomla擴展中。 您將收到與儀表板中任何其他擴展程序一樣的通知,或者您可以使用菜單手動檢查: Extension> Manage> Update菜單。

 

登錄您的帳戶進行更新

您需要登錄到您的JoomUnited帳戶才能更新所有JoomUnited Joomla擴展程序。 要登錄,請訪問組件的主要配置,然後單擊 實時更新選項卡。 在底部,您將找到一個登錄按鈕。

 

實時更新

 

輸入您用於登錄www.joomunited.com的相同JoomUnited憑據

 

登錄-joomunited

 

按鈕將變為橙色 - 恭喜! 您現在可以更新本網站上的所有JoomUnited擴展! 如果您的會員資格已過期,您將獲得續訂鏈接和解釋該信息的文本。

 

帳戶鏈接

 

注意:一次登錄將允許您更新所有JoomUnited擴展(關於您的成員資格)。 除非您斷開連接,否則登錄將不會過期。

II。 DROPPICS GALLERIES

Droppics的主要思想是在組件中設置圖像和圖庫的參數,然後直接從編輯器管理它們。 Droppics適用於每個Joomla標準WYSIWYG編輯器,用於前端和後端。 例如,您可以在自定義Joomla模塊中添加庫。


安裝Droppics時,您在編輯器下方或編輯器中顯示編輯器插件按鈕(取決於使用的​​編輯器)。

 編輯畫廊經理

單擊它打開主Droppics燈箱。

 

燈箱,畫廊

 

2.2管理畫廊

要創建圖庫,請單擊 新唱片 在左欄中。

 

新畫廊

 

注意:已在組件安裝時創建默認庫。


要在圖庫中添加新圖像,您可以將媒體拖放到中心部分或單擊 選擇文件按鈕.

 

上傳圖像

 

在用戶上傳,訂購,移動,刪除或編輯圖像後,右上角將顯示通知彈出窗口。

 

通知,彈出文件

 

選擇一個或一些圖像上傳它們。 上傳器由HTML5提供支持,因此您可以發送大圖像。 它們將自動調整為全局參數中定義的大小(默認為1200px)。


使用拖放功能上傳圖像時,可以重新排序圖像。 訂單會自動保存,這就是沒有要保存的按鈕的原因

dragndrop圖像階

要在文章中插入圖庫,請單擊 插入此圖庫 右欄中的按鈕

 

插入畫廊內容


 
圖庫將在您的文章中實現 Droppics圖標.

 

畫廊物化

 

保存您的內容並完成 - 您的第一個圖庫已經在線! 如果單擊文章中的Droppics圖庫圖像,然後單擊Droppics按鈕,則將重新加載選定的圖庫。

注意:如果在配置中激活,您可以從右側菜單中設置每個庫中的顯示參數。

 

默認主題允許您定義:

  • 邊框大小
  • 邊界半徑
  • 邊框顏色
  • 圖像陰影顏色和大小
  • 保證金左,保證金頂部,保證金權利,保證金底部
  • 是否加載子畫廊
  • 幻燈片主題中提供了一些其他參數,例如轉換延遲,效果......

 

2.3子畫廊

在Droppics中,您可以管理多級庫。 要添加圖庫子級別,只需拖放圖像類別以排序或更改級別。

 

為了形象畫廊

 

要激活子庫導航,您需要從右側菜單中設置父類別中的參數。

 

子畫廊

 

如果您已從全局配置中禁用了庫設置和設置,請使用菜單 組件> Droppics>選項>選擇要設置的主題.

 

設置 -  subgalleries

 

由於您有子畫廊,您將能夠在前端導航它們。 您的所有子畫廊都會自動生成導航縮略圖。

 

subgalleries-前端
 

使用圖像類別中的第一個圖像自動生成子圖庫縮略圖。 進入子庫後,您還可以選擇要用作後退按鈕的圖像 選項>主要參數 菜單。

 

回退類別

 

可以在管理部件的全局選項中設置圖庫級別的默認狀態:打開或關閉所有圖像類別的打開Droppics。 如果你有大量的畫廊,它可以節省你的空間。

 

特寫影像類別

 

2.5複製 - 剪切 - 粘貼圖像

將圖片上傳到Droppics後,您可以通過單擊進行單個/多個選擇。 您可以按住CTRL選擇多張圖片。 移動或複製圖片的第一種方法是使用拖放。 單獨拖放將移動圖片,在按住Shift的同時拖放將復製圖片。

 

拖放圖像

 

您也可以使用右上角的按鈕。

 

複製粘貼,按鈕

 

III。 單一圖像管理


3.1單圖像顯示選項

使用Droppics,您可以在圖庫中使用相同的圖像,也可以在內容中使用單個圖像。 打開Droppics,單擊圖像,右側面板將更改。 從頂部您可以定義:

  • 邊界半徑
  • 餘量
  • 邊框大小
  • 邊框顏色
  • 陰影大小
  • 陰影顏色
  • 對準

 

image-parameter1

 

完成修改後,不要忘記點擊保存。

默認情況下,可以為組件選項中的所有圖像設置所有這些參數。

 

單文件參數

 

然後,您可以使用可選的外部鏈接和標題(圖像下方的文本)定義圖像點擊操作:

 

image-parameter2

 

點擊操作將確定用戶是否:

  • 在燈箱中打開圖像
  • 點擊文章或菜單的鏈接
  • 點擊指向自定義網址的鏈接
  • 沒做什麼
  • 查看圖片下方的標題

複選框選項“在圖庫視圖中關注自定義鏈接”會將鏈接行為添加到單個圖像,但如果您在內容中插入整個圖庫,它也可以在圖庫視圖中使用。 此功能經常用於投資組合頁面。

菜單和文章的鏈接由一個工具完成,可幫助您更輕鬆地在列表中查找內容。

 

圖像鏈接庫

 

單擊單個圖像時,您可以選擇替換Joomla網站上的圖像。 上傳一個新的,Droppics將重新生成包括自定義尺寸在內的所有圖像尺寸,並將其替換為您的內容!

 

圖像替換

 

如果激活了 圖像預覽 在設置參數中,您甚至可以激活鼠標懸停圖像效果。

 

懸停圖片

 

以及上傳過程。

 

上傳過程

 

3.2創建自定義圖像大小

您可以使用原始文件創建一些自定義大小的圖像,原始圖像將保持不變。 點擊 新尺寸 單選按鈕,至少定義寬度和文件名以生成新圖像。 圖像文件的新名稱和大小將添加到列表中。

 

像自定義尺寸

 

自定義圖像大小也可以在上傳時自動生成。 要定義自定義尺寸,請使用菜單: 分量> Droppics>選項>單張圖像>自定義尺寸。

然後,您可以在上傳時添加默認情況下要創建的圖像自定義尺寸。

 

自定義尺寸的圖像

 

生成自定義圖片後,您就會在圖片列表中看到它。 然後只需點擊即可 插入這張照片 在你的文章中添加。

 

圖像內容中的
 
通過單擊圖像然後再單擊 Droppics 按鈕,圖像將再次打開其所有參數。

 

重新打開圖像

 

對於SEO目的,您可以定義標題,替代文本並更改原始文件名。

 

搜索引擎優化的圖像信息

 

3.3對圖像應用效果

您可以對圖像應用濾鏡和效果。 在圖像大小的右側,單擊 “編輯”筆圖標.

 

開放式效應

 

您將看到一個帶效果的屏幕。

 

圖像效果的視圖


 
您可以應用修改和效果:

  • 作物
  • 調整
  • 鏡子
  • 旋轉
  • 應用一些造型效果

 

IV。 DROPPICS參數


4.1擴展參數


要訪問Droppics參數,請使用 組件> Droppics>選項 菜單。

 

全球參數

 

  • 縮略圖大小: 導入圖像時生成的所有縮略圖的大小,或者在庫中顯示的縮略圖的大小以及單個圖像的大小
  • 中等大小: 例如,在燈箱中使用的放大圖像的大小
  • 原始上傳大小: 存儲在服務器上的原始圖像的大小,用於生成新的大小
  • 響應式圖像:使其能夠生成2個新的圖像尺寸,寬度為768px和300px,將加載到移動設備屏幕上
  • 顯示燈箱標題: 在燈箱中打開圖像時顯示圖像標題
  • 燈箱中的圖片大小: 圖片的大小顯示在燈箱中; 如果你選擇 如果你以前從未做過,請記得為其文件夾重新生成圖片
  • JPG質量: 設置.jpg圖像的質量
  • PNG壓縮: 如果您想在上傳時壓縮圖片,請使用它

 

作物選項

  • 圖像裁剪: 您可以根據您在開頭定義的尺寸在上傳時裁剪圖像 - 否則圖像比率將得到尊重
  • 關閉類別: 加載打開或關閉的管理類別/子類別視圖
  • 定義無限滾動選項: 逐步加載圖像,而不是頁面加載時的所有圖像
  • 元素首先加載: 最初加載的元素數
  • 在ajax中加載的元素: ajax中加載的元素數
  • 在類別中加載主題: 在每個文件類別中加載和更改主題參數
注意:如果您更改圖像大小或激活響應功能,則需要執行 縮略圖再生。 請單擊按鈕並重新生成所有圖像大小。

 

縮略圖再生

可能需要一段時間取決於圖像的數量,只是耐心:)

4.2權限和前端圖像管理


Droppics使用Joomla的默認ACL來設置對圖像管理的訪問。 默認情況下,超級管理員用戶將始終可以訪問所有圖庫。
 
如果您需要限制某些用戶的訪問權限,請至少將其放在管理員組中或創建新的Joomla用戶組。 例如,如果您想要管理員用戶 只訪問和編輯自己的圖像,設定 “編輯”權限為“拒絕”和“編輯自己”為“允許”。 您還可以限制:

  • Droppics配置訪問
  • 接口訪問
  • 圖像/圖庫創建
  • 圖像/圖庫刪除
  • 編輯/擁有文件編輯

 

droppics許可權

Droppics提供了使用編輯器按鈕(如管理員側)或使用專用界面管理前端圖像的選項。 安裝Droppics時,會添加一個模板來執行此操作。
使用Joomla菜單在前端加載Droppics。 當然,您設置的所有權限都將得到尊重。

添加Joomla菜單並設置 Droppics前端模板樣式.

 

droppics菜單

 

然後,如果您被允許,您可以從網站的前端管理圖像。

 

前端圖像版

 

4.3主題和圖像設置

使用Droppics,您可以允許在每個圖像和圖像類別中定義主題和圖像參數,或僅作為全局設置。

 

負載主題參數

 

僅當您不允許在圖像類別中進行修改時,才會應用全局配置中的所有主題設置。

 

主題配置

 

以下是圖像類別中允許和不允許的主題設置的說明。 在第二張圖片中,您只能切換主題,但不能更改主題設置。

 

主題選項

 

4.4遠程視頻

Droppics可以在圖像中包含來自Youtube,Vimeo和Dailymotion的遠程視頻。 要激活該選項,請使用 分量> Droppics>選項>添加遠程視頻 菜單。
您還可以定義視頻的默認寬度,以便將其添加為單個視頻或加載到燈箱中。

 

遠程視頻

激活此設置將在上傳按鈕上方添加一個按鈕。

 

添加遠程視頻

 

您需要添加的唯一內容是視頻的網址。

 

附加遠程視頻網址

 

4.5 Droppics圖像導入器

Droppics有一個媒體導入程序,可以從您的服務器瀏覽和導入圖像。 要激活該選項,請轉到 組件> Droppics>選項>主參數選項卡>顯示圖像導入參數.

 

圖像導入

 

然後使用Droppics主界面選擇某些媒體並將其導入所需的類別。

 

進口商選擇

 

4.6圖像水印

Droppics可以自動為圖像應用水印(版權)。 首先,你需要啟用 圖像水印 組件配置中的功能。

 

使水印

 

然後選擇要應用於圖像的水印圖像 - 它可以是任何圖像,但要注意尺寸。

 

選擇水印

 

您可以在5個位置放置水印:

  • 中央
  • 左下方
  • 右下角
  • 右上
  • 左上方

 

水印位置

 

應用水印時可能的大小為:

  • 各種尺寸
  • 縮略圖
  • 介質
  • 自定義大小

注意: 只有在保存設置並重新生成縮略圖後才會應用水印(單擊“重新生成縮略圖”按鈕)。

 

圖像水印

 

V. DROPPICS主題

5.1主題演示


Droppics有6個主題:

  • 默認主題
  • Masonry主題:這是一個顯示照片牆的響應主題
  • 幻燈片主題顯示圖像輪播
  • 類似寶麗來的設計主題
  • 快照主題,這是一堆照片,具有很好的效果,可以在它們之間切換
  • 自定義高級幻燈片主題,在圖像上使用自定義文本編輯器

 

畫廊主題圖像-PARAMS

 

 


在圖庫上應用主題後,您可以在單個圖像上設置與主題相關的選項。 例如,在這裡我將畫廊主題設置為高級幻燈片,因此我可以在圖像上添加一些文本。

 

定制幻燈片主題


在masonry主題中,您可以設置圖像的最大寬度。

 

masonry-配置

 

VI。 DROPPICS提示和技巧

Droppics可以在每個WYSIWYG編輯器字段中使用 - 您只需要調用內容插件。 大多數情況下它默認激活。
請注意,Joomla自定義HTML模塊中不是這種情況 - 您需要像上面一樣激活它。

 

定制模塊

 

在選項選項卡中,您需要設置 選項準備內容為是.

 

6.2創建/覆蓋Droppics主題

您可以自定義和添加主題到Droppics。 我們不使用標準MVC Overrides,而是使用Joomla默認插件系統。
Droppics主題是插件,它們位於/ plugins / droppics文件夾中。

您必須複製一個插件並更改插件的名稱以創建新插件(pluginname.xml和插件的類名)。
然後通過標準的Joomla安裝程序安裝它。 它應該顯示在主題列表中。 然後,您可以在此主題中執行所需的所有更改,它不會受更新的影響。