DeepCMS ProGuide praticheApri DeepCMS
Tutte le guide

Cambia immagini e collegamenti

Scegli una foto dalla libreria, descrivila e modifica la destinazione di un pulsante. Verifica il risultato su computer e telefono dopo il salvataggio.

Le schermate mostrano Studio Forma, un progetto dimostrativo.

Comincia dal primo passaggio
La libreria mostra le immagini del sito, comprese quelle importate dai modelli.

Prima di cominciare

Apri nell’editor una pagina con una foto e un pulsante. Nell’esempio usiamo Chi siamo, creata dalla pagina Studio del modello Lineare. Le etichette dei campi possono cambiare secondo il widget.

Seleziona una schermata per ingrandirla. Puoi seguire i passaggi anche leggendo soltanto il testo.

Apri il campo della foto

Seleziona la foto nell’anteprima e apri Contenuto nelle proprietà del widget. Nel widget Foto o video il campo si chiama Foto, o copertina del video.

Premi Scegli dalla libreria accanto al campo. Se il widget contiene una galleria o un elenco, apri prima l’elemento che contiene la foto da cambiare.

Il campo della foto e il Testo alternativo appartengono al widget selezionato.

Scegli la foto da usare

Nella libreria cerca il file per nome oppure scorri le miniature. Seleziona la foto e premi Usa questa immagine. Nell’esempio scegliamo il soggiorno con divani e piante.

Puoi usare Carica immagini per aggiungere un file alla libreria. Controlla di avere il diritto di pubblicarlo prima di caricarlo.

Torna all’anteprima e guarda il taglio della foto. Una fotografia orizzontale può perdere dettagli quando il widget la mostra in uno spazio più stretto.

La spunta indica la foto scelta. Usa questa immagine la inserisce nel campo del widget.

Descrivi la foto e salva

Compila Testo alternativo con ciò che la foto mostra e che serve a capire la pagina. Per il nostro esempio scriviamo: «Soggiorno luminoso con divani, piante e quadri alla parete».

Premi Salva nella barra dell’editor. Quando riapri la pagina, verifica sia la foto sia il Testo alternativo. Sostituire una foto può richiedere di aggiornare anche la descrizione.

Modifica testo e destinazione del pulsante

Seleziona il pulsante nell’anteprima e apri Contenuto. Nel widget Call to action dell’esempio, espandi Altri pulsanti e apri la riga del pulsante.

Scrivi Conosci lo studio in Testo del pulsante e l’indirizzo di una pagina esistente in Link del pulsante. Nell’esempio usiamo /it/studio/. Per una pagina di un altro sito usa l’indirizzo completo, compreso https://.

Controlla che il testo descriva la destinazione, poi salva. Nell’editor il clic seleziona il widget: apri l’anteprima della pagina per provare il collegamento.

Il testo visibile sul pulsante e il suo collegamento hanno due campi distinti.

Controlla la foto e prova il collegamento

Esci dall’editor e riapri la pagina. Passa a Telefono e scorri fino alla foto: controlla che il taglio conservi il soggetto.

Apri l’anteprima della pagina in una nuova scheda e premi il pulsante. Verifica che il browser apra la pagina prevista e controlla il suo indirizzo.

Su un sito già pubblicato, ripeti il controllo sul dominio pubblico. Prima di lasciare un collegamento a una nuova pagina, verifica anche che la pagina abbia lo stato Pubblicata.

L’anteprima Telefono permette di controllare il taglio della foto nella pagina stretta.

Prova sul tuo sito

Ripeti i passaggi sul tuo progetto e segna i controlli che completi. Le spunte restano in questo browser.

0 controlli completati su 4.

Schermata della guida

Apri l’immagine a dimensione originale