Media - Immagine

Nel pannello Page Builder, espandi Media e trascina un segnaposto Image nel contenitore di destinazione.

È possibile aggiungere un'immagine a una riga, colonna o scheda. Nell’esempio seguente, l’immagine viene trascinata in una colonna vuota.

{width="600" modal="regular"}

Per aggiungere la risorsa immagine, utilizza uno dei seguenti metodi:

{width="500" modal="regular"}

• ​ Carica una nuova immagine ​: utilizzare questo metodo per caricare un nuovo file di immagine dal sistema.

  • Fare clic su Upload Image.

  • Individua e scegli l’immagine da aggiungere alla galleria e al contenitore di destinazione.

  In alternativa, puoi anche trascinare un file di immagine dal sistema e rilasciarlo sull'icona Fotocamera ( {width="20"} ).

• ​ Seleziona una risorsa esistente ​: utilizza questo metodo per selezionare una risorsa immagine esistente dall'archivio multimediale o dalla raccolta.

  • Fare clic su Select from Gallery.

  • Utilizza la struttura ad albero per passare all’immagine.

  • Fare clic sulla miniatura e fare clic su Add Selected.

    {width="600" modal="regular"}

• ​ Cerca e seleziona un'immagine Adobe Stock ​: utilizza questo metodo per trovare un'immagine da Adobe Stock.

  note note
  NOTE
  Questo metodo richiede un'integrazione di Adobe Stock configurata per l'amministratore.

  • Fare clic su Search Adobe Stock e cercare un'immagine.

  • Salvare l'anteprima o l'immagine con licenza nella raccolta.

    Consulta Utilizzo di immagini Adobe Stock per ulteriori informazioni sull'utilizzo delle risorse Adobe Stock.

  • Selezionare la miniatura della risorsa nella raccolta e fare clic su Add Selected.

L’immagine viene visualizzata nel contenitore di destinazione nella posizione del segnaposto. A differenza di un’immagine di sfondo, puoi spostare l’immagine in una posizione diversa all’interno del contenitore corrente o in un contenitore diverso.

{width="500" modal="regular"}

Passa il puntatore del mouse sul contenitore di immagini per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( {width="20"} ).
Il nome del file, le dimensioni e le dimensioni vengono visualizzati sotto l'immagine corrente.

{width="600" modal="regular"}

Per modificare Image corrente, eseguire una delle operazioni seguenti:

• ​ Carica una nuova immagine ​: utilizzare questo metodo per caricare un nuovo file di immagine dal sistema.

  • Fare clic su Upload Image.

  • Individua e scegli l’immagine da aggiungere alla galleria e al contenitore di destinazione.

• ​ Seleziona una risorsa esistente ​: utilizza questo metodo per selezionare una risorsa immagine esistente dall'archivio multimediale o dalla raccolta.

  • Fare clic su Select from Gallery.

  • Utilizza la struttura ad albero per passare all’immagine.

  • Fare clic sulla miniatura e fare clic su Add Selected.

    {width="600" modal="regular"}

• Cerca e seleziona un'immagine Adobe Stock: utilizza questo metodo per trovare un'immagine da Adobe Stock.

  note note
  NOTE
  Questo metodo richiede un'integrazione di Adobe Stock configurata per l'amministratore.

  • Fare clic su Search Adobe Stock e cercare un'immagine.

  • Salvare l'anteprima o l'immagine con licenza nella raccolta.

    Consulta Utilizzo di immagini Adobe Stock per ulteriori informazioni sull'utilizzo delle risorse Adobe Stock.

  • Selezionare la miniatura della risorsa nella raccolta e fare clic su Add Selected.

Per aggiungere un Mobile Image, utilizzare gli stessi metodi descritti nel passaggio precedente per selezionare un'immagine da utilizzare per la visualizzazione su dispositivi mobili.

{width="600" modal="regular"}

Se necessario, specificare Link per l'immagine.

Il collegamento è la pagina di destinazione che viene visualizzata quando il cliente fa clic sull'immagine. Puoi utilizzare uno dei tre tipi di collegamento seguenti:

• URL - Collegamenti a un URL relativo o completo.

• Product - Identifica la pagina di destinazione in base al nome del prodotto o allo SKU. Cerca il prodotto per nome in base a un nome parziale o completo. Scegli il prodotto dall’elenco dei risultati della ricerca.

  {width="600" modal="regular"}

• Category - Identifica la pagina di destinazione come categoria o sottocategoria specifica nella struttura delle categorie. Cerca la categoria in base a un nome parziale o completo. Scegliete la categoria dalla sezione espansa della struttura visualizzata.

  {width="600" modal="regular"}

• Page - Identifica la pagina di destinazione come pagina di contenuto specifica. Cerca la pagina in base a un nome parziale o completo. Scegliere la pagina dall'elenco dei risultati di ricerca.

  {width="600" modal="regular"}

Per impedire al visitatore di uscire dal tuo archivio, seleziona la casella di controllo Open in new tab. Quando la casella di controllo è deselezionata, la destinazione collegata si apre nella stessa scheda del browser, in modo da allontanare il visitatore dal tuo archivio.

Per aggiungere un Image Caption, immettere il testo che si desidera visualizzare sotto l'immagine.

Il formato della didascalia è determinato dal foglio di stile associato al tema corrente.

La didascalia viene in genere visualizzata sotto l’immagine e fornisce informazioni sull’immagine ai visitatori e ai motori di ricerca. Se il sito è disponibile in più lingue, è possibile utilizzare la stessa immagine, ma tradurre la didascalia. In HTML, il tag <figcaption> è un sottoinsieme del tag <figure>. <figcaption>This is the image caption</figcaption>

Aggiorna le altre impostazioni in base alle esigenze:

• Ottimizzazione motore di ricerca
• Avanzate

Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Passa il puntatore del mouse sul contenitore di immagini per visualizzare la casella degli strumenti e scegli l'icona Sposta ( {width="20"} ).

{width="500" modal="regular"}

Seleziona e trascina l’immagine nella nuova posizione, appena sotto la linea guida rossa.

{width="500" modal="regular"}

Passa il puntatore del mouse sul contenitore di immagini per visualizzare la casella degli strumenti e scegli l'icona Rimuovi ( {width="20"} ).

Quando viene richiesto di confermare, fare clic su OK.