Hej! W tym artykule znajdziesz informacje o tym jak zmieniać domyślny wygląd strony Kariera stworzonej za pomocą generatora w Twoim TRAFFIT.
Dołączyliśmy też listę działających skryptów i styli, wykorzystywanych przez naszych użytkowników.
Czym są skrypty i style i jak z nich korzystać?
W TRAFFIT nie musisz korzystać z domyślnego wyglądu strony Kariera. Aby je dodać, wejdź do zakładki Ustawienia --> Strona Kariera i wklej je w polu Style lub Skrypt:
Skrypty i style to nic innego, jak parę linijek kodu, nadających np. nowe atrybuty przyciskom (np. zmiana koloru, tekstu).
Specjalnie dla Ciebie, przygotowaliśmy listę przykładowych skryptów i styli, z których możesz skorzystać już teraz. Znajdziesz je poniżej 👇
Styl zmieniający kolor i czcionkę nazw rekrutacji na liście
Za pomocą tego stylu, zmienisz kolory i czcionki nazw rekrutacji na liście na jakie tylko chcesz. Dzięki niemu, utrzymasz wszędzie jednolity branding, zgodnie z identyfikacją wizualną Twojej marki.
W przykładowo podanym przez nas stylu, zmieniamy czcionkę oraz kolor czcionki w nazwach rekrutacji na niebieski.
Styl:
.traffit-an-list-xtxrxaxfxixtx2x0x1x6x-list-element .info .title {
color: #176bff;
font-family: Arial, Helvetica, sans-serif;
}Skrypt zmieniający nazwę sekcji NASZA STRONA
Jeśli według Ciebie, nasze domyślne wezwania do działania na przyciskach na stronie Kariera nie odpowiadają do końca temu, co chcesz przekazać, możesz je zmienić za pomocą tego skryptu.
Przykład?
Sekcja NASZA STRONA w prawym górnym rogu strony. Ten skrypt podmieni tekst "NASZA STRONA", na wskazany przez Ciebie tekst. W tym przykładzie będzie to "O NAS"
Skrypt:
document.addEventListener('DOMContentLoaded', () => {
const button = document.querySelector('#head-menu .btn-container__button');
if (button) {
button.textContent = 'O NAS';
}
});Osadzenie filmu na stronie
Jesli chcesz na osadzić swojej stronie film, umieść na stronie Kariera nową sekcję o nazwie HTML:
Następnie wklej w niej poniższy kod, wstawiając w nim adres WWW swojego filmu. Poniższy przykład działa dla filmów znajdujących się w serwisie YouTube:
HTML:
<iframe
width="560"
height="315"
src="ADRES WWW TWOJEGO FILMU"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
style="display: block; margin: 0 auto"
></iframe>
Tak będzie wyglądać efekt końcowy:
WAŻNE!
Dla filmów z serwisu YouTube nie kopiuj adresu z przeglądarki. Kliknij na opcję Udostępnij widoczną pod filmem, następnie wybierz opcję Umieść. To w niej znajdziesz właściwy link!
Jeśli film, który chcesz umieścić na stronie Kariera jest hostowany na Twoje stronie WWW, zamiast <iframe> użyj <video>.
HTML:
<video controls width="250"> <source src="/media/cc0-videos/flower.webm" type="video/webm"> <source src="/media/cc0-videos/flower.mp4" type="video/mp4"> </video>
Styl pozwalający na zmianę układu ogloszeń
Możesz np. zwęzić kafelki na liście ogłoszeń, która domyślnie są rozciągnięte na całą szerokość strony. W tym wypadku do 50% szerokości sekcji:
Styl:
#xtxrxaxfxixtx2x0x1x6x-list-div .traffit-an-list-xtxrxaxfxixtx2x0x1x6x-list-element {
width: 50% !important;
}