Innan du lägger till anpassad kod, se till att överväga andra alternativ som finns tillgängliga i Innehåll först. Till exempel kan det vara så att vad du försöker uppnå redan är möjligt via en befintlig block, eller genom Justeringar inom ett block.
Denna artikel guidar dig i hur du lägger till anpassad kod till din karriärsida. Observera att Teamtailor inte kan hjälpa till med att lägga till eller underhålla den anpassade kod som du har implementerat. Produktuppdateringar kan påverka din kod, och du är ansvarig för att göra justeringar i enlighet med detta.
Anpassad kod kan inte tillämpas på alla Teamtailor-sidor, till exempel Connect-sidan och jobbansökningar. Om du behöver omfattande anpassad kod, överväg att hosta din karriärsida på din webbplats för full design och funktionalitet kontroll via en jobblista-widget eller en full karriär-omdirigering.
När du tillämpar anpassad kod på din sida finns det tre tillgängliga alternativ:
Anpassad HTML & CSS-block
Global Design: CSS & JavaScript
Anpassad klass
Låt oss utforska dessa i mer detalj.
Block: Anpassad HTML & CSS
Anpassade HTML & CSS-block kan läggas till på din karriärsida från Blockbiblioteket på vilken innehållssida som helst. För att lägga till en, klicka på + symbolen i det nedre vänstra hörnet och välj detta block.
Med blocket kan du använda din egen HTML & CSS för att designa det precis som du vill. Observera att detta block är oberoende och kan inte användas för att redigera andra befintliga block eller sidor.
En anpassad domän krävs för att anpassade HTML- och CSS-block ska fungera korrekt.
Global Design: CSS & JavaScript
I Global Design kan du aktivera anpassade stilar, vilket gör att du kan lägga till din egen CSS och JavaScript. Denna kod kan modifiera befintliga block på karriärsidan eller möjliggöra spårningsskript som Google Analytics. Dessa ändringar kommer att tillämpas på varje sida av din karriärsida.
För att implementera detta, navigera till Global Design. Du kan få tillgång till det via pensel-ikonen i det övre högra hörnet av din huvudsakliga innehållssida eller i det nedre vänstra hörnet av vilken annan sida som helst. När du är där, scrolla ner till Övrigt och växla på Anpassad klass. När det är aktiverat kommer du att bli ombedd att ge feedback till vårt produktteam om din planerade implementation, vilket hjälper oss att vidareutveckla vår innehållsfunktion.
Efter detta är inställt, kommer du ha tillgång till två nya fält: Anpassad Javascript och Anpassad CSS. Kom ihåg att en anpassad domän krävs för att någon JavaScript ska fungera.
Om du planerar att modifiera ett specifikt befintligt block, är det viktigt att först tillämpa en anpassad klass. Detta säkerställer att du har en unik klass att rikta in dig på, för att förhindra oavsiktliga ändringar på din karriärsida.
När klassen är på plats kan du inspektera koden på din karriärsida för att identifiera andra element inom den. Därifrån kan du använda CSS eller JavaScript för att implementera dina önskade ändringar.
Anpassade klass
När du tillämpar anpassad kod på din karriärsida kan du rikta in dig på ett specifikt innehållsblock med CSS genom att använda anpassad klass.
För att arbeta med anpassad klass på karriärsidan, behöver en wrapper-klass skapas först. För att göra detta, gå till blocket som du vill rikta din kod mot och klicka på Justeringar. Här, se till att den anpassade klassen är aktiverad på.
Efter det kommer du att hitta ett nytt avsnitt i blocket kallat Anpassad klass där du kommer att kunna namnge klassen med ett namn av ditt val. Under det kommer du att se vilket exakt anpassat omslag som ska användas i stylingkoden i global design.
