DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
Job Market Template¶
| Author: | Kasper Skårhøj |
|---|---|
| Created: | 2002-11-01T00:32:00 |
| Changed: | 2010-08-29T17:53:29 |
| Classification: | base_jobmarket |
| Description: | Job Market Template is a template for the Extension Job Market. But you can use this template for any other TYPO3 website. It is independent. |
| Keywords: | forAdmins, forDevelopers, forBeginners, forIntermediates, forAdvanced, job market, template |
| Author: | Dirk Wildt (Die Netzmacher) |
| Email: | http://wildt.at.die-netzmacher.de |
| Website: | http://tritum.de, http://die-netzmacher.de |
| Language: | en |
Job Market Template (extkey: base_jobmarket) 
Job Market Template¶
Job Market Template is a template for the Extension Job Market. But you can use this template for any other TYPO3 website. It is independent.
Version: 1.0.1 - 2010-08-30
Extension Key: base_jobmarket
Language: en
Keywords: forAdmins, forDevelopers, forBeginners, forIntermediates, forAdvanced, job market, template
Copyright 2010, Dirk Wildt (Die Netzmacher), <http://wildt.at.die- netzmacher.de>
This document is published under the Open Content License
available from http://www.opencontent.org/opl.shtml
The content of this document is related to TYPO3
- a GNU/GPL CMS/Framework available from www.typo3.org
Table of Contents¶
Header, Header Image and Footer 9
Introduction¶
What does it do?¶
- Job Market Template is a template for the Job Market.
- Job Market Template is useful,
- if you will start with Job Market, but you don't have a designed TYPO3 installation,
- if you want a full designed website very quick, but have no time for building an own template.
- You can use Job Market Template for any website and without the extension Job Market.
- If you like, you can change everything
- HTML
- CSS
- TypoScript
- You don't need to be an experienced TYPOP3 user.
What does it not do?¶
If you like a very different layout than Job Market Template, it isn't useful to install it.
Installation¶
Extension Manager¶
Open the extension manager, download the extension Job Market Template (extkey: base_jobmarket) and install it.
Job Market Template depends on Template Auto-parser (automaketemplate). Please install this extension too.
Install Job Market Template
If you like "RealURL: speaking paths for TYPO3 (realurl)" please install it too.
Backend Group¶
Create a new backend user group.
Modul: Web > List
Page tree: root item (here: TYPO3 Job Market)
Edit area: Backend usergroup
Tab [General], Field "Grouptitle": quick_shop
Pages¶
Create a page tree
Modul: Web > List
Page tree: root item (in the illustration below: Browser - die TYPO3-Frontend-E...)
Edit area: Create new page - Page (inside)
Create a page list (sysfolders) like in the illustration below
Browser - die TYPO3-Frontend-E...
Job Market
- Job Market - Jobs [sysfolder]
- Libraries [sysfolder]
- header
- footer
Page Configuration¶
Page Job Market¶
We like the backend user group "Job Market" as the default group for new pages. Every backend user with the group "Job Market" will have full access to this pages.
If the id of the backend user group "Job Market" is 1, than copy the code from below to the tsConfig field of the root page without any changing.
TCEMAIN {
permissions {
// 1: job_market
groupid = 1
group = show,edit,delete,new,editcontent
}
}
Modul: Web > List
Page tree: Job Market
Edit area: Edit page properties (click on the sheet with the pen on the top of the area)
Select tab [Options]
Paste the code snippet from above to the field "Tsconfig".
Job Market - Jobs (sysfolder)¶
Please repeat the steps from the page "Job Market" with the code snippet below for the sysfolder "Job Market - Jobs"
TCEMAIN {
clearCacheCmd = pages
}
The code above effects, that all pages will removed from the TYPO3 cache, if job data change.
TypoScript¶
Page Job Market¶
Modul: Web > List
Page tree: Job Market
Edit area: Icon for new records
System Records > template
Select tab [General]
Field [Template title]: page_jobmarket_001 :sup:`0
<#sdfootnote1sym>`_
Field [Website title]: Job Market"
Field [Constants]: Please paste the code snippet from the next page into the field areaand adapt the values to your needs.
Edit area: Select tab [Options]
Enable fields: [x] Constants, [x] Setup
Enable fields: [x] Rootlevel
Select tab [Includes]
Enable field: [x] Include static templates AFTER basic template
Include static templatesCSS Styled Content (css_styled_content)Job Market - Basic Template (base_jobmarket)
TypoScript Snippet¶
myConst {
host = http://my-domain.com/
client {
name = The name of my client
seo {
default {
// Default value for HTML head meta tag keywords
keywords = Job Market
// Default value for HTML head meta tag description
description = Job Market - Jobs offered by domain.comfrontend-engine
}
}
}
pages {
root = 1
libraries = 2
libraries {
header = 3
footer = 4
}
}
paths {
res = EXT:base_jobmarket/res/
html = EXT:base_jobmarket/res/html/
css = EXT:base_jobmarket/res/html/css/
}
files {
html {
template = index.html
css = basic.css
}
}
dims {
header_image {
maxW = 210
maxH = 420
}
}
words {
// HTML a href title tag for menu item rootpage
title_tag_rootpage = Home of Job Market
}
}
Please clear the TYPO3 cache.
Result I/II¶
This is the current result in the frontend.
Because we didn't add any content and any image, the areas for the header, the header image and the footer are empty. We will add content and image in the next step.
Header, Header Image and Footer¶
We will add the header, the header image and the footer.
Header¶
Page tree: Job Market > Libraries > Header
Edit area: Add a new record
Create a new content element > Pagecontent
Tab [General]
Field [Header]: [Header]
Field [Type]: Hidden
Tab [Text]
Field [Text]: Job Market
Save the form
Header Image¶
First we download the header image, second we upload it as a page resource.
Modul: Admin tools > Ext Manager
Edit area: Select this extension: Job Market Template
Pull down menu: [Edit files]
Click on the path: res/images/01_rootpage/job_market_header_image_210px.jpgSave it on your computer.
Page tree: Job Market
Edit area: Page properties
Tab [Resources]
Browse for the image
Save the form (upload)
Use the Job Market¶
Now you can install the Job Market.
Manual Installation¶
How to install the Shop is reported in the manual of the Job Market Extension (extension key: job_market).
See
Adapt HTML and CSS¶
You can adapt the HTML code, the CSS and the TypoScript to your needs.
HTML¶
Page tree: Job Market
Edit area: Select the Browser plugin
Tab [Plugin]
Tab [Templating]
Field "Plugin: HTML template": [Own HTML template]
Browse for your HTML template on your computer
Save the form
CSS¶
Adapt the properties in the TypoScript.
Modul: Web > Template
Page tree: Job Market
Edit area: Pull down menu:[TypoScript Object Browser]
Menu Browser: [Constants]
Click the plus icon of the element [myConst]Click the plus icon of the elements [paths] and [files] > [html]
Adapt the path to your HTML file or to your CSS file to your paths
Adapt the name of your HTML file or CSS file to your file names
Helpful suggestions¶
If you have helpful suggestions, feel free to contact me: Dirk Wildt http://wildt.at.die-netzmacher.de .
To-Do List¶
Nothing to do.
Further Information¶
About the plugin icon¶
Illustration 18: The logo
- The concept of the icon: - The screwdriver and the adjustable wrench should symbolize work - pre-
- condition for a job.
- The colour of the stripe, orange, is the one of the TYPO3 colours, and the main colour of the corporate design of the Netzmacher GbR ( http ://die-netzmacher.de ), which developed this extension.
Other extensions published by Die Netzmacher¶
Browser - the TYPO3-Frontend-Engine. The Browser is the fast
way for your data to the TYPO3 frontend. It displays content from
related tables. You need 1 line TypoScript for a result list with a
search form, a record browser and an a-z browser. Images are wrapped
self-acting. SEO, Search Engine Optimization, is integrated.
http://typo3.org/extensions/repository/view/browser/current/
Browser for Virtual Civil Services - List views and single
views for the extension Virtual Civil Services (civserv) . It
supersedes smarty and enables SEO - search engine optimisation -, Real
URL and the TYPO3 cache management. It is out of the box. It You can
edit the views by TypoScript. You can add fields and whole views.
`http://typo3.org/extensions/repository/view/browser_civserv/current/
<http://typo3.org/extensions/repository/view/browser_civserv/current/>
`_
Green Cars (Grüne Autos) - Database optimized for ecological
cars. It is a case study and demonstrates, how to get a complex
database with the Browser in three hours only.
http://typo3.org/extensions/repository/view/green_cars/current/
Juridat - Database for Juridical Data. Juridat provides a
juridical data base with backend functionality. Juridat is out of the
box. It is a teamwork with the Browser.
http://typo3.org/extensions/repository/view/juridat/current/
logical_form: A frontend plugin for evaluating forms. I.e
you can evaluate mail addresses.
http://typo3.org/extensions/repository/view/logical_form/current/
Majordomo: For subcribing to and unsubscribing from a
majordomo mailing list.
http://typo3.org/extensions/repository/view/majordomo/current/
Quick Shop (extkey: quick_shop): The fastest shop in the
history of TYPO3. Install it with one mouse click only! Quick Shop is
based on the Browser and powermail.
http://typo3.org/extensions/repository/view/quick_shop/current/
Manage your Postfix uer accounts with TYPO3. This extension
provides a database connected with fe_users and an autoresponder. You
can manage the data with backend forms only.
http://typo3.org/extensions/repository/view/postfix/current/
seo_dynamic_tag: Search Engine Optimisation. You can
generate values dynamically with this extension especially for the
<title>-tag, for the <meta>-tag description and the <meta>-tag
keywords. http://typo3.org/extensions/repository/view/seo_dynamic_t
ag/current/
tt_news select configuration (extkey: ttnews_selectconf)
enables to select tt_news by any SQL clause. The extension adds an
andWhere clause to the SQL query of the tt_news plugin. I. e. it is
possible to display tt_news items in dependence on the ownership of a
fe_user. http://typo3.org/extensions/repository/view/ttnews_selectc
onf/current/
Wine Catalogue provides a data base for wine with regions,
wineries, styles, variety and ageing among others. It is localized.
English, German and Spanish is of the box. Wine based on the extension
Browser. http://typo3.org/extensions/repository/view/wine/current/
Manual in PDF¶
You find this manual in PDF format at
doc/manual.pdf http://typo3.org/extensions/repository/view/base_jobm arket/current/info/?tx_terfe_pi1%5BdownloadFile%5D=doc%252Fmanual.pd f
Browser Manual and Browser Tutorial Basics¶
Manual: The Browser has it's own manual (with the reference of course).
- HTML http://typo3.org/documentation/document-library/extension- manuals/browser/current/
- PDF: http://typo3.org/extensions/repository/view/browser/current/info /?tx_terfe_pi1%5BdownloadFile%5D=doc%252Fmanual.pdf
Tutorial Basics: A lot of step-by-step introductions.
About the Author¶
Dirk Wildt¶
Illustration 19: The Author - a little bit blurred
Dirk Wildt (* 1963 Hamburg/Germany) Founder of Die Netzmacher GbR (Erfurt/Weimar)
Founder of TYPO3 Usergroup Thuringia
Member of TYPO3 Usergroup Leipzig
2003: Founding think visually! It is Die Netzmacher since 2009.
2000 - 2002: Financial Controller, G.E.B.B
1999 - 2000: Financial Controller, G|M|Z - Tagesspiegel-Gruppe
1997 - 1999: Spokesman, Senatsverwaltung für Finanzen, Berlin
1989 - 1997: Editor and Financial Controller, taz, die tageszeitung
1982 - 1989: Freelancing Press Photographer
Change Log¶
1.0.1 Initial release
Illustration Index¶
Illustration 1: Your TYPO3 website after installing the Job Market Template. You can use it without the Job Market extension. 3
Illustration 2: Your TYPO3 website after installing the Job Market Template and the extension Job Market 3
Illustration 3: Both extensions after installation 5
Illustration 4: Page tree 5
Illustration 5: Edit the page properties 6
Illustration 6: Add the TS configuration 6
Illustration 7: Add a TypoScript template 7
Illustration 8: TypoScript tab [General] 7
Illustration 9: TypoScript tab [Options] 7
Illustration 10: TypoScript tab [Includes] 7
Illustration 11: Result in the frontend 8
Illustration 12: Download the header image from the extension directory 9
Illustration 13: Load up the header image to the page properties of the root page 9
Illustration 14: The template in the frontend 10
Illustration 15: This is our template extended with the extension Job Market and with some jobs. 11
Illustration 16: Use your own HTML template 12
Illustration 17: Use your own CSS stylesheet 13
Illustration 18: The logo 16
Illustration 19: The Author - a little bit blurred 17
0 Format should be: type_nameOfThePage_idOfTheTemplate
19