Ottimizzazione delle immagini per WordPress Elementor Plugin

Il concetto di blocchi modulari che compongono i post e le pagine di WordPress è arrivato insieme a Gutenberg, ma in realtà, WordPress stesso ha una struttura modulare. Prendi la tua libreria multimediale di WordPress, ad esempio. Puoi caricare immagini e utilizzarle in post o pagine, indipendentemente dall'editor che stai utilizzando. In questo articolo, ci concentriamo specificamente su Elementor e su come ottimizzare le immagini utilizzando ImageRecycle .

 Copertina

Proprio come Gutenberg, Elementor è un editor di Wordpress che ti consente di creare post o pagine mentre vedi come appariranno ai tuoi lettori. Anche la struttura di Elementor è simile a quella di Gutenberg in quanto utilizza il concetto ormai familiare di blocchi. Ciò rende l'utilizzo della Libreria multimediale di WordPress ancora più semplice, anche quando si aggiungono immagini ottimizzate. Per prima cosa però: come si ottimizzano le immagini su WordPress?

 

Ottimizzazione delle immagini con ImageRecycle

Se non hai mai utilizzato ImageRecycle , l'ottimizzazione delle immagini di WordPress è un processo semplice e veloce. Dovrai prima scaricare e installare il plug-in ImageRecycle sul tuo sito Web WordPress. Una volta installato il plug-in, vai alla sua configurazione nel menu delle impostazioni e inserisci la tua chiave API e il tuo segreto. Salva le modifiche e se la chiave e il segreto corrispondono, puoi iniziare immediatamente a ottimizzare le immagini.

1. Installazione

 

È possibile accedere all'interfaccia principale di ImageRecycle dal menu multimediale . Questa pagina è semplice e piuttosto semplice da usare. Elenca tutte le immagini nella tua libreria multimediale e le loro dimensioni e velocità di compressione. È possibile fare clic sul ottimizzare pulsante accanto alle singole immagini per comprimerli, oppure sul ottimizzare tutte tasto per ottimizzare tutte le immagini in una sola volta.

Molto di ciò che accade durante la compressione dipende dalle ImageRecycle . Ad esempio, puoi scegliere di utilizzare il miglior risparmio o la compressione della qualità originale, che possono comprimere le immagini rispettivamente fino all'80% e al 20%. Puoi leggere di più sulla differenza tra queste due modalità qui .

2. Ottimizza

 

Qualunque sia la modalità di ottimizzazione scelta, queste immagini vengono salvate nella libreria multimediale di WordPress, il che significa che puoi usarle nei tuoi post e nelle tue pagine ... indipendentemente dall'editor che stai utilizzando. Nel resto di questo articolo, ci concentriamo su un particolare editore: Elementor.

 

Utilizzo di immagini ottimizzate in Elementor

Elementor è un potente editor per post e pagine di WordPress. Come Gutenberg, organizza i contenuti in blocchi, ognuno dei quali rappresenta un elemento diverso. Come sapete, nessun sito Web è veramente completo senza immagini ed Elementor non manca nel dominio dei blocchi di immagini. Qui entra in gioco la Media Library.

3. Blocchi immagine

 

Abbiamo iniziato l'articolo spiegando che WordPress stesso è piuttosto modulare, ed è qui che tutto si lega. Da dove prenderebbe Elementor le sue immagini, se non dalla libreria multimediale? Cioè, la stessa libreria multimediale di WordPress che hai appena ottimizzato con ImageRecycle .

Usare le immagini compresse di ImageRecycle in Elementor è semplice come trascinare e rilasciare qualsiasi blocco di immagine, che sia un'immagine di base, un carosello, una galleria o qualsiasi altra cosa, e caricare le immagini. Scegli le immagini direttamente dalla libreria multimediale di WordPress, che carica automaticamente le immagini compresse.

4. Scegli immagine

 

WordPress è essenzialmente modulare e sarebbe uno spreco non sfruttarlo. ImageRecycle a qualsiasi editor che utilizzi senza interferire con il tuo flusso di lavoro. Tutto quello che devi fare è ottimizzare le immagini e inserirle nel tuo blog in un secondo momento, permettendoti di ottimizzare l'esperienza dei tuoi lettori di WordPress, indipendentemente dall'editor che utilizzi.

    Commenti | Aggiungi il tuo
      • Nessun commento trovato

      Traduzione linguistica mobile