Passa al contenuto principale

Droppics: gestione di immagini singole

1. Opzioni di visualizzazione dell'immagine singola

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

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

 

image-parametro1

 

Non dimenticare di premere Salva una volta terminata la modifica.

Tutti questi parametri possono essere impostati per impostazione predefinita per tutte le immagini nelle opzioni del componente.

 

parametro a file singolo

 

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

 

image-parameter2

 

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

  • Apri l'immagine in una lightbox
  • Segui un collegamento a un articolo o a un menu
  • Segui un collegamento a un URL personalizzato
  • Fare niente

Didascalia dell'immagine: 

  • Segui il collegamento personalizzato nella visualizzazione galleria
  • Mostra didascalia

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

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

 

galleria-link-immagine

 

Quando fai clic su una singola immagine, hai la possibilità di sostituire l'immagine in tutto il tuo sito Web Joomla. Caricane una nuova e Droppics rigenererà tutte le dimensioni delle immagini, comprese le dimensioni personalizzate, e le sostituirà nei tuoi contenuti!

 

sostituzione immagine

 

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

 

immagine al passaggio del mouse

 

E anche il processo di caricamento.

 

processo di caricamento

 

2. Crea dimensioni di immagine personalizzate

Puoi creare alcune immagini di dimensioni personalizzate utilizzando i file originali e l'immagine originale rimarrà intatta. Fare clic sul Nuova dimensione , definire almeno una larghezza e un nome file per generare una nuova immagine. Il nuovo nome e dimensione del file immagine verranno aggiunti all'elenco.

 

immagine-dimensione personalizzata

 

Le dimensioni delle immagini personalizzate possono anche essere generate automaticamente al momento del 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 al momento del caricamento.

 

formato personalizzato-image

 

Una volta generata l'immagine personalizzata, la avrai nell'elenco delle immagini. Quindi fai semplicemente clic su inserisci questa immagine da aggiungere al tuo articolo.

 


 
immagine di contenuto eCliccando nuovamente sull'immagine e sul Droppics , si aprirà nuovamente l'immagine con tutti i suoi parametri.

 

re-open-immagine

 

Ai fini SEO è possibile definire il titolo, il testo alternativo e modificare il nome file originale.

 

seo-image-info

 

3. Applicazione di effetti sull'immagine

Puoi applicare filtri ed effetti alle immagini. Sul lato destro della dimensione dell'immagine, fai clic sull'icona della penna "modifica" .

 

open-effetto

 

Ti verrà mostrato uno schermo con effetti.

 

image-effetto-view


 
È possibile applicare modifiche ed effetti:

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