Bevor du benutzerdefinierten Code anwendest, solltest du zuerst andere Optionen im Inhalt in Betracht ziehen. Es kann sein, dass du das, was du erreichen möchtest, bereits über einen bestehenden Block oder durch Anpassungen innerhalb eines Blocks realisieren kannst.
Dieser Artikel zeigt dir, wie du benutzerdefinierten Code zu deiner Karriereseite hinzufügen kannst. Bitte beachte, dass Teamtailor dir nicht helfen kann, den benutzerdefinierten Code, den du implementiert hast, hinzuzufügen oder zu warten. Produktupdates können deinen Code beeinflussen und du bist dafür verantwortlich, entsprechende Anpassungen vorzunehmen.
Benutzerdefinierter Code kann nicht auf allen Teamtailor-Seiten angewendet werden, z.B. auf der Connect-Seite und bei Bewerbungen. Wenn du umfangreiche benutzerdefinierte Codes benötigst, solltest du in Betracht ziehen, deine Karriereseite auf deiner eigenen Webseite zu hosten, um vollständige Design- und Funktionalitätskontrolle über ein Job-Listen-Widget oder eine vollständige Karrieresite-Umleitung zu haben.
Wenn du benutzerdefinierten Code auf deiner Seite anwendest, gibt es drei verfügbaren Optionen:
Benutzerdefinierter HTML & CSS Block
Globale Gestaltung: CSS & JavaScript
Benutzerdefinierte Wrapper
Lass uns diese im Detail erkunden.
Block: Benutzerdefinierter HTML & CSS
Benutzerdefinierte HTML & CSS-Blöcke können von der Blockbibliothek auf jeder Inhaltsseite zu deiner Karriereseite hinzugefügt werden. Um einen hinzuzufügen, klicke auf das +-Symbol in der unteren linken Ecke und wähle diesen Block aus.
Mit dem Block kannst du dein eigenes HTML & CSS verwenden, um es genau so zu gestalten, wie du es möchtest. Bitte beachte, dass dieser Block unabhängig ist und nicht verwendet werden kann, um andere bestehende Blöcke oder Seiten zu bearbeiten.
Eine benutzerdefinierte Domain ist erforderlich, damit benutzerdefinierte HTML- und CSS-Blöcke richtig funktionieren.
Global Design: CSS & JavaScript
Im Global Design kannst du benutzerdefinierte Stile aktivieren, mit denen du dein eigenes CSS und JavaScript hinzufügen kannst. Dieser Code kann bestehende Blöcke auf der Karriereseite ändern oder Tracking-Skripte wie Google Analytics aktivieren. Diese Änderungen gelten für jede Seite deiner Karriereseite.
Um dies umzusetzen, gehe zum Abschnitt „Global Design“. Du kannst darauf über das Pinsel-Icon in der oberen rechten Ecke deiner Hauptinhaltseite oder in der unteren linken Ecke jeder anderen Seite zugreifen. Sobald du dort bist, scrolle nach unten zu Sonstiges und schalte Benutzerdefinierte Stile ein. Nachdem dies aktiviert ist, wirst du gebeten, unser Produktteam zu deinem geplanten Implementierungsfeedback zu geben, um uns zu helfen, unser Inhaltsfeature weiterzuentwickeln.
Nachdem dies eingerichtet ist, hast du Zugang zu zwei neuen Feldern: Benutzerdefiniertes CSS und Benutzerdefinierte JavaScript. Behalte im Hinterkopf, dass eine benutzerdefinierte Domain erforderlich ist, damit JavaScript funktioniert.
Wenn du planst, einen bestimmten bestehenden Block zu ändern, ist es wichtig, zuerst ein benutzerdefiniertes Wrapper anzuwenden. Dies stellt sicher, dass du eine einzigartige Klasse zur Zielverarbeitung hast, wodurch unbeabsichtigte Änderungen auf deiner Karriereseite vermieden werden.
Sobald das Wrapper an seinem Platz ist, kannst du den Code auf deiner Karriereseite inspizieren, um andere Elemente darin zu identifizieren. Von dort aus kannst du CSS oder JavaScript verwenden, um die gewünschten Änderungen umzusetzen.
Benutzerdefinierte Wrapper
Wenn du benutzerdefinierten Code auf deiner Karriereseite anwendest, kannst du einen spezifischen Inhaltsblock mit CSS anvisieren, indem du benutzerdefinierte Wrapper verwendest.
Um mit benutzerdefinierten Wrappern auf der Karriereseite zu arbeiten, muss zuerst eine Wrapper-Klasse erstellt werden. Dazu gehe zu dem Block, den du mit deinem Code anvisieren möchtest, und klicke auf Adjustments. Hier musst du sicherstellen, dass die benutzerdefinierte Klasse ein ist.
Danach findest du einen neuen Abschnitt im Block namens benutzerdefinierte Klasse, in dem du die Klasse mit einem Namen deiner Wahl benennen kannst. Darunter siehst du, welchen exakten benutzerdefinierten Wrapper du in dem Styling-Code im Global Design verwenden musst.
