CSS-filer (Cascading Style Sheets) är kodade filer som väljer element på din sida och styr deras presentation. CSS-filer kan inte bifogas e-postmeddelanden eller e-postmallar.
Den här artikeln går igenom hur man skapar, publicerar och bifogar en CSS-fil i HubSpot. Du kan lära dig hur du gör enkla designändringar på en viss sida. Om du använder en temamall kan du lära dig hur du redigerar dina temainställningar.
När du har skapat eller öppnat en befintlig CSS-fil kan du göra dina ändringar i kodredigeraren. Förutom standard-CSS stöder kodredigeraren HubL-variabler och makron för att göra det enklare att underhålla din CSS. För att förhandsgranska hur din HubL kommer att renderas, klicka för att slå påShow output längst upp i editorn. En panel öppnas till höger med den renderade förhandsgranskningen.
För att se en lista över standard CSS-selektorer för HubSpot-mallar, kolla in Boilerplate CSS.
Innan du publicerar, kontrollera din kod för HubL-fel. Det finns tre ställen där du kan hitta HubL-fel eller varningar i en anpassad modul eller kodad fil:
Fel som hindrar dig från att publicera visas i rött, medan allmänna varningar visas i gult. Längst ner i kodredigeraren klickar du på Visa detaljer för att se mer information om felen i felkonsolen och Dölj detaljer för att dölja felkonsolen.
I felkonsolen kommer det att finnas länkar till varhelst det finns HubL-fel eller varningar i din kod eller anpassade modul. Håll muspekaren över de röda felindikatorerna på vänster sida i kodredigeraren för att se felet eller varningen i din kod. Om du klickar på felet flyttas markören till alla fel eller varningar på den raden. Om du klickar på en anteckning i rullningslisten kommer du till den delen av filen.
Du kan också klicka på ett radnummer i kodredigeraren och få filens URL att uppdateras i enlighet med detta. På så sätt kan du dela en länk till din kod med andra och hänvisa dem till exakt var du arbetar i filen.
När du har redigerat filen klickar du på Publicera ändringar längst upp till höger. Om du vill använda formatmallen i en annan kodad mall kopierar du mallens URL genom att klicka på Åtgärder > Kopiera offentlig URL i den vänstra sidomenyn.
I HubSpot kan du bifoga formatmallar till ditt innehåll på några olika sätt. Nedan visas i vilken ordning bifogade formatmallar länkas på din webbplats:
* Obligatoriskt
** Krävs för dra och släpp-layouter
*** Rekommenderad metod för att bifoga stilmallar för malllayouter
Om du vill bifoga formatmallar till en mall öppnar du mallen i designhanteraren. I menyn på höger sida under Alternativ för huvud och brödtext väljer du en fil i rullgardinsmenyn Lägg till bredvid Länkade formatmallar.
Du kan redigera eller ta bort en formatmall som redan är bifogad genom att hålla muspekaren över den och klicka på Redigera för att göra ändringar i den eller på X för att ta bort den.
När du har lagt till en formatmall klickar du på Publicera ändringar i det övre högra hörnet för att tillämpa ändringarna på den sida som använder mallen.
Observera: det här alternativet är inte tillgängligt för temamallar. Lär dig hur du redigerar dina temainställningar.
Lägga till eller ta bort en sidspecifik formatmall från inställningsavsnittet i sidredigeraren:
Navigera till ditt innehåll:
Observera: temamallar måste innehålla annotationen enableDomainStylesheets: true för att kunna använda formatmallar på domännivå. Läs mer om mallkommentarer.
Lägga till eller ta bort en formatmall från allt innehåll på en domän:
Observera: När du nedgraderar till HubSpots Starter- eller gratisverktyg kommer bifogade formatmallar på domännivå att förbli aktiva tills du tar bort dem. När alla formatmallar har tagits bort kan du inte längre bifoga formatmallar på domännivå. Läs mer om att nedgradera en prenumeration.