Come faccio ad aggiungere un'immagine al mio sito Website Builder?

Questa guida ti spiega come aggiungere un'immagine al tuo sito Website Builder di one.com e personalizzarne le impostazioni, includendo aspetto, conversione dei link e testo alt.

  1. Accedi al tuo pannello di controllo one.com e fai clic su Website Builder.
  2. Trascina il componente Immagine dal menu a sinistra nell'area di lavoro.
  3. Seleziona l'immagine che desideri aggiungere oppure caricane una dal tuo computer o da un URL esterno.
  4. Regola le dimensioni e la posizione del componente immagine come preferisci.
  5. Seleziona l'immagine e fai clic su Modifica immagine per regolare le proprietà dell'immagine.
  6. Fai clic su Salva e Pubblica per rendere l'immagine visibile sul tuo sito.
Screenshot showing the Website Builder editor. A red arrow points to the Image tab in the menu on the left. A red dot with the number '1' shows the properties panel of an image that's been added to the workspace, and a red dot with the number '2' marks the open floating menu.

Proprietà del componente immagine

Puoi regolare come viene visualizzata l'immagine sul tuo sito utilizzando il menu sopra o sotto l'immagine e il menu flottante che puoi spostare nell'area di lavoro.

1 - Menu in alto/in basso

  • Link - Puoi trasformare un'immagine in un link. Fai clic sull'icona a forma di catena e imposta la posizione a cui vuoi collegarti.
  • Ruota: Ruota un'immagine a sinistra o a destra.
  • Ridimensiona immagine: Puoi usare questo cursore per ingrandire e rimpicciolire un'immagine senza modificare le dimensioni del componente.
  • Sostituisci immagine - Fai clic su questo bottone per selezionare un'altra immagine.

2 - Menu flottante

  • Ridimensionamento: Scegli come preferisci che l'immagine si comporti quando modifichi le dimensioni del componente.
    - Taglia mantiene il ridimensionamento dell'immagine, indipendentemente dalle dimensioni del componente.
    - Adatta regola le dimensioni del componente in modo che si adatti all'immagine.
    - Stretch modifica il ridimensionamento dell'immagine insieme al componente.
  • Bordo: Fai clic qui per aggiungere un bordo all'immagine. Puoi impostare il colore, l'opacità e la larghezza. Puoi anche aggiungere angoli arrotondati all'immagine.
  • Al clic: Seleziona cosa deve succedere quando l'utente fa clic sull'immagine: non fare nulla, mostrare un'immagine più grande o aprire un link.
  • SEO - Qui puoi inserire un titolo alternativo (alt) per la tua immagine. Questo viene mostrato quando l'immagine non può essere visualizzata e funge da testo alternativo. Aggiungere testo alternativo è fondamentale per la SEO. Fornire informazioni descrittive sulle immagini aiuta i motori di ricerca a comprendere il contenuto e il contesto delle immagini, migliorando la visibilità del tuo sito web nei risultati di ricerca. I testi alternativi migliorano anche l'accessibilità per chi non può vedere le immagini.
  • Visualizzazione mobile: Qui puoi nascondere un'immagine nella visualizzazione mobile o spostarla nella parte inferiore della pagina se l'immagine fa parte del tuo modello.
  • Animazione - Aggiungi un effetto di animazione per far risaltare ancora di più l'immagine sul tuo sito. Puoi scegliere tra "dissolvenza in entrata", "scivolata in entrata" o "rimbalzo".

Articoli Correlati:

Questo articolo ti è stato utile?

Non trovi quello che stai cercando?

Inizia una chat

È il modo più veloce per contattarci – in inglese, tutti i giorni dell’anno.