Design Manager

Design manager | Veelgestelde vragen

Laatst bijgewerkt: oktober 19, 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 bron 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 HubSpot Academy's Growth Driven Design certificering en HubSpot's CMS documentatie.

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 het HubSpot ontwerpforum. 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 het Developers forum.

Hoe krijg ik FTP-toegang tot HubSpot?

Met ingang van 27 mei 2020 is de FTP-website ondergegaan en vervangen door de CMS CLI. Lees meer over deze aankondiging.

Kan ik een globale groep bewerken voor een enkel sjabloon?

Terwijl globale modules terug kunnen worden geconverteerd naar een lokale module, kunnen globale groepen op dit moment niet worden geconverteerd. U kunt globale groepen klonen en toevoegen aan dat sjabloon.

Welke versie van bootstrap gebruikt de HubSpot Template Builder?

De HubSpot layout editor gebruikt een 12-koloms rastersysteem gebaseerd op Bootstrap 2.x om templateontwerpers in staat te stellen snel volledig responsieve webpagina's te bouwen binnen het HubSpot content platform.

Kan ik mijn eigen responsive grid gebruiken met HubSpot templates?

Alle HubSpot drag and drop lay-outs bevatten automatisch layout.css om modules responsief 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 u de opmaak van het bericht en de lay-out van de lijst aanpassen om 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's hebben een revisiegeschiedenis die het mogelijk maakt om terug te gaan naar een willekeurige versie van een sjabloon of een stuk van de inhoud. Voor sjablonen of gecodeerde bestanden klikt u op Acties > Revisies bekijken om de revisiegeschiedenis te 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 gebruiken om toegang te krijgen tot JavaScript en CSS bestanden, kunnen deze bestanden nu direct worden gekoppeld aan de module sidebar editor in de sectie Gekoppelde bestanden . CSS en JS bestanden die hier zijn opgenomen zullen automatisch 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 het echter moeilijk maken om templates te begrijpen en te bewerken. Om sjablonen voorspelbaarder en onderhoudbaarder te maken, zijn deze modules verwijderd ten gunste van het behoud van alle code binnen de context van aangepaste modules.

Als u HTML moet toevoegen op paginaniveau op een website, dan kunt u de HTML-module downloaden in de HubSpot Marketplace.

Hoe kan ik JS Plugins gebruiken met mijn aangepaste module?

Als u gebruik maakt van een script van een derde partij, dan koppelt u het scriptbestand aan het onderdeel Gelinkte bestanden in de module-editor. Vervolgens kunt u de 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 secties CSS en JS 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 span in een stylesheet vermeldt. De volgende verklaring zal bijvoorbeeld niet van toepassing zijn in de nieuwe design manager:

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

U kunt de <span> tag vervangen door een <div> tag . Het is echter 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 klonen om verlies 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 toevoegen aan uw module 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 validatiewaarschuwingen 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.