| Table of Contents | ||
|---|---|---|
|
Main Teaser
...
The main teaser is the new eye-catcher of each web page. It is accessible from 1:Create a Web page - Webpage” in Contentstack, and will replace .
The H1 - Main Teaser Healdine” will be shown in the main teaser. It replaces the former H1 headline (white on red). As of today, in Main Teaser, it is still named “Page Title (will replace H1)”.
In Contentstack you will find different “tiers” which indicate the levels within each local website:
Home → not adjustable, pre-defined by DMC
1st tier - all header items, e.g. Solutions, Products,… Support… About us, Inquiries
Not adjustable, pre-defined by DMC and handled by Central Content Management
2nd tier - for example, Solutions - Automotive
Two different approaches a) web Landing pages and b) Landing pages (see the following explanations)Web pages
3rd tier - all levels below,
| Note |
|---|
Following you will find the example of the “Second tier teaser” which you would use for your b) Landing pages. |
a) Second tier teaser
...
for LANDING PAGES ONLY
Create a new teaser image in the correct size. i.e. Background: 1920x640 px (JPEG)
Upload and publish the image.
Open Contentstack and open a web page
Go to Main Teaser
...
Teaser Tier: Second
Background Image: select an image
The background image is a pre-defined grey background, pre-defined and set by the system, if chosen
For local Landing PagesONLY you can choose a full-size image. The image size to be used is 1920x640 px (JPEG). →See example above
b) Web pages
Teaser Tier: Second
Background Image: select an image
For other than landing pages, please choose one of the pre-defined grey backgrounds, named “MainTeaser xxx background 2nd tier”.
| Note |
|---|
Please take care to always choose the correct background image, i.e. for examples MainTeaser Service background 2nd tier MainTeaser Support background 2nd tier |
Foreground image: select an image
The foreground image will be added to the pre-defined grey background and will be used for thesecond tier teaser only. → See example below
The image size is 880x496 px PNG. The image need to have a transparent background.
- To be used for local Service and Support pages with 2nd tier teasers.
Factory Automation Text Color: Choose color (default is black)
Factory Automation will be displayed in every page, and cannot be omitted.
Based on the Image color, you can choose the color to be black or white.
Page Title Color: Choose color (default is black)
Based on the Image color, you can choose the color to be black or white.
Save and publish
Check page with component
...
Third tier teaser - To be observed, only if you create a new subpage.
...
Page Title Color: Default is black
Even if you changed the colour, it would appear in black in 3rd tier teasers.
Teaser Tier: Third
Background Image: select an image
| Note |
|---|
For now, please always and only choose “Wave background 3rd tier”. |
...
There will be more and 3rd tier teasers in future, as provided in the FA global we guidelines. They wil be uploaded centrally and named according to theire use, e.g. 3rd teaser Support, 3rd teaser Service etc.
...