Droppics : gestione di immagini singole

1. Opzioni di visualizzazione dell'immagine singola

Con Droppics , puoi utilizzare le stesse immagini nelle tue gallerie o come una singola immagine nei tuoi contenuti. Apri Droppics , fai clic su un'immagine e il pannello di 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-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.

 

file singolo parametro

 

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 un menu
  • Segui un collegamento a un URL personalizzato
  • Fare niente

Didascalia dell'immagine: 

  • Segui il link personalizzato nella visualizzazione galleria
  • Mostra didascalia

L'opzione "Segui 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 viene spesso utilizzata per le pagine del portfolio.

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

 

image-link-gallery

 

Quando fai clic su una singola immagine, hai un'opzione per sostituire l'immagine su tutto il tuo sito Web Joomla . Droppics uno nuovo e Droppics rigenera tutte le dimensioni dell'immagine, comprese le dimensioni personalizzate, e la sostituirà nei tuoi contenuti!

 

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

 

2 Crea dimensioni di immagine personalizzate

È possibile creare alcune 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 le dimensioni del file immagine verranno aggiunti all'elenco.

 

image-formato personalizzato

 

Le dimensioni dell'immagine personalizzate 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 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 nel tuo articolo.

 

immagine di contenuto e
 
Cliccando indietro sull'immagine e sul Droppics pulsante, l'immagine verrà riaperta 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

È possibile applicare filtri ed effetti alle immagini. Sul lato destro della dimensione dell'immagine, fare clic su  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