Centrare un'immagine, una CTA (legacy) o un logo in un'e-mail o in una pagina.
Ultimo aggiornamento: luglio 8, 2024
Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Legacy Marketing Hub Basic |
Se si utilizzano modelli di layout creati nello strumento Design Manager, è possibile centrare un'immagine, una CTA (legacy) o un modulo logo sulla pagina, sul blog o sull'e-mail, aggiungendo uno stile in linea al modello.
Se si utilizza un modello che include un'area di trascinamento, è possibile centrare l'allineamento dei moduli nell'editor dei contenuti. È anche possibile centrare i moduli nell'editor di pagina utilizzando i distanziatori orizzontali.
Centrare un'immagine, una CTA (legacy) o un logo con lo stile in linea
Attenzione:
- Questo metodo richiede una conoscenza di base dell'HTML.
- Se la pagina o il modello hanno un foglio di stile allegato o uno stile aggiuntivo, è possibile che il CSS esistente influenzi l'immagine, la CTA (legacy) o il logo. HubSpot consiglia di collaborare con un designer per identificare l'origine dello stile e apportare le modifiche necessarie per centrare le risorse.
Per centrare un'immagine, una CTA (legacy) o un logo in un modello di email o di pagina:
-
Andare al contenuto:
- Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
- Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
- Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
- Email: Nel tuo account HubSpot, passa a Marketing > E-mail di marketing.
- Passare il mouse sul contenuto, quindi fare clic su Modifica.
- Nell'editor, accedere alle impostazioni del contenuto:
- Per i post e le pagine, fare clic sul menu Impostazioni e selezionare Avanzate.
- Per le e-mail, fare clic sulla scheda Impostazioni , quindi fare clic per espandere la sezione Opzioni avanzate .
- Nella sezione Modello , fare clic su Modifica questo modello per aprire il modello nel design manager.
- Nel design manager, fare clic sul logo, sull' invito all'azione o sul modulo immagine.
- Nella colonna di destra, inserire text-align: center; nel campo Inline styling .
- In alto a destra, fare clic su Pubblica modifiche per applicare le modifiche a questo modello.
Centrare un'immagine, una CTA (legacy) o un logo dalle opzioni di styling del modulo
Se si utilizza un modello con un'area di trascinamento, in alcuni moduli o sezioni è possibile scegliere di impostare direttamente l'allineamento. Si noti però che questa opzione di stile potrebbe non essere disponibile in tutti i template o moduli.
- Per centrare i moduli delle pagine o dei post:
-
Navigare verso il contenuto:
- Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
- Pagine di atterraggio: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
- Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
- Nell'editor di pagina, fare clic sul modulo che si desidera centrare.
- Nel pannello di sinistra, fare clic sulla scheda Stili , quindi fare clic per espandere la sezione Allineamento e spaziatura .
- In Allineamento, selezionare l'allineamento Centro .
-
- Per centrare i moduli e-mail:
- Nel vostro account HubSpot, andate su Marketing > Email.
- Passate il mouse sulla vostra e-mail e fate clic su Modifica.
- Fate clic sul modulo che desiderate centrare.
- Nel pannello di sinistra, fate clic sul menu a discesa Allineamento e selezionate Centra.
Centrare un'immagine, una CTA (legacy) o un logo utilizzando i distanziatori orizzontali
Se il modulo in uso non dispone di opzioni di allineamento, dall'editor dei contenuti è possibile aggiungere distanziatori orizzontali alla pagina per centrare i moduli.
Per centrare il modulo utilizzando un distanziatore orizzontale:
-
Navigare nel contenuto:
- Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
- Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
- Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
- Nella colonna sinistra dell'editor di contenuti, fare clic su + Aggiungi.
- Nella barra di ricerca, cercare il distanziatore orizzontale.
- Fare clic e trascinare i distanziatori orizzontali su ciascun lato del modulo che si desidera centrare. Quindi, regolare la larghezza del distanziatore per centrare l'elemento.