Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Design Manager

Design manager | Vanliga frågor

Senast uppdaterad: november 2, 2021

Gäller för:

Marknadsföring Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Tidigare Marketing Hub Basic

Hitta snabbt svar och allmän information om

designhanteringsverktyget i HubSpot. Den här resursen innehåller också länkar till fler resurser för designers som arbetar med CMS.

Var kan jag lära mig mer om design i HubSpot?

Om du vill lära dig mer om design i HubSpot kan du kolla inHubSpot Academys Growth Driven Design-certifieringochHubSpot CMS-dokumentation

.

Designcertifieringen är en kostnadsfri certifiering som innehåller videoutbildning och ett designpraktikum.

HubSpot's CMS-dokumentation innehåller bland annat följande:

Finns det någon HubSpot-resurs som jag kan använda för att felsöka specialkodad design eller HubL?

Den bästa resursen för att interagera med HubSpot-designergemenskapen ärHubSpot-designforumet

. Detta forum övervakas av HubSpot-designers och HubSpot-användare med designkunskap.

Om du har frågor om HubSpot API-utveckling kan du gå tillforumet för utvecklare

.

Hur får jag FTP-åtkomst till HubSpot?

Från och med den 27 maj 2020 upphörde FTP och ersattes av CMS CLI. Läs mer om detta tillkännagivande.

Kan jag redigera en global grupp för en enskild mall?

Medan globala moduler kankonverteras tillbaka till en lokal modul

kan globala grupper inte göra det. Om du vill redigera en global grupp för en enskild mall klonar du den globala gruppen och lägger sedan till klonen i din mall.

Vilken version av bootstrap använder HubSpot Template Builder?

HubSpot-layoutredigeraren använder ett 12-kolonners rutnätssystembaseratBootstrap 2.x för att malldesigners snabbt ska kunna bygga helt responsivawebbsidor inomHubSpot-innehållsplattformen

.

Kan jag använda mitt eget responsiva rutnät med HubSpot-mallar?

Alla HubSpot-drag-och-släpp-layouter innehåller automatisktlayout.css

för att göra modulerna responsiva. Om du vill använda ett annat eller anpassat responsivt rutnät, till exempel Bootstrap 3, måste du antingen åsidosätta CSS i layout.css eller använda kodade mallar där layout.css inte är bifogad.

Hur strukturerar jag om layouten för mina blogginlägg och listor?

Med blogginnehållsmoduler kan duredigera inläggets och listningslayouten

för att styra var de olika elementen i ett inläggsobjekt visas.

Kan jag återgå till en tidigare version av en mall?

Alla malllayouter, kodade filer ochsidor har en revideringshistoriksom gör att du kan återgå till vilken version som helst av en mall eller ett innehållsobjekt. För mallar eller kodade filer klickar du påÅtgärder>

Visa revisioner för att komma åt revisionshistoriken.

Design Manager v2

Vad är skillnaden mellan "widget" och "module" när man hänvisar till modulfält?

Modulramverket i v1 hänvisade till modulfält med hjälp av {{ widget.field }}. Ramverket v2 refererar till modulfält med {{ module.field }}.

Användning av {{ widget.field }} i v2-ramverket kommer dock att fortsätta att fungera som förväntat. Det är inte nödvändigt att uppdatera dina anpassade moduler så att de hänvisar till "module".

Hur kan jag bifoga JS- och CSS-filer utan "get_public_template_url"?

I stället för att använda "get_public_template_url"för att få tillgång tillJavaScript-ochCSS-filer kan dessa filer nu bifogas direkt tillmodulens sidobarredigerare i avsnittetLänkade filer.CSS- och JS-filer som inkluderas här kommer automatiskt att laddas på sidor som använder modulen.

Hur kan jag lägga till anpassade HTML- eller anpassade HubL-moduler i min mall?

Modulerna HTML och HubL har tagits bort.. Dessa moduler var ett snabbt sätt för utvecklare att lägga till HTML- och HubL-utdrag i en mall. De kan dock göra mallar svåra att förstå och redigera. För att göra mallar mer förutsägbara och underhållbara togs dessa moduler bort till förmån för att all kod hålls inom ramen för anpassade moduler.

Om du behöver lägga till HTML på sidnivå på en webbplats kan HTML-modulen laddas ner påHubSpot Marketplace.

Hur kan jag använda JS-plugins med min anpassade modul?

Om du använder ett skript från tredje part länkar du skriptfilen till avsnittetLänkade fileri modulredigeraren. Därefter kan duutlösa insticksprogrammet i avsnittet JS i kodredigeraren. Om du behöver skicka parametrar till insticksmodulen kan du använda dataattribut i avsnittet HTML + HubL i redigeraren för att lagra dessa värden.

När jag uppgraderar får jag frågan var jag vill använda modulen. Vad är skillnaden mellan dessa alternativ?

Om du använder en anpassad modul i ett e-postmeddelande kommer CSS- och JS-avsnitten inte att visas i redigeraren eftersom formatmallar och JavaScript inte stöds i de flesta e-postklienter. För e-postmoduler kan du fortfarande inkludera nödvändig styling i <style>-taggar.

Om du använder en modul på dina sidor eller blogginlägg visas JS- och CSS-sektionerna som förväntat.upgrade-design-manager-modules

Finns det några ändringar i hur modulerna i v2 av Design Manager är kodade?

Moduler i v2 av designhanteraren är inplacerade i <div>-taggar, men moduler i den gamla designhanteraren var inplacerade i <span>-taggar. Den här ändringen påverkar bara din modul om du hänvisar till modulens span i ett formatmallblad. Följande deklaration kommer till exempel inte att gälla i den nya designhanteraren:

{% raw %}
span #hs_cos_wrapper_widget_5038393204 {
Färg: blå;
}
{% endraw %}

Du kan ersätta <span>-taggen med en <div>-tagg. Det rekommenderas dock inte att förlita sig på HubSpot-standardwrappers för att skriva din CSS. Det är bättre att använda anpassade CSS-klasser, till exempel "my-custom-module", i stället.

Jag får ett fel "Nested Modules" när jag uppgraderar min modul. Hur kan jag lösa detta och publicera modulen?

Läs mer om hur du identifierar och löser ett fel i en inbäddad modul.För nästlade moduler som används på ett antal mallar är det bäst att klona modulenförstför att förhindra att innehåll på sidnivå går förlorat. Lös sedan felen i den klonade modulen och använd klonen i dina mallar framöver.

Hur kan jag lägga till en global grupp i min modul?

I stället för att använda {% include %} i din anpassade modul för att lägga till en global grupp kan du lägga till ett menyfält i din modul eller redigera modulens globala innehåll.

Kan jag använda mina anpassade moduler från v1 i den nya designhanteraren?

Ja,du kan redigera alla äldre moduler i modulredigeraren. Du kommer att se valideringsvarningar och förslag för kod som inte stöds i v2-modulramverket, men du kommer att kunna fortsätta redigera och använda dessa moduler i HubSpot.

Du kan behålla alla dina befintliga anpassade moduler, men du kan inte skapa nya moduler med hjälp av det gamla ramverket. Om du klonar en äldre modul kommer den klonade modulen att skapas i det nya modulramverket.