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

Ontwerpmanager instellingen aanpassen

Laatst bijgewerkt: maart 22, 2021

Geldt voor:

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

Pas uw ontwikkelaarservaring aan met ontwerpbeheerinstellingen. De instellingen omvatten het standaard opstartgedrag van de design manager, code-instellingen voor aangepaste gecodeerde bestanden, en JavaScript-intinting.

Om toegang te krijgen tot deze instellingen:

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik rechtsonder op Instellingen en selecteer vervolgens Instellingen openen.

design-manager-settings

  • Klik op hetInstellingen dropdown menu om het type instellingen te selecteren dat u wilt aanpassen.

    design-manager-settings-dropdown

Algemene instellingen

  • Open zoeker bij opstarten: indien aangevinkt, wordt de zoeker links geopend wanneer de design manager voor het eerst wordt geopend.
  • Voorvertoningbijwerken bij wisselen van bestand: indien aangezet, toont de voorvertoning van de design manager het momenteel geselecteerde bestand. Activeer deze instelling als u een voorbeeld van één bestand tegelijk wilt zien.


Code-instellingen

Uiterlijk

  • Thema: het kleurenschema dat wordt gebruikt door de code-editors.
  • Lettertype: het primaire lettertype en de lettergrootte die worden gebruikt door de code-editor.

Bron

  • Tab grootte: de breedte van een tab karakter bij het indrukken van de tab toets in de code editor.
  • Inspring eenheid: het aantal spaties dat een codeblok moet inspringen door slim inspringen.
  • Soft tabs: indien ingeschakeld, voegt de tab-toets spaties in gelijk aan de tab-grootte in plaats van een tab-teken.
  • Slim inspringen: indien ingeschakeld, volgen nieuwe regels de inspringing van de vorige regel.
  • Inspringen bij opmaak-invoer: indien ingeschakeld, laat u dezelfde regel inspringen bij contextgevoelige invoer. Bijvoorbeeld, een case x: statement, of een afsluitende } zal correct inspringen wanneer deze wordt ingevoegd.
  • Inspringen met tabs: indien ingeschakeld, worden bij automatisch inspringen door slim inspringen of opmaak-invoer tabs gebruikt.
  • Regelsomwikkelen: indien ingeschakeld, worden regels omwikkeld in plaats van dat horizontaal scrollen nodig is.
  • Haakjes automatisch sluiten: indien ingeschakeld, sluit de code-editor automatisch haakjes en aanhalingstekens, zoals:

    () [] {} ’’ ””
  • Automatisch sluiten van tags: indien aangezet, sluit de code-editor automatisch XML-tags.
  • Overeenkomende haakjes: indien aangezet, wordt door het plaatsen van de cursor naast een haakje het overeenkomstige openende of sluitende haakje gemarkeerd.
  • Overeenkomendetags: indien ingeschakeld, wordt door het plaatsen van de cursor naast een tag de overeenkomstige openende of sluitende tag gemarkeerd.
  • Doorgaan met blokcommentaar: indien aangezet, gaat de code-editor automatisch door met blokcommentaar bij het maken van nieuwe regels.


JavaScript-verfijningsinstellingen

  • Klik op om de schakelaar ESLint inschakelen in of uit te schakelen. Wanneer deze optie is ingeschakeld, zal ESLint JavaScript overnemen bij het bekijken van uitvoer in gecodeerde bestanden.

    design-manager-coded-file-show-output
  • In het linkerpaneel configureert u uw ESLint-instellingen. Meer informatie over het configureren van ESLint.
  • In het rechterpaneel ziet u een JavaScript-demo die de wijzigingen weergeeft die u aan de linkerkant aanbrengt.
  • Klik op Standaardinstellingen herstellen eslintrc om de standaardconfiguratie te herstellen.

    js-linter-settings