HubSpot's design manager biedt een uitgebreide set tools die developers nodig hebben om geavanceerde websites te bouwen. In dit artikel krijg je een rondleiding langs de functies van de Design Manager.
Waar kan ik de Design Manager vinden?
De Design Manager is te vinden onder Contents > Design Manager. De Design Manager is beschikbaar voor alle Hubs.
Code editor
HubSpot's code editor is een IDE waarmee je CSS-bestanden, Javascript-bestanden en HTML-sjablonen kunt coderen. Met de preview functie kan je je code testen op verschillende schermformaten. De code editor biedt ook vele andere handige IDE-functies, zoals kleurgecodeerde klassen, foutcontrole, syntax highlighting, automatisch opslaan, automatisch sluiten van tags en automatisch inspringen. Als je lokaal wilt ontwikkelen kan je gebruik maken va de HubSpot CLI. Voor meer informatie bekijk HubSpot documentatie of de voordelen voor developers.
Wat is HubL?
HubL, oftewel HubSpot Markup Language, is een template taal die binnen het HubSpot Content Management System (CMS) wordt gebruikt voor het creëren van templates en modules. Hiermee kunnen ontwikkelaars dynamische content, logica en functionaliteiten toevoegen aan de templates.
Bestand types
Om een nieuw bestand aan te maken, ga naar Bestand > Nieuw bestand in de linkerbovenhoek van de finder. Hier heb je verschillende opties om diverse soorten assets te creëren:
- HTML & HUBL: een op maat gemaakt sjabloon, ontwikkeld in de code editor met behulp van HTML, CSS en Javascript.
- Module: een aangepaste module die aan een sjabloon kan worden toegevoegd.
- Stylesheet: een CSS-bestand waarmee je modules en bestanden kunt stylen.
- JavaScript: een Javascript-bestand dat kan worden toegepast op modules en bestanden.
- Markdown: Tekstbestand dat Markdown-syntaxis gebruikt voor styling
- GraphQL: Hiermee kun je dataquery's maken die toegang hebben tot uw HubSpot CRM- en HubDB-gegevens om gepersonaliseerde en data gestuurde ervaringen te creëren voor uw website bezoekers
Voor specifieke codevoorbeelden en referentiedocumentatie kun je terecht bij HubSpot's developer documentation