Voordat je aangepaste code toepast, zorg ervoor dat je eerst andere opties in je Carrière site -editor overweegt. Bijvoorbeeld, het kan zijn dat wat je probeert te bereiken al mogelijk is via een bestaand blok of via Aanpassingen binnen een blok.

Aangepaste code kan niet op alle Teamtailor pagina's worden toegepast, zoals de Connect pagina en sollicitaties. Als je uitgebreide aangepaste code nodig hebt, overweeg dan om je carrière pagina op je website te hosten voor volledige controle over ontwerp en functionaliteit via een job list widget of een volledige carrière redirect.
​
Wanneer je aangepaste code toepast op je site, zijn er drie beschikbare opties:

Laten we deze uitgebreider verkennen.

Aangepaste HTML & CSS-blokken kunnen aan je carrière site worden toegevoegd vanuit de Blokbibliotheek op elke inhoudspagina. Om er een toe te voegen, klik je op het + symbool in de linkerbenedenhoek en selecteer je dit blok.

Met het blok kun je je eigen HTML & CSS gebruiken om het precies zo te ontwerpen als je wilt. Houd er rekening mee dat dit blok onafhankelijk is en niet kan worden gebruikt om andere bestaande blokken of pagina's te bewerken.

Een aangepaste domein is vereist voor Aangepaste HTML & CSS-blokken om goed te functioneren.

In de ontwerpinstellingen kun je aangepaste stijlen inschakelen, zodat je je eigen CSS en JavaScript kunt toevoegen. Deze code kan bestaande blokken op de carrière site aanpassen of tracking scripts zoals Google Analytics inschakelen. Deze wijzigingen worden doorgevoerd op elke pagina van je carrière site.

Ga hiervoor naar de ontwerpinstellingen. Je kunt er toegang toe krijgen via het penseelicoon in de rechterbovenhoek van je hoofd Inhoudspagina of in de linkerbenedenhoek van elke andere pagina. Als je daar bent, scrol je naar beneden naar Overige en zet je Aangepaste Stijlen aan. Zodra dit is ingeschakeld, word je gevraagd om feedback te geven aan ons Productteam over je geplande implementatie, zodat we onze Inhoud functie verder kunnen ontwikkelen.

Nadat dit is ingesteld, heb je toegang tot twee nieuwe velden: Aangepaste CSS en Aangepaste JavaScript.

Houd er rekening mee dat een aangepaste domein vereist is voor elke JavaScript om te functioneren.

Als je van plan bent om een specifiek bestaand blok te wijzigen, is het essentieel om eerst een aangepaste wrapper toe te passen. Dit zorgt ervoor dat je een unieke klasse hebt om op te richten, zodat ongewenste wijzigingen op je carrièresite worden voorkomen.

Zodra de wrapper op zijn plaats is, kun je de code op je carrièresite inspecteren om andere elementen erin te identificeren. Van daaruit kun je CSS of JavaScript gebruiken om de gewenste wijzigingen door te voeren.

Bij het toepassen van aangepaste code op je carrièresite, kun je een specifiek inhoudsblok met CSS richten door gebruik te maken van Aangepaste wrappers.

Om met aangepaste wrappers op de carrièresite te werken, moet je eerst een wrapperklasse creëren. Om dit te doen, ga je naar het blok dat je met je code wilt richten en klik je op Aanpassingen. Zorg ervoor dat de Aangepaste klasse aan staat.

Daarna vind je een nieuwe sectie in het blok genaamd Aangepaste klasse waar je de klasse een naam naar keuze kunt geven. Daaronder zie je welke exacte aangepaste wrapper je kunt gebruiken in de stijlcode in Globaal ontwerp.