Innan du lägger in anpassad kod, se till att först överväga andra alternativ som finns i redigeraren för er Karriärsida. Till exempel kan det redan vara möjligt att uppnå det du vill via ett befintligt block eller genom Justeringar inom ett block.
Denna artikel guidar dig i hur du lägger till anpassad kod på er karriärsida. Notera att Teamtailor inte kan hjälpa till med att lägga till eller underhålla den anpassade koden som ni implementerar. Produktuppdateringar kan påverka er kod, och ni ansvarar för att anpassa den därefter.
Anpassad kod kan inte användas på alla Teamtailor-sidor, till exempel Connect-sidan och jobbansökningar. Om du behöver omfattande anpassad kod kan du överväga att lägga din karriärsida på din egen webbplats för full kontroll över design och funktionalitet via en jobblista-widget eller en full omdirigering av karriärsidan.
När du tillämpar anpassad kod på din sida finns det tre tillgängliga alternativ:
Anpassad HTML & CSS-block
Designinställningar: CSS & JavaScript
Anpassade wrappers
Låt oss utforska dessa i mer detalj.
Innehållsblock: Anpassad HTML och CSS
Anpassade HTML och CSS-block kan läggas till på er karriärsida från blockbiblioteket på valfri sida. För att lägga till ett, klicka på + knappen nere till vänster och välj det här blocket.
Med blocket kan du använda din egen HTML och CSS för att designa det precis som du vill. Notera att detta block är separat och kan inte användas för att redigera andra befintliga block eller sidor.
En anpassad domän krävs för att Custom HTML & CSS-block ska fungera korrekt.
Designinställningar: CSS och JavaScript
I designinställningarna kan du aktivera anpassade stilar, vilket gör det möjligt att 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 gälla för varje sida på din karriärsida.
För att implementera detta, gå till designinställningarna. Du hittar dit via penselikonen uppe på sidan. När du är där, scrolla ner till Övrigt och aktivera Anpassade stilar. När det är aktiverat kommer du bli ombedd att ge feedback till vårt Produktteam om din planerade implementering, vilket hjälper oss att vidareutveckla vår funktion för innehåll.
Efter att detta är inställt får du tillgång till två nya fält: Anpassad CSS och Anpassad JavaScript. Tänk på att en anpassad domän krävs för att JavaScript alls ska fungera.
Om du planerar att ändra ett specifikt befintligt block är det viktigt att först applicera en anpassad wrapper. Det säkerställer att du har en unik klass att rikta in dig på, vilket förhindrar oavsiktliga förändringar på hela er karriärsida.
När klassen är på plats kan du inspektera koden på er karriärsida för att identifiera andra element inom den. Därifrån kan du använda CSS eller JavaScript för att genomföra dina önskade ändringar.
Anpassade wrappers
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 anpassade wrappers.
För att arbeta med anpassade wrappers på karriärsidan, behöver en wrapper-klass skapas först. Gå till det block du vill rikta din kod mot och klicka på Justeringar. Här, se till att Anpassad klass är 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 ser du exakt vilken anpassad wrapper som ska användas i stilkoden i designinställningarna.
🤖 Den här artikeln är översatt med hjälp av AI. Meddela oss om något verkar fel.