Salta al contenuto
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.
Design Manager

Design manager | Domande frequenti

Ultimo aggiornamento: marzo 25, 2021

Si applica a:

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

Trova rapidamente risposte e informazioni generali sullo

strumento di gestione della progettazione in HubSpot. Questa risorsa include anche collegamenti ad altre risorse per i progettisti che lavorano sul CMS.

Dove posso imparare di più sulla progettazione su HubSpot?

Per saperne di più sulla progettazione su HubSpot, controlla lacertificazione Growth Driven Design di Academy e ladocumentazione CMSdiHubSpot

.

La certificazione Design è una certificazione gratuita che include una formazione video e una pratica di progettazione.

La documentazione CMS di HubSpot include:

C'è una risorsa HubSpot che posso usare per risolvere i problemi del design codificato personalizzato o HubL?

La migliore risorsa per interagire con la comunità di designer HubSpot è ilforum di design HubSpot

. Questo forum è monitorato da designer HubSpot e da utenti HubSpot con esperienza nel design.

Per domande riguardanti lo sviluppo delle API di HubSpot, controlla ilforum degli sviluppatori.

Come posso ottenere l'accesso FTP a HubSpot?

A partire dal 27 maggio 2020, FTP è tramontato ed è stato sostituito dal CMS CLI. Per saperne di più su questo annuncio.

Posso modificare un gruppo globale per un singolo modello?

Mentre i moduli globali possono essereconvertiti in un modulo locale, i gruppiglobali

non possono. Per modificare un gruppo globale per un singolo template, clona il gruppo globale, poi aggiungi il clone al tuo template.

Quale versione di bootstrap usa il HubSpot Template Builder?

L'editor di layout HubSpot utilizza un sistema di griglia a 12 colonne basatosu Bootstrap 2.xper consentire ai progettisti di template di costruire rapidamente pagine web completamente reattive all'interno della piattaforma dicontenuti

HubSpot.

Posso usare la mia griglia responsive con i template HubSpot?

Tutti i layout HubSpot drag and drop includono automaticamentelayout.css per rendere i moduli

responsive. Se vuoi usare una griglia responsive diversa o personalizzata come Bootstrap 3, dovresti sovrascrivere il CSS in layout.css o usare template codificati, dove layout.css non è allegato.

Come posso ristrutturare il layout dei post e degli annunci del blog?

I moduli di contenuto del blog ti permettono di modificareil markup del post e il layout dell'inserzione per controllare

dove vengono resi i vari elementi di un post.

Posso tornare a una versione precedente di un template?

Tutti i layout dei modelli, i file codificati e le paginehanno una storia di revisione cheti permettedi tornare a qualsiasi versione di un modello o di un pezzo di contenuto. Per i modelli o i file codificati, clicca su Actions> View Revisions peraccedere alla storia di revisione

.

Design Manager v2

Qual è la differenza tra "widget" e "modulo" quando si fa riferimento ai campi del modulo?

Il framework del modulo v1 faceva riferimento ai campi del modulo usando {{ widget.field }}. Il framework v2 fa riferimento ai campi del modulo usando {{ module.field }}.

Tuttavia, usare {{ widget.field }} nel framework v2 continuerà a funzionare come previsto. Non è necessario aggiornare i tuoi moduli personalizzati per fare riferimento a "modulo".

Come posso allegare i file JS e CSS senza "get_public_template_url"?

Invece di usare "get_public_template_url" peraccedere ai file JavaScripte CSS, questifile possono ora essere allegati direttamente all'editordellabarra laterale del modulonellasezione Linked files.I file CSSe JS inclusiquisaranno automaticamente caricati sulle pagine che utilizzano il modulo

.

Come posso aggiungere moduli HTML o HubL personalizzati al mio template?

I moduli HTML e HubL sono stati rimossi. Questi moduli fornivano un modo veloce per gli sviluppatori di aggiungere frammenti di HTML e HubL ad un template. Tuttavia, possono rendere i template difficili da capire e modificare. Per rendere i template più prevedibili e mantenibili, questi moduli sono stati rimossi in favore del mantenimento di tutto il codice all'interno del contesto dei moduli personalizzati.

Se hai bisogno di aggiungere HTML a livello di pagina su un sito web, il modulo HTML può essere scaricato nelMarketplace HubSpot

.

Come posso usare i plugin JS con il mio modulo personalizzato?

Se stai usando uno script di terze parti, collegherai il file dello script alla sezioneLinked filesnell'editor dei moduli. Poi puoiattivare il plugin nella sezione JS dell'editor di codice. Se hai bisogno di passare dei parametri al plugin, puoi usare gli attributi dati nella sezione HTML + HubL dell'editor per memorizzare questi valori.

Quando aggiorno, mi viene chiesto dove vorrei usare questo modulo. Qual è la differenza tra queste opzioni?

Se stai usando un modulo personalizzato in un'email, le sezioni CSS e JS non appariranno nell'editor perché i fogli di stile e JavaScript non sono supportati nella maggior parte dei client di posta elettronica. Per i moduli email, puoi ancora includere lo stile necessario nei tag <style>.

Se stai usando un modulo nelle tue pagine o nei post del blog, le sezioni JS e CSS appariranno come previsto.upgrade-design-manager-modules

Ci sono dei cambiamenti nel modo in cui sono codificati i moduli nella v2 del design manager?

I moduli nella v2 del design manager sono avvolti nei tag <div>, ma i moduli nel vecchio design manager erano avvolti nei tag <span>. Questo cambiamento avrà un impatto solo sul tuo modulo se stai facendo riferimento allo span del modulo in un foglio di stile. Per esempio, la seguente dichiarazione non sarà applicata nel nuovo design manager:

{% raw %}
span #hs_cos_wrapper_widget_5038393204 {
Colore: blu;
}
{% endraw %}

Puoi sostituire il tag <span> con un tag <div>. Tuttavia,non èraccomandabile fare affidamento sui wrapper predefiniti di HubSpot per scrivere il tuo CSS. È meglio invece usare classi CSS personalizzate, come "my-custom-module".

Sto ottenendo un errore "Nested Modules" quando aggiorno il mio modulo. Come posso risolvere questo problema e pubblicare il modulo?

Scopri di più su come identificare e risolvere un errore di modulo annidato.Per i moduli annidati usati su un certo numero di template, è meglio clonare prima il moduloperevitare la perdita di contenuto a livello di pagina. Poi, risolvi gli errori nel modulo clonato e usa quel clone nei tuoi template andando avanti.

Come posso aggiungere un gruppo globale al mio modulo?

Invece di usare {% include %} nel tuo modulo personalizzato per aggiungere un gruppo globale, puoi aggiungere un campo menu al tuo modulo o modificare il contenuto globale del modulo.

Posso usare i miei moduli personalizzati v1 nel nuovo design manager?

Sì,puoi modificare tutti i moduli legacy nell'editor di moduli. Vedrai avvisi di validazione e suggerimenti per qualsiasi codice che non è supportato nel framework dei moduli v2, ma sarai in grado di continuare a modificare e utilizzare questi moduli in HubSpot.

Mentre puoi mantenere tutti i tuoi moduli personalizzati esistenti, non sarai in grado di creare nuovi moduli usando il vecchio framework. Se cloni un modulo legacy, il modulo clonato sarà creato nel nuovo framework dei moduli.