Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Design Manager

Design manager | Veelgestelde vragen

Laatst bijgewerkt: december 15, 2020

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Vind snel antwoorden en algemene informatie over de

design manager tool in HubSpot. Deze resource bevat ook links naar meer bronnen voor ontwerpers die aan het CMS werken.

Waar kan ik meer leren over ontwerpen op HubSpot?

Om meer te weten te komen over ontwerpen op HubSpot, bekijk de HubSpotAcademy's Growth Driven Design certificering en HubSpot's CMSdocumentatie.

De Design Certification is een gratis certificering met een videotraining en een ontwerppracticum.

De CMS-documentatie van HubSpot omvat:

Is er een HubSpot bron die ik kan gebruiken voor het oplossen van problemen met op maat gecodeerde ontwerpen of HubL?

De beste bron voor interactie met de HubSpot-ontwerperscommunity is hetHubSpot-ontwerppforum.

Dit forum wordt gecontroleerd door HubSpot-ontwerpers en HubSpot-gebruikers met ontwerpexpertise.

Voor vragen over de ontwikkeling van de HubSpot API kunt u terecht op hetDevelopers forum.

Hoe krijg ik FTP-toegang tot HubSpot?

Met ingang van 27 mei 2020 werd FTP vervangen door de CMS CLI. Lees meer over deze aankondiging.

Kan ik een globale groep bewerken voor een enkel sjabloon?

Terwijl globale modulesterug kunnen wordengeconverteerd naar een lokale module, kunnenglobale

groepen dat niet. Om een globale groep voor een enkel sjabloon te bewerken, kloont u de globale groep en voegt u de kloon toe aan uw sjabloon.

Welke versie van bootstrap gebruikt de HubSpot Template Builder?

De HubSpot layout editor gebruikt een 12-koloms rastersysteem gebaseerdop Bootstrap 2.xom templateontwerpers instaat te stellen snel volledig responsieve webpagina's te bouwen binnen het HubSpotcontent

platform.

Kan ik mijn eigen responsive grid gebruiken met HubSpot-sjablonen?

Alle HubSpot drag and drop lay-outs bevatten automatischlayout.css om modulesresponsief te maken

. Als u een ander of aangepast reactief raster wilt gebruiken, zoals Bootstrap 3, moet u de CSS in layout.css overschrijven of gecodeerde sjablonen gebruiken, waarbij layout.css niet is gekoppeld.

Hoe kan ik mijn blogbericht en de lay-out van mijn lijst herstructureren?

Met de Blog-inhoudsmodules kunt ude opmaak van het bericht en de lay-out van de lijst aanpassenom te bepalen

waar de verschillende elementen van een bericht worden weergegeven.

Kan ik terugkeren naar een vorige versie van een sjabloon?

Alle template lay-outs, gecodeerde bestanden en pagina'shebben een revisiegeschiedenis die het mogelijk maaktom terug te gaan naar een willekeurige versie van een template of een stukje inhoud. Voor sjablonen of gecodeerde bestanden klikt u opActies > Revisies bekijken omde revisiegeschiedeniste openen

.

Ontwerpmanager v2

Wat is het verschil tussen "widget" en "module" bij het verwijzen naar modulevelden?

Het v1-modulekader verwijst naar modulevelden met behulp van {{ widget.field }}. Het v2-framework verwijst naar modulevelden met behulp van {{ module.field }}.

Het gebruik van {{ widget.field }} in het v2-framework zal echter blijven werken zoals verwacht. Het is niet nodig om uw aangepaste modules te updaten om te verwijzen naar "module".

Hoe kan ik JS- en CSS-bestanden toevoegen zonder "get_public_template_url"?

In plaats van "get_public_template_url"te gebruikenomtoegang te krijgen tot JavaScripten CSS bestanden,kunnen dezebestanden nu direct worden gekoppeld aan de module sidebar editor inde sectie Gelinkte bestanden. CSSen JS bestanden diehier zijn opgenomenzullenautomatisch worden geladen op pagina's met behulp van de module.

Hoe kan ik Custom HTML of Custom HubL modules toevoegen aan mijn template?

HTML en HubL modules zijn verwijderd.. Deze modules bieden een snelle manier voor ontwikkelaars om stukjes HTML en HubL toe te voegen aan een sjabloon. Ze kunnen echter sjablonen moeilijk te begrijpen en te bewerken maken. Om sjablonen voorspelbaarder en onderhoudbaarder te maken, werden deze modules verwijderd ten gunste van het bewaren van alle code binnen de context van aangepaste modules.

Als u HTML moet toevoegen op paginaniveau op een website, kan de HTML-module worden gedownload in de HubSpotMarketplace.

Hoe kan ik JS Plugins gebruiken met mijn aangepaste module?

Als u een script van een derde partij gebruikt, koppelt u het scriptbestand aan de sectieGelinkte bestandenin de module-editor. Vervolgens kunt ude plugin in de JS-sectie van de code-editor activeren. Als u parameters aan de plugin moet doorgeven, kunt u de data-attributen in de HTML + HubL sectie van de editor gebruiken om deze waarden op te slaan.

Als ik een upgrade doe, wordt mij gevraagd waar ik deze module wil gebruiken. Wat is het verschil tussen deze opties?

Als u een aangepaste module in een e-mail gebruikt, zullen de CSS en JS secties niet verschijnen in de editor omdat stylesheets en JavaScript niet worden ondersteund in de meeste e-mailclients. Voor e-mailmodules kunt u nog steeds de nodige styling in <style>-tags opnemen.

Als u een module op uw pagina's of blogberichten gebruikt, zullen de JS en CSS secties verschijnen zoals verwacht.upgrade-design-manager-modules

Zijn er wijzigingen in de manier waarop de modules in de v2 van de designmanager worden gecodeerd?

Modules in v2 van de design manager zijn gewikkeld in <div> tags, maar modules in de oude design manager waren gewikkeld in <span> tags. Deze wijziging heeft alleen invloed op uw module als u de module overspant in een stylesheet. De volgende verklaring zal bijvoorbeeld niet van toepassing zijn in de nieuwe designmanager:

{% ruw %}
spanwijdte #hs_cos_wrapper_widget_5038393204 {
Kleur: blauw;
}
{% endraw %}

U kunt de <span> tag vervangen door een <div> tag. Het isechter niet aan te raden om te vertrouwen op standaard HubSpot wrappers om uw CSS te schrijven. Het is beter om aangepaste CSS-klassen te gebruiken, zoals "my-custom-module", in plaats daarvan.

Ik krijg een "Nested Modules" fout bij het upgraden van mijn module. Hoe kan ik dit oplossen en de module publiceren?

Lees meer over het identificeren en oplossen van een geneste modulefout.Voor geneste modules die op een aantal sjablonen worden gebruikt, kunt u de module het beste eerst klonenomverlies van content op paginaniveau te voorkomen. Los vervolgens de fouten in de gekloonde module op en gebruik die kloon in uw sjablonen.

Hoe kan ik een globale groep aan mijn module toevoegen?

In plaats van {% include %} in uw aangepaste module te gebruiken om een globale groep toe te voegen, kunt u een menuveld aan uw module toevoegen of de globale inhoud van de modules bewerken.

Kan ik mijn v1 aangepaste modules gebruiken in de nieuwe design manager?

Ja,u kunt alle legacy-modules in de module-editor bewerken. U zult validatie waarschuwingen en suggesties zien voor elke code die niet wordt ondersteund in het v2 module framework, maar u kunt deze modules blijven bewerken en gebruiken in HubSpot.

Hoewel u al uw bestaande aangepaste modules kunt behouden, zult u niet in staat zijn om nieuwe modules te maken met behulp van het oude framework. Als u een legacy-module kloont, wordt de gekloonde module in het nieuwe module-raamwerk aangemaakt.