Im Design-Template-Editor können Sie die Templates Ihrer HTML-Stellenanzeigen erstellen und verwalten – auf Basis der "Liquid Template Language".
Um eine Vorlage für Ihre Anzeigen zu erstellen, wählen Sie "Design-Vorlagen anlegen" in der "Vorlagen"-Ansicht aus und benennen Sie Ihre Vorlage.
Daraufhin werden Sie in den Design-Template-Editor weitergeleitet. Durch Speichern Ihrer Vorlage wird Ihre Vorlage im "Draft" Status erstellt. Sie können Vorlagen in diesem Status jederzeit bearbeiten. Wenn Sie eine Vorlage fertiggestellt haben und für Anzeigen verwenden möchten, wählen Sie "Speichern & Fertig" aus. Sie können diese Vorlage dann nicht weiter bearbeiten.
Erstellen einer Vorlage
Um den Code Ihrer Vorlage zu entwerfen, können Sie die verfügbaren Variablen des Editors unter "Einfügen" verwenden. Dadurch sollte Ihnen das einbinden aller verfügbaren Felder erleichtert werden.
Das ist ein Beispiel eines HTML Codes einer Vorlage:
<html> <head> <title>{{position}}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="HandheldFriendly" content="True"> <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css"> <style> body, #ag div, #ag p, #ag ul, #ag ol, #ag li, #ag h1, #ag h2, #ag h3, #ag h4, #ag h5, #ag h6 { margin:0; padding:0; } #ag { -webkit-text-size-adjust: 100%; max-width: 780px; margin: 20px auto; width: 100%; box-sizing: border-box; border: 1px solid #999; font-variant-ligatures:none; } #ag .zwoelf { width: 100%; } #ag-inner-wrapper { background: #fff; } #ag p, #ag ul, #ag ol, #ag h1, #ag h2 { font-family: 'Raleway',Arial,Helvetica,Sans-Serif; color: #000000; padding: 0 70px; line-height: 1.3em; } #ag img { padding: 20px 0; } #ag p, #ag ul, #ag ol { padding-top: 10px; } #ag h1 { padding-top: 20px; font-size: 1.5em; font-weight: 700; } #ag h2 { font-size: 1.2em; padding-top: 20px; } #ag a { color:#6b8a9f; text-decoration:none; } #ag a:hover { text-decoration: underline; } #ag ul, #ag ol { padding-left: 110px; padding-right: 45px; } #ag li { padding-left: 7px; padding-top: 2px; } .clear:before, .clear:after { content: " "; /* 1 */ display: table; /* 2 */ } .clear:after { clear: both; } .clear { *zoom: 1; clear: both;} @media all and (max-width: 700px) { #ag { border: none; margin: 0; } #ag p, #ag h1, #ag h2 { padding: 5px 25px; } #ag ul, #ag ol { padding-left: 45px; } } </style> </head> <body> <div id="ag" class="clear" itemscope itemtype="http://schema.org/JobPosting"> <meta itemprop="industry" content="{{ industry }}" > <meta itemprop="employmentType" content="{{ schedule }}" > <meta itemprop="occupationalCategory" content="{{ category }}" > <div id="ag-inner-wrapper"> {% if company_logo %} <div class="zwoelf" itemprop="hiringOrganization" itemscope itemtype="http://schema.org/Organization"> <meta itemprop="url" content="{{ url }}" > <p itemprop="logo" itemscope itemtype="http://schema.org/ImageObject"> <img src="{{ company_logo }}" width="100%" style="max-width: 300px" alt="" itemprop="contentUrl"> </p> </div> {% endif %} <div class="zwoelf"> {{ descriptions | find_description: 'company_description' }} </div> <h1 itemprop="title">{{ position }}</h1> <h2>Aufgaben</h2> <div class="zwoelf" itemprop="responsibilities"> {{ descriptions | find_description: 'job_description' }} </div> <h2>Anforderungen</h2> <div class="zwoelf" itemprop="qualifications"> {{ descriptions | find_description: 'qualifications' }} </div> <h2>Weitere Informationen</h2> <div class="zwoelf" itemprop="jobBenefits"> {{ descriptions | find_description: 'further_information' }} </div> <h2>Kontaktinformationen</h2> <div class="zwoelf" itemprop="contact details"> {{ descriptions | find_description: 'contact_information' }} <br><br> </div> </div> <div style="display: none" itemprop="jobLocation" itemscope itemtype="http://schema.org/Place"> <meta itemprop="address" content="{{location}}" > </div> </div> </body> </html>
Kommentare
0 Kommentare
Zu diesem Beitrag können keine Kommentare hinterlassen werden.