Documentazione Droppics

 

introduzione

Droppics è un'estensione di Joomla utilizzata per generare gallerie e gestire le immagini in modo intelligente e produttivo.

 

Droppics-principale

Caratteristiche principali:

  • Crea una galleria con un lightbox con soli 3 click
  • Usa Droppics dall'editor e nel frontend
  • Gestisci i video tra le immagini
  • AJAX multi-upload
  • Generazione di miniature al caricamento
  • Visualizza la personalizzazione senza CSS
  • Rigenera le immagini dai formati originali e personalizzati
  • Tema di design della galleria incluso
  • Gallerie multi-livello
  • Ordina immagini e gallerie con il drag and drop
  • SEO ottimizzato

 

I. INSTALLAZIONE DROPPICS

1.1 Installazione

Il nostro componente è compatibile con Joomla 3.x. Tutte le funzionalità e le integrazioni di terze parti sono incluse in tutte le iscrizioni.
Per installare il nostro componente devi scaricare il file .zip e utilizzare lo standard dell'installer di Joomla.

 

joomla-installazione

 

Quindi fare clic su Sfoglia> pulsante Carica e installa. Il componente, i moduli e i plugin verranno installati e attivati ​​di default.

 

1.2 Aggiornamento e aggiornamento automatico

Per aggiornare l'estensione è possibile installare una nuova versione rispetto a quella precedente scaricando il file .zip da JoomUnited o utilizzare l'aggiornamento automatico (consigliato).

 

droppic-update

 

L'aggiornamento automatico, che invia la notifica di aggiornamento, è incorporato nell'estensione Joomla che hai installato. Riceverai una notifica come con qualsiasi altra estensione nella dashboard, oppure puoi controllare manualmente usando il menu: Estensione> Gestisci> menu Aggiorna.

 

Accedi al tuo account per aggiornare

È necessario accedere al proprio account JoomUnited per aggiornare tutte le estensioni Joomla JoomUnited. Per accedere, accedere alla configurazione principale del componente, quindi fare clic su Scheda di aggiornamento in tempo reale. In fondo, troverai un pulsante di accesso.

 

live Update

 

Inserisci le tue stesse credenziali JoomUnited che usi per accedere a www.joomunited.com

 

login-joomunited

 

Il pulsante diventerà arancione - congratulazioni! Ora puoi aggiornare tutte le estensioni JoomUnited su questo sito! Se la tua iscrizione è scaduta riceverai un link di rinnovo e un testo che lo spiega.

 

conto-linked

 

Nota: un singolo accesso ti consentirà di aggiornare tutte le estensioni JoomUnited (relative alla tua iscrizione). Il log in non scadrà se non lo scolleghi.

II. DROPPICS GALLERIE

L'idea principale di Droppics è quella di impostare i parametri dell'immagine e delle gallerie nel componente e quindi gestirli direttamente dall'editor. Droppics funziona su ogni editor WYSIWYG standard di Joomla, sia per il frontend che per il backend. Ad esempio, puoi aggiungere una galleria in un modulo Joomla personalizzato.


Quando Droppics è installato, hai un pulsante di plugin dell'editor visualizzato sotto o nel tuo editor (a seconda dell'editor in uso).

 Editor-galleria-manager

Fare clic su di esso per aprire la lightbox principale Droppics.

 

lightbox-gallery

 

2.2 Gestire le gallerie

Per creare una galleria, clicca su Nuovo album nella colonna di sinistra.

 

new-gallery

 

Nota: una galleria predefinita è già stata creata durante l'installazione dei componenti.


Per aggiungere nuove immagini nella tua galleria, puoi trascinare e rilasciare i media nella parte centrale o fare clic su Pulsante Seleziona file.

 

Carica immagini

 

Un popup di notifica verrà visualizzato nell'angolo in alto a destra dopo che le immagini sono state caricate, ordinate, spostate, rimosse o modificate dall'utente.

 

Notifica popup-file

 

Seleziona una o alcune immagini per caricarle. L'uploader è alimentato da HTML5, quindi puoi inviare immagini di grandi dimensioni. Saranno ridimensionati automaticamente alle dimensioni definite nei parametri globali (il valore predefinito è 1200px).


Puoi riordinare le tue immagini quando vengono caricate usando il trascinamento della selezione. L'ordine viene salvato automaticamente, motivo per cui non ci sono pulsanti da salvare

dragndrop-image-ordine

Per inserire la galleria nel tuo articolo, fai clic su Inserisci questa galleria pulsante nella colonna di destra

 

insert-galleria-content


 
La galleria si materializzerà nel tuo articolo con a Icona Droppics.

 

galleria-materializzato

 

Salva i tuoi contenuti e il gioco è fatto - la tua prima galleria è già online! Se fai clic sull'immagine della galleria Droppics nell'articolo, quindi sul pulsante Droppics, ricaricherai la galleria selezionata.

Nota: se attivato nella configurazione è possibile impostare i parametri di visualizzazione in ciascuna galleria dal menu di destra.

 

Il tema predefinito consente di definire:

  • Dimensione del bordo
  • Raggio di confine
  • Colore del bordo
  • Dimensioni e colore dell'ombra dell'immagine
  • Margine a sinistra, margine superiore, margine a destra, margine inferiore
  • Se caricare le sotto gallerie o no
  • Alcuni parametri aggiuntivi sono disponibili nel tema della presentazione, come il ritardo di transizione, l'effetto ...

 

2.3 Sotto gallerie

In Droppics puoi gestire gallerie multi-livello. Per aggiungere un sottolivello di galleria basta trascinare e rilasciare le categorie di immagini per ordinare o modificare i livelli.

 

fine-image-gallery

 

Per attivare la navigazione sotto galleria, devi impostare il parametro nella categoria padre dal menu a destra.

 

sotto-gallerie

 

Se hai disabilitato le impostazioni della galleria e la configurazione dalla configurazione globale, usa il menu Componenti> Droppics> Opzioni> Seleziona il tema da configurare.

 

Impostazioni-subgalleries

 

Dato che hai sotto-gallerie, sarai in grado di navigare nel frontend. Tutte le tue gallerie secondarie genereranno automaticamente miniature di navigazione.

 

subgalleries-frontend
 

La miniatura della sotto-galleria viene generata automaticamente utilizzando la prima immagine nella categoria dell'immagine. Una volta che ti trovi in ​​una sotto galleria, puoi anche scegliere un'immagine da utilizzare come pulsante indietro da Opzione> Parametri principali menu.

 

fallback-categoria

 

Uno stato predefinito del livello di galleria può essere impostato nelle opzioni globali per la parte admin: apre Droppics con tutte le categorie di immagini aperte o chiuse. Può farti risparmiare spazio se hai un numero enorme di gallerie.

 

vicino-image-categoria

 

2.5 Copia - Taglia - Incolla le immagini

Una volta che un'immagine è stata caricata su Droppics, puoi fare una selezione singola / multipla facendo clic su di essa. È possibile selezionare più immagini tenendo premuto CTRL. Il primo metodo per spostare o copiare le immagini è utilizzare il trascinamento della selezione. Trascinare e rilasciare da solo sposta l'immagine, trascina e rilascia mentre tieni premuto Shift per copiare le immagini.

 

drag-drop-immagine

 

Puoi anche usare i pulsanti in alto a destra.

 

copia-incolla-pulsanti

 

III. GESTIONE DI IMMAGINI SINGOLE


3.1 Opzioni di visualizzazione di immagini singole

Con Droppics, puoi utilizzare le stesse immagini nelle tue gallerie o come singola immagine nei tuoi contenuti. Apri Droppics, fai clic su un'immagine, e il pannello a destra cambierà. Dalla parte superiore puoi definire:

  • Raggio di confine
  • Margine
  • Dimensione del bordo
  • Colore del bordo
  • Dimensione dell'ombra
  • Colore dell'ombra
  • Allineamento

 

image-parameter1

 

Non dimenticare di premere Salva quando hai finito con la tua modifica.

Tutti questi parametri possono essere configurati di default per tutte le tue immagini nelle opzioni del componente.

 

file singolo parametro

 

Quindi, puoi definire un'azione sul clic dell'immagine con un collegamento esterno opzionale e una didascalia (testo sotto l'immagine):

 

image-parameter2

 

L'azione al clic determinerà se l'utente:

  • Apri l'immagine in una lightbox
  • Segui un link a un articolo o un menu
  • Segui un link a un URL personalizzato
  • Fare niente
  • Vedi una didascalia sotto l'immagine

L'opzione checkbox "Segui il collegamento personalizzato nella vista galleria" aggiunge il comportamento del collegamento a una singola immagine, ma funziona anche nella vista galleria se inserisci l'intera galleria nel tuo contenuto. Questa funzione è spesso utilizzata per le pagine del portfolio.

Il collegamento a menu e articoli è completato da uno strumento che ti aiuta a trovare i tuoi contenuti più facilmente in un elenco.

 

image-link-gallery

 

Quando fai clic su una singola immagine, hai la possibilità di sostituire l'immagine su tutto il tuo sito Joomla. Carica uno nuovo e Droppics rigenera tutte le dimensioni di immagine, inclusi i formati personalizzati, e sostituiscilo nel tuo contenuto!

 

image-sostituzione

 

Se attivato il Anteprima dell'immagine parametro nelle impostazioni, è anche possibile attivare un effetto immagine al passaggio del mouse del mouse.

 

hover-image

 

E anche il processo di caricamento.

 

upload-processo

 

3.2 Creare dimensioni di immagine personalizzate

È possibile creare immagini di dimensioni personalizzate utilizzando i file originali e l'immagine originale rimarrà intatta. Clicca sul nuova dimensione pulsante di opzione, definire almeno una larghezza e un nome file per generare una nuova immagine. Il nuovo nome e la dimensione del file immagine verranno aggiunti all'elenco.

 

image-formato personalizzato

 

Le dimensioni personalizzate dell'immagine possono anche essere generate automaticamente al caricamento. Per definire le dimensioni personalizzate utilizzare il menu: Componente> Droppics> Opzioni> Immagini singole> Dimensioni personalizzate.

Quindi è possibile aggiungere le dimensioni personalizzate dell'immagine che si desidera creare per impostazione predefinita durante il caricamento.

 

formato personalizzato-image

 

Una volta generata l'immagine personalizzata, la troverai nella tua lista di immagini. Quindi fai semplicemente clic su inserisci questa immagine aggiungere nel tuo articolo.

 

immagine di contenuto e
 
Cliccando di nuovo sull'immagine e sul Droppics pulsante, l'immagine verrà riaperta con tutti i suoi parametri.

 

re-open-immagine

 

Per scopi SEO è possibile definire titolo, testo alternativo e modificare il nome file originale.

 

seo-image-info

 

3.3 Applicazione di effetti sull'immagine

Puoi applicare filtri ed effetti alle immagini. Sul lato destro della dimensione dell'immagine, fare clic su Icona "Modifica" penna.

 

open-effetto

 

Ti verrà mostrata una schermata con effetti.

 

image-effetto-view


 
Puoi applicare modifiche ed effetti:

  • raccolto
  • Ridimensiona
  • Specchio
  • Ruotare
  • Applica alcuni effetti di stile

 

IV. PARAMETRI DROPPICS


4.1 Parametri di estensione


Per accedere ai parametri Droppics, utilizzare Componente> Droppics> Opzioni menu.

 

globali parametri

 

  • Dimensione dell'anteprima: la dimensione di tutte le anteprime generate durante l'importazione di immagini o visualizzate nelle gallerie e come singole immagini
  • Di medie dimensioni: la dimensione dell'immagine ingrandita, ad esempio nel lightbox
  • Dimensioni di caricamento originali: la dimensione dell'immagine originale memorizzata sul server, utilizzata per generare nuove dimensioni
  • Immagini reattive: consente di generare 2 nuove dimensioni di immagine con larghezze di 768px e 300px che verranno caricate sugli schermi dei dispositivi mobili
  • Mostra il titolo della lightbox: mostra il titolo dell'immagine quando un'immagine viene aperta in una lightbox
  • Dimensione immagini in lightbox: la dimensione delle immagini mostra in lightbox; se si sceglie Grande, ricorda di rigenerare le immagini per la sua cartella se non l'hai mai fatto prima
  • Qualità JPG: imposta la qualità delle tue immagini .jpg
  • Compressione PNG: usalo se vuoi comprimere le tue immagini al caricamento

 

crop-opzione

  • Ritaglio delle immagini: puoi ritagliare le tue immagini caricandole in base alla dimensione che hai definito all'inizio, altrimenti il ​​rapporto dell'immagine verrà rispettato
  • Chiudi categorie: carica la visualizzazione delle categorie / sottocategorie admin aperte o chiuse
  • Definisci infinite opzioni di scorrimento: caricare l'immagine progressivamente, anziché tutte le immagini caricate sulla pagina
  • Elementi caricati inizialmente: Numero di elementi caricati inizialmente
  • Elementi caricati in ajax: Numero di elementi caricati in ajax
  • Carica tema nella categoria: Carica e modifica i parametri del tema in ogni categoria di file
Nota: se si modifica la dimensione dell'immagine o si attiva la funzione di risposta è necessario eseguire a Rigenerazione dell'anteprima Fare clic sul pulsante e rigenerare tutte le dimensioni dell'immagine.

 

miniature-rigenerazione

Potrebbe essere necessario un po 'di tempo a seconda del numero di immagini, sii paziente :)

4.2 Autorizzazione e gestione delle immagini di frontend


Droppics utilizza l'ACL predefinito di Joomla per impostare l'accesso alla gestione delle immagini. Per impostazione predefinita, l'utente Super admin avrà sempre accesso a tutte le gallerie.
 
Se è necessario limitare l'accesso per alcuni utenti, inserirli almeno nel gruppo di amministratori o creare un nuovo gruppo di utenti Joomla. Ad esempio se vuoi un utente amministratore a accedere e modificare solo le proprie immagini, impostato "Modifica" diritto a "negato" e "modifica il proprio" a "Consentito". Puoi anche limitare:

  • Accesso alla configurazione Droppics
  • Accesso all'interfaccia
  • Creazione di immagini / gallerie
  • Cancellazione immagine / galleria
  • Modifica / modifica del proprio file

 

droppics-permessi

Droppics offre un'opzione per gestire le immagini dal frontend usando il pulsante dell'editor (come nel lato admin) o usando un'interfaccia dedicata. Quando si installa Droppics, viene aggiunto un modello per fare proprio questo.
Usa un menu Joomla per caricare Droppics nel frontend. Naturalmente, tutte le autorizzazioni che hai impostato saranno rispettate.

Aggiungi un menu Joomla e imposta il Stile del modello di frontend Droppics.

 

droppics-menù

 

Quindi, se sei autorizzato, puoi gestire le immagini dal frontend del sito web.

 

Frontend-image-edition

 

4.3 Temi e impostazioni dell'immagine

Con Droppics è possibile consentire di definire il tema e il parametro dell'immagine in ogni categoria di immagini e immagini o solo come impostazione globale.

 

carico-theme-parametri

 

Tutte le impostazioni del tema dalla configurazione globale verranno applicate solo se non si consente che le modifiche vengano eseguite nella categoria dell'immagine.

 

temi configurazione

 

Ecco l'illustrazione delle impostazioni del tema consentite e non consentite nelle categorie di immagini. Nella seconda immagine, puoi solo cambiare il tema, ma non modificare le impostazioni del tema.

 

tema-options

 

4.4 Video remoti

Droppics può includere video remoti da Youtube, Vimeo e Dailymotion tra le immagini. Per attivare l'opzione usa il Componente> Droppics> Opzioni> Aggiungi video remoti menu.
Puoi anche definire la larghezza predefinita del video per quando viene aggiunto come singolo video o caricato in una lightbox.

 

remote-video

L'attivazione di questa impostazione aggiungerà un pulsante sopra il pulsante di caricamento.

 

add-remote-video

 

L'unica cosa che devi aggiungere è l'URL del video.

 

add-remote-video-url

 

4.5 Importatore di immagini Droppics

Droppics ha un importatore multimediale in grado di sfogliare e importare immagini dal tuo server. Per attivare l'opzione vai su Componente> Droppics> Opzioni> scheda Parametri principali> Mostra parametro di importazione immagini.

 

image-import

 

Quindi utilizzare l'interfaccia principale Droppics per selezionare alcuni media e importarli nella categoria desiderata.

 

importatore selezione

 

4.6 Filigrana dell'immagine

Droppics può applicare automaticamente una filigrana (copyright) sulle immagini. Innanzitutto, è necessario abilitare il Filigrana immagini funzione dalla configurazione del componente.

 

enable-filigrana

 

Quindi seleziona l'immagine della filigrana da applicare sulle tue immagini - può essere qualsiasi immagine, ma fai attenzione alla dimensione.

 

select-filigrana

 

Ci sono 5 posizioni in cui puoi inserire la filigrana:

  • Centro
  • In basso a sinistra
  • In basso a destra
  • In alto a destra
  • In alto a sinistra

 

filigrana-position

 

Le possibili dimensioni quando viene applicata la filigrana sono:

  • Tutte le taglie
  • Thumbnail
  • Grande
  • medio
  • Formato personalizzato

Nota: La filigrana verrà applicata solo dopo aver salvato le impostazioni e rigenerato le miniature (fare clic sul pulsante '' Rigenera anteprime '').

 

image-watermark

 

V. TEMI DROPPICS

5.1 Presentazione dei temi


Droppics viene fornito con 6 temi:

  • Tema predefinito
  • Tema Masonry: questo è un tema reattivo che mostra i muri fotografici
  • Tema della presentazione per visualizzare un carosello di immagini
  • Un tema di design polaroid
  • Tema Heapshot, che è una pila di foto con un bell'effetto per passare da una all'altra
  • Tema di presentazione avanzato personalizzato, con un editor di testo personalizzato sulle immagini

 

galleria-theme-image-params

 

 


Una volta applicato un tema su una galleria, potresti essere in grado di impostare le opzioni relative ai temi su una singola immagine. Ad esempio, qui ho impostato il tema della galleria come slideshow avanzato, quindi sono in grado di aggiungere del testo sull'immagine.

 

Custom-presentazione-tema


Nel tema masonry, puoi impostare la larghezza massima dell'immagine.

 

masonry-config

 

VI. SUGGERIMENTI E TRUCCHI DROPPICS

Droppics è progettato per essere utilizzato in ogni campo dell'editor WYSIWYG: è sufficiente richiamare il plug-in del contenuto. Il più delle volte è attivato di default.
Nota che questo non è il caso nel modulo HTML personalizzato di Joomla: devi attivarlo come sopra.

 

custom-Modulo

 

Nella scheda delle opzioni è necessario impostare il opzione Prepara il contenuto a Sì.

 

6.2 Creare / sovrascrivere un tema Droppics

È possibile personalizzare e aggiungere temi a Droppics. Non usiamo le sostituzioni MVC standard, ma il sistema di plugin predefinito di Joomla.
I temi Droppics sono plug-in e si trovano nella cartella / plugins / droppics.

Dovrai copiare un plugin e cambiare il nome del plugin per creare il tuo nuovo plugin (pluginname.xml e il nome della classe del plugin).
Quindi installarlo tramite il programma di installazione standard di Joomla. Dovrebbe essere mostrato nell'elenco dei temi. È quindi possibile eseguire tutte le modifiche che si desidera in questo tema e non sarà interessato dagli aggiornamenti.