Brug Layout-området på karrieresiden til definere layout'ets udseende. Den giver adgang til mere avancerede muligheder end den indbyggede editor.
Generelt
-
Et layout er "designet" af karrieresiden eller -site'et. A site kan have flere forskellige layouts, men der kan kun vælges ét default layout.
-
Layouts bruges til at definere ikke-dynamiske elementer på site'et. Det kan være header, footer, function pages, og HTML, CSS and JavaScript for site'et.
Styling-elementer
Styling-fanen bruges til at tilføje parametre, der let kan kaldes i koden. Styling-fanen består af farver, skrifttyper, billeder og filer.
Bemærk
Dette bruges kun til at oprette parametrene, og ændringer her er muligvis ikke synlige, medmindre parameteren bruges i koden.
-
Colors: Farveparametre giver dig mulighed for at vælge det ønskede ved at klikke på HEX-kodeboksen (#xxx) for at få vist en gradientfarvevælger. Dette inkluderer også RGBA farver
-
Fonts: Skrifttypeparametre bruges til at definere specifikke skrifttyper, der kan kaldes i koden. Indstillingerne er Arial, Proxima Nova og Verdana. Det er muligt at oprette og uploade din egen skrifttype til karrieresiden.
-
Images og files: Disse sektioner fungerer på samme måde ved at give dig mulighed for at uploade en fil eller et billede.
-
Sections: Sektioner giver dig mulighed for at tilføje sidebrede sektioner, der vises på enhver side, der bruger dette layout. Nye sektioner består af standardsektionstypen.
-
Content: Indholdet kan ikke fjernes eller redigeres og bruges til at vise de sektioner, der er oprettet på sidedelen af editoren.
Pages
Pages-sektionen giver dig mulighed for at definere opsætningen af alle funktionalitetssider. Dette omfatter jobannoncer, ansøgningssider, ansøgningsfejl/anvendte sider, begivenhedssider, formularsider, kandidatprofiler og feedback
-
Du kan vælge opsætningen af siden under og klik .
-
Dette åbner en sektionsopsætningsboks. Tilføj nye sektioner her, opret hardkodede sektioner og mange andre typer funktioner.
Bemærk
Hver underside har forskellige muligheder til rådighed for Content for at ændre dynamisk opsætning.
Bemærk
Job Agents inkluderer fact box data, kort og social deling.
Andre funktioner
-
Styling: Giver dig mulighed for at definere Sektionshøjde, Baggrund Billede/Video, Farveoverlejring på siden, og oprette Brugerdefineret styling når den er aktiveret.
-
Layout: Layout har to muligheder- standard og brugerdefineret kode. Standard bevarer den overordnede layoutstruktur, og brugerdefinerede koder giver mulighed for en tilpasset jobannonce. Brugerdefineret kode består af HTML, JavaScript og CSS.
-
HTML: These sections are used to edit the hard coded HTML on the page. Not everything can be edited as some hidden code in the HTML <head> needs to remain intact to preserve functionality.
-
The <HTML> head section: Allows you to add HTML code to the layouts <head>. Using a <script> tag is also possible if a script that runs from the <head> tag is needed.
-
The <HTML> body section: This section will let you change the code of the site wide HTML <body>, if customized HTML is needed across all pages. Keep in mind that class names does in some cases have functionality, so preserve those if possible.
Advarsel
Denne kode bruger JavaScript-styr til at udskrive dynamiske data ({{xxx}}). Fjern ikke disse, medmindre du har kendskab til styrets funktionalitet.
-
HTML </body>: Lets you define the last HTML before closing the <body> tag.
-
-
CSS: Hvor farveparametre kan bruges og definere CSS for layoutet. Husk, at brugerdefinerede kodesektioner kan føjes til de specifikke sider, og CSS i layoutene skal bruges til CSS på hele webstedet
-
JavaScript: Used to write JavaScript code and the written code will be executed in the bottom of the HTML <head>.
Bemærk
JavaScript-styr og parametre kan bruges i denne kode.
-
E-mail: E-mail-sektionen bruges til at ændre HTML setup'et af e-mail design tilknyttet layout'et. Layout's navn matcher et design name, når man sender mail gennem Emply.
Advarsel
Parametre kan ikke bruges til e-mails, da parametre læses, når karrieresiden indlæses, og en e-mail læses uden for karrieresiden.
Advarsel
Sikr dig at
<insertMacro item='ContentPlaceHolder' />-koden er inkluderet, da den skriver mailens indhold.
Parameters
Parametre læses ved indlæsning af karrieresiden og kan gøre det meget nemt at ændre farver og udseende på en side.
Parametre fungerer kun, hvis de er skrevet ind i HTML eller CSS på siden, for eksempel en overskrift ved hjælp af en farveparameter:
.css_headline {
color: @color_2;
}
Overskrifter bruger som standard @color_2 -deklarerede styling-element.
Titler på stylingparametre har ingen effekt, så en parameter med navnet „button“ ændrer muligvis ikke farven på en knap, hvis CSS ikke er konfigureret til at læse denne parameter.
Der er 4 typer parametre:
-
Color: bruges til at definere en hex/Rgba farve som kan kaldes med en @color_x declation.
-
Font: Bruges til at definere en indbygget skrifttype, der skal kaldes med en @font_x -declation.
-
Images: Bruges til at definere et uploadet billede, der skal kaldes med en @image_x -declation.
-
Files: Bruges til at definere en uploadet fil, der skal kaldes med en @image_x -declation.
@type_x -koden er unik og kan ikke genbruges, hvis @image_1 slettes, vil den næste oprettede parameter være @image_2.
I denne guide kan du læse hvordan du føjer en særlig skrifttype til karrieresiderne.
-
Start på hovedmenusiden Emply og klik derefter på .
-
Klik på tandhjul ikon for indstillinger øverst i redigeringsvinduet.
-
Klik på Layout og så blyant ikon for at redigere det ønskede layout.
Bemærk
Hvis webstedet har flere layouts, skal alle trin nedenfor udføres for hvert layout, hvor skrifttypen bruges.
-
Udfold på layoutsiden , find sektionen files, klik på , og upload den ønskede skrifttypefil.
-
Når du har tilføjet skrifttype-filen på -fanen, skal du tilføje nedenstående kodelinie i HTML <head> sektionen.
Vigtigt
Det er vigtigt, at dette tilføjes i <HTML> head sektionen, så skrifttypen indlæses, når brugeren lander på siden.
<style>
@font -face {
font-family: [xx];
src: url [xx];
}
</style>
-
Skrifttype familie: Her erstatter du [xx] med det ønskede navn, der vil blive brugt til at kalde skrifttypen i CSS-koden. Det, du skriver her, er helt valgfrit, men det er vigtigt, at du husker, hvad der er skrevet her.
-
src: url [xx]: Her indsætter du "@file_x" id, der kan kopieres i filer sektion, hver fil, der uploades her, får en unik "@file_x „, så hvis du har flere skrifttyper på siden, skal du være opmærksom på, at du bruger den korrekte @ for hver skrifttype.
-
-
Når ovenstående er gjort, kan vi kalde skrifttypen i CSS-koden.
Bemærk
Navnet, der kaldes i Font-familiekoden, skal være det samme navn, som blev skrevet i det foregående trin.
Pas på
Vær opmærksom på store og små bogstaver.
Bemærk
Skrifttyper gemmes ofte i cachen i din browser. Du kan bedst gøre dette i en inkognitofane, men hvis du ikke ser skrifttypeændringen efter ovenstående trin, kan det være nødvendigt at rydde browserens cache