Aggiungere un’immagine.

Aggiungi una foto o un’illustrazione che riempie la sua colonna e scala con lo schermo.

Aggiungere un’immagine

Apri la tua pagina dopo aver effettuato l’accesso: i controlli del builder appaiono quando passi sopra l’area di contenuto. La tua prima pagina spiega le basi.

1. Passa sopra la colonna e fai clic su + nella sua barra di controllo, oppure fai clic su Aggiungi elementi in una pagina vuota. Apri la scheda Contenuto e fai clic su Immagine. Arriva in cima alla colonna e si apre la sua finestra delle impostazioni.
2. Sotto Immagine, fai clic su Seleziona immagine. Nel Browser multimediale, filtra per nome se vuoi, spunta una foto e fai clic su Inserisci selezionati.
3. Fai clic sull’intestazione SEO per espanderla. Sostituisci qualsiasi testo in Attributo alt con una breve descrizione della foto.
4. Fai clic su Salva nella finestra. Poi fai clic su Salva nella barra in cima all’area di contenuto per conservare la pagina.

Cosa vedi

La Larghezza immagine predefinita è 100%. Gli screen reader annunciano il tuo testo alternativo. Per controllare la scalatura, imposta Modalità vista su Anteprima e restringi la finestra del browser. I visitatori vedono le tue modifiche dopo che salvi e pubblichi.

Configurare l’immagine

Passa sopra l’elemento e apri Altro > Impostazioni nella sua barra di controllo. Opzioni:

• Immagine: seleziona un’immagine dai media o dal browser file del tuo sito, carica un file, oppure incolla un URL esterno.
• Larghezza immagine: una larghezza CSS come 100% o 300px. Il predefinito è 100%.
• Altezza immagine: un’altezza fissa come 400px. Lasciala vuota per conservare la forma della foto.
• Link immagine: rende l’immagine cliccabile. Inserisci un URL o scegli una pagina.
• Destinazione link immagine: Stessa finestra o Nuova finestra. Si mostra quando aggiungi un link.
• Attributo alt: nella sezione SEO, una descrizione per screen reader e motori di ricerca.
• Attributo title: nella sezione SEO, informazioni in più che si mostrano come tooltip al passaggio del mouse.

Caricamento delle immagini e velocità della pagina

DXPR Builder gestisce il caricamento delle nuove immagini in automatico per mantenere le pagine veloci ed evitare spostamenti del contenuto. Le immagini a inizio pagina e dentro schede, caroselli e marquee restano pronte da mostrare. Quelle più in basso possono caricare mentre i visitatori scorrono.

Le immagini possono venire dalla tua libreria multimediale, da file caricati o da URL esterni. Lascia finire il caricamento delle immagini nell’editor prima di salvare, così DXPR Builder può riservare la giusta quantità di spazio. Sostituire un’immagine ne aggiorna le dimensioni senza cambiare la dimensione di visualizzazione scelta.

Le immagini già sul tuo sito non vengono aggiornate in automatico. La velocità della pagina dipende anche dalla dimensione dei file immagine e dagli altri contenuti. Controlla la tua pagina pubblicata su schermi stretti e larghi.

Se non la vedi

• Immagine non è nella scheda Contenuto. Il tuo profilo utente la nasconde. Chiedi a un amministratore di abilitarla in Profili utente.
• Non c’è più dopo un ricaricamento. La pagina non è stata salvata. Aggiungila di nuovo e fai clic su Salva nella barra in cima all’area di contenuto.
• L’elemento immagine è vuoto. Nessuna immagine è impostata nel campo Immagine. Passa sopra l’elemento e apri Altro > Impostazioni, poi fai clic su Seleziona immagine.
• Appare un’icona di immagine rotta. Il file è stato eliminato o spostato nella libreria multimediale. Passa sopra l’elemento e apri Altro > Impostazioni, rimuovi la selezione e scegli una nuova immagine.
• L’immagine è allungata o schiacciata. Larghezza immagine e Altezza immagine contengono entrambi valori fissi che non corrispondono alla foto. Svuota Altezza immagine per ripristinarne la forma.

Passi successivi

Scheda Stile per cambiare spaziatura e sfondo dell’immagine.