Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Landing Pages

Personalizzare gli stili dei moduli nell'editor di contenuti

Ultimo aggiornamento: febbraio 22, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee
Legacy Marketing Hub Basic

All'interno dell'editor di pagina, puoi modificare la spaziatura, il padding e l'allineamento del contenuto del tuo modulo nella scheda Stile per personalizzare la posizione del modulo nella tua pagina. Se stai usando un modello codificato personalizzato da uno sviluppatore o un modello di tema, ci possono essere ulteriori opzioni di stile del modulo nella scheda Opzioni.

Se stai usando un modello di partenza, un modello a tema o un modello codificato con un'area di trascinamento, puoi anche applicare stili di sfondo a righe, colonne o sezioni della tua pagina.

Per favore nota: fer ottenere i migliori risultati, si raccomanda di lavorare con un designer per fare modifiche CSS direttamente ai fogli di stile allegati al tuo sito. Per personalizzare rapidamente gli stili di una pagina senza utilizzare alcun codice, utilizza un modello di partenza o un modello di tema.

Prima di iniziare

Le opzioni di stile disponibili dipendono dal tipo di modulo che stai modificando e dal modello di pagina che stai utilizzando. Lo sviluppatore del sito web che ha creato il tuo modello controlla quali opzioni di stile appaiono nell'editor di pagina.

  • I moduli più comuni hanno opzioni di stile per il margine e l'imbottitura in modo da poter regolare la spaziatura e il posizionamento dei tuoi moduli.I moduli del modulohanno più opzioni di stile, compreso il colore del testo e gli stili dei bordi.
  • I moduli che si ripetono più volte nelle tue pagine, come i pulsanti o le intestazioni, di solito hanno stili preimpostati per i colori e i caratteri che sono basati sul foglio di stile codificato del tuo modello o sulle impostazioni del tema del tuo modello.
  • Imoduli personalizzati non hanno opzioni di stile disponibili negli editor di contenuto e dovrebbero invece essere modificati nel gestore del design. Se hai bisogno di aiuto con un modulo personalizzato, puoi contattare un partner HubSpot che ti aiuterà con le modifiche al design.
  • Alcuni vecchi moduli sulla tua pagina possono contenerestili deprecati, che nonsono più disponibili nei nuovi moduli e modelli. Gli stili deprecati possono ancora essere modificati nella scheda Stili, ma se vengono cancellati saranno rimossi dal modulo.

Personalizzare gli stili per un modulo

Puoi personalizzare l'allineamento, la spaziatura e alcuni caratteri e colori nella scheda Stili. Le opzioni disponibili per il tuo modulo sono basate sul design del tuo modello di pagina.

Nota:i moduli creati

  • Nel tuo account HubSpot, vai aMarketing > Website > LandingPages o WebsitePages .
  • Nel pannello di sinistra, clicca sulla scheda Contenuto , quindi seleziona il modulo che vuoi modificare.
  • Clicca sulla scheda Stili.
  • La maggior parte dei moduli ha opzioni di allineamento e spaziatura:
    • Regola l'allineamento del contenuto del tuo modulo. Ad esempio, per centrare il contenuto del tuo modulo, clicca sull'icona blockAlignmentCenter Align center.
    • Per applicare imbottiture o margini intorno al tuo modulo o al suo contenuto, clicca sulle frecce per regolare questa spaziatura.
  • Personalizza qualsiasi altro bordo, carattere o colore disponibile per il tuo modulo.
  • Per annullare qualsiasi modifica apportata allo stile del tuo modulo, fai clic sull'icona di refresh revert per ripristinare tutti gli stili.

edit-module-styles

Personalizzare più opzioni di stile in un modello iniziale o in un modello di tema

Se stai usando un template iniziale, alcune opzioni di stile, come i font o i colori predefiniti, sono ripetute in più parti della tua pagina. A seconda di come il template è stato codificato dallo sviluppatore del tuo sito web, potresti essere in grado di sovrascrivere questi stili predefiniti nellascheda Opzioni del pannello sinistro.

  • Nell'editor di pagina, clicca sul modulo per selezionarlo.
  • Nel pannello sinistro, clicca sullascheda Opzioni.
  • Sotto le opzioni di contenuto predefinite del modulo, clicca per attivare l'interruttore Sovrascrivistile predefinito.
  • Qui puoi selezionare stili aggiuntivi, in base alle opzioni incluse nel modello della tua pagina. La maggior parte dei modelli di partenza hanno opzioni di sovrascrittura disponibili qui.

override-default-styles

  • Dopo aver apportato le tue modifiche, clicca su Applica le modifiche in basso a sinistra. Per tornare a tutte le opzioni di contenuto nel pannello sinistro, clicca su Indietro in alto a sinistra.