deutsch | english

Introduction

The Features stored in TYPO3 are used to display three major sections of content on the pages for the Website. Features consist of Slides, Stories and Sidebar types.

Slides are located at the top of a webpage and span the entire width of the page. Stories are located at the bottom-left of a webpage and are contained in the Main column only, thus they do not span the entire width of the page. Sidebars are displayed in the "Sidebar" of a webpage, this begins slightly under the Slide section and runs down the right-hand side of the webpage.

All three types of Features, for the most part, have the same properties. The sections on Adding Features will provide further details as to which properties apply to each type of Feature. Additionally this section will provide information over differences between the Feature types, for example if an image is displayed in a different location on a particular Feature.

To create, edit or delete Features for the website, the user must log into the TYPO3 backend. The management operations of the website are done through the Backend Interface provided by the TYPO3 content management system. Please login with the user credentials provided to you, in order to complete any of the actions you wish to perform.

In order to login in the Backend Interface, you have to open the following link in your browser: http://www.adventist.org/typo3/ and type in your username and password.

Adding a new Slide

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to create and click on the text beside the proper folder, in this case click on "Slides". When the right-hand side screen refreshes, at the top of the screen you will see a page header "Slides". In this screen, you will click on the add new icon.

Screenshot showing how to add new Slide Feature

When the right-hand screen refreshes, the "Create new Features on page Slides" page will appear. In this screen you will fill out the fields as detailed below. Please note that not all the fields need to be filled out for every Slide, it depends on the purpose for the Slide.

Screenshot of the Create new Feature screen

  • Hide
    place a checkmark in this box if you do not want this Feature to show.
  • Title (position 1*)
    The Title is displayed at the top of the Feature, it has the largest font of text for the Feature.
  • Subtitle (position 2*)This text is displayed in a smaller font than the Title text, it is located under the Title on the screen.
  • Background (position 3*)
    Use the background field to select an image which will display behind all other elements of the feature. (see below "Adding images")
  • Image (position 4*)
    This picture is optional and allows a second picture to be added to the Feature. In the case of a Slide Feature, the image is shown on the right-hand side above the Title text. (see below "Adding images")
  • Style
    This applies to the Background image above and is only used by the Slide Feature type. This allows the background image to be lightened or darkened on one end for better display of text. The shading of the background will fade to the opposite end of the background image.
  • Teaster text (position 5*)
    This text comes below the Subtitle and gives the visitor of the page a sample of what the Feature is about.
  • Link (position 6*)
    When used, this will display a link, which the visitor can click to "Find out More". The Link will be located below the Teaser text on the Feature. Note: When an image is used in a Slide Feature, the link may get pushed out of the feature, and not viewable to the website visitor. This occurance depends on the amount of space available on the feature.
  • Episode (position 7*)
    Using this element will display a media file in the Feature, which the viewer can then click on to start. In a Slide Feature, the Media file is displayed on the left side of the screen.

* please refer below to the section Locating fields on the Feature and associated screen shots, to see where this field is displayed on the webpage.

Once all fields have been properly filled out, the Slide Feature needs to be saved. Click on the save icon at the top of the screen you are currently working in. After saving you may close out of the screen by clicking on the close icon . The alternate option is to click on the save and close icon.

Adding images: When adding images to a Feature, the following steps will help you through the process:

Within the Create new Features screen, click on the text Add Image beneath the field header (Background or Image). This will open a small window which will display a Folder Tree in the upper left corner. Expand the folders in order to move into the folder where your image is stored. In this case, we will click on the text "banner" beside the banner folder.

Screenshot demonstrating how to locate image folder

This will display the images contained in the folder. If the image for your Feature is already uploaded, you may click on the name of the image to set the image in the field. If your image has not been loaded, you may use the section titled "upload files" to locate and upload the image for your feature.

screenshot showing how to locate an image for the Feature

After adding an image to the field, you should provide the Alternative Text for the image. At this time, the fields: Title, Link and Description are not used.

Screenshot showing Slide image fields

Locating fields on the Feature

At this point, it would be helpful to review the positions for the various elements of a Feature of the Slide type. A Slide type of Feature is located at the top of the screen. In the same region of the webpage are other webpage elements, these additional elements overlap the Slide. Therefore, please do not confuse a Slide with other elements in the same region of the page. All elements listed above will be displayed on the screenshots below, any element not tagged in the screenshots is not an element of a Slide Feature.

Please note that all features below are not contained in a single screen shot. Due to spacing constraints and the choices by the designer, all of the elements may not be used. If all elements are used, it is possbile due to layout constraints, that some elements are pushed outside of the viewable boundries of the Feature. Please refer to the red arrow markers and the numbered list of Feature elements above:

Screenshot showing Slide Feature with markings

The following Slide screenshot shows the Image (position 4) and the Episode (position 7) elements:

Second screenshot showing Slide Feature with markings

Editing a Slide

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to edit and click on the text beside the proper folder, in this case click on "Slides". When the right-hand side screen refreshes, at the top of the screen you will see a page header "Slides". In this screen, you will click on the edit icon which corresponds to the Slide you wish to edit.

Screenshot showing how to access the Slide edit Screen

When the right-hand side screen refreshes, the "Edit Features" screen will appear.

Screenshot showing the Slide Edit screen

In this screen edit the fields as needed. If you have any questions regarding field location or use, please see the section: Adding a new Slide

Once all fields have been properly filled out, the Slide Feature needs to be saved. Click on the save icon at the top of the screen you are currently working in. After saving you may close out of the screen by clicking on the close icon . The alternate option is to click on the save and close icon.

Deleting a Slide

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to delete and click on the text beside the proper folder, in this case click on "Slides". When the right-hand side screen refreshes, at the top of the screen you will see a page header "Slides". In this screen, you will click on the delete icon which corresponds to the Slide you wish to delete.

Screenshot showing how to delete a Sidebar feature type.

You will be prompted to verify the delete, confirm the delete if this is the proper Slide to delete.

Adding a new Sidebar

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to create and click on the text beside the proper folder, in this case click on the text "Sidebar". When the right-hand screen refreshes, at the top of the screen you will see a page header "Sidebar". In this screen, you will click on the add new icon.

Screenshot showing how to get to the Sidebar create screen

When the right-hand screen refreshes, the "Create new Features on page Sidebar" page will appear. In this screen you will fill out the fields as detailed below. Please note that not all the fields need to be filled out for every Sidebar.

Screenshot showing Create new Sidebar screen

  • Hide
    place a checkmark in this box if you do not want this Feature to show.
  • Title (position 1*)
    The Title is displayed just below the Image, at the top of the Sidebar. The title has the largest font of text for the Sidebar.
  • Subtitle (position 2*)
    This text is displayed in a smaller font than the Title text, and it is located under the Title on the screen.
  • Image (position 3)
    The image is located at the top of the Sidebar Feature. When used, it allows a picture to be added to the Sidebar. (see below "Adding images")
  • Teaster text (position 4*)
    This text comes below the Subtitle and gives the visitor of the page a sample of what the Sidebar Feature is about.
  • Link (position 5*)
    When used, this will display a link, which the visitor can click to "Find out More". The Link will be located below the Teaser text on the Feature.

* please refer below to the section "Locating fields on the Feature" and associated screen shot, to see where this field is displayed on the Feature.

Once all fields have been properly filled out, the Sidebar Feature needs to be saved. Click on the save icon at the top of the screen you are currently working in. After saving you may close out of the screen by clicking on the close icon . The alternate option is to click on the save and close icon.

Adding images: When adding images to a Feature, the following steps will help you through the process:

Within the Create new Features screen, click on the text Add Image beneath the Image field header. This will open a small window which will display a Folder Tree in the upper left corner. Expand the folders in order to move into the folder where your image is stored. In this case, we will click on the text "sidebar" beside the sidebar folder.

Screenshot demonstrating how to locate image folder

This will display the images contained in the folder. If the image for your Feature is already uploaded, you may click on the name of the image to set the image in the field. If your image has not been loaded, you may use the section titled "upload files" to locate and upload the image for your feature.

screenshot showing how to locate an image for the Feature

After adding an image to the field, you should provide the image with the Alternative Text information. Currently the Title, Link and Description fields are not used by the Sidebar Feature.

Screenshot showing location of the Alternative text field

Locating fields on the Feature

At this point, it would be helpful to review the positions for the various elements of a Feature of the Sidebar type. A Sidebar is located on the right-hand side of the screen, under the Slide type Feature (see screenshot below). Any element not tagged in the screenshots is not an element of a Sidebar Feature. Please refer to the red arrow markers and the numbered list of Feature elements above.

Screenshot showing the Sidebar Field locations

Editing a Sidebar

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to edit and click on the text beside the proper folder, in this case click on "Sidebar". When the right-hand screen refreshes, at the top of the screen you will see a page header "Sidebar". In this screen, you will click on the edit icon which corresponds to the Sidebar you wish to edit.

Screenshot showing how to access the Sidebar edit Screen

When the right-hand screen refreshes, the "Edit Features" screen will appear.

Screenshot showing the Sidebar edit screen

In this screen edit the fields as needed. If you have any questions regarding field location or use, please see the section: Adding a new Sidebar

Once all fields have been properly filled out, the Sidebar Feature needs to be saved. Click on the save icon at the top of the screen you are currently working in. After saving you may close out of the screen by clicking on the close icon . The alternate option is to click on the save and close icon.

Deleting a Sidebar

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to delete and click on the text beside the proper folder, in this case click on "Sidebar". When the right-hand screen refreshes, at the top of the screen you will see a page header "Sidebar". In this screen, you will click on the delete icon which corresponds to the Sidebar you wish to delete.

Screenshot showing how to delete a Sidebar feature type.

You will be prompted to verify the delete, confirm the delete if this is the proper Sidebar to delete.

Adding a new Story

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.  

Screenshot to show how to open the Features folder.

Select the type of feature you wish to create and click on the text beside that proper folder, in this case click on "Stories". When the right-hand screen refreshes, at the top of the screen you will see a page header "Stories". In this screen, you will click on the add new icon.

Screenshot showing how to get to the Story create screen

When the right side screen refreshes, the "Create new Features on page Stories" screen will appear. In this screen you will fill out the fields as detailed below. Please note that not all the fields need to be filled out for every Story.

Screenshot showing how to create new Story Feature

  • Hide
    place a checkmark in this box if you do not want this Feature to show.
  • Title (position 1*)
    The Title is displayed at the top of the Feature, it has the largest text font for the Feature.
  • Subtitle (position 2*)
    This text is displayed in a smaller font than the Title text, it is located under the Title on the screen.
  • Background (position 3*)
    Use the background field to select an image which will display behind all other elements of the feature. (see below "Adding images")
  • Image (position 4*)
    This allows a second picture to be added to the Feature. In the case of a Story Feature, the image is shown in the upper left-hand corner of the Story. The image used in a Story will be croped automatically by the system so that it appears as a circle. (see below "Adding images")
  • Teaster text (position 5*)
    This text displays below the Subtitle and gives the visitor of the page a sample of what the Feature is about.
  • Link (position 6*)
    When used, this will display a link, which the visitor can click on to "Find out More". The Link will be located below the Teaser text on the Feature.
  • Episode (position 7*)
    Using this element will display a media file in the Feature, which the viewer can then click on to start. In a Story Feature, the Media file is displayed in the right side upper corner of the screen.

* please refer below to the section "Locating fields on the Feature" and associated screen shot, to see where this field is displayed on the webpage.

Once all fields have been properly filled out, the Story Feature needs to be saved. Click on the save icon at the top of the screen you are currently working in. After saving you may close out of the screen by clicking on the close icon . The alternate option is to click on the save and close icon.

Adding images: When adding images to a Feature, the following steps will help you through the process:

Within the Create new Features screen, click on the text Add Image beneath the field header (Background or Image field). This will open a small window which will display a Folder Tree in the upper left corner. Expand the folders in order to move into the folder where your image is stored. In this case, we will click on the text "stories" beside the story folder.

Screenshot showing navigating to images for Story

This will display the images contained in the folder. If the image for your Feature is already uploaded, you may click on the name of the image to set the image in the field. If your image has not been loaded, you may use the section titled "upload files" to locate and upload the image for your feature.

Screenshot demonstrating selecting images for Story

After adding an image to the Story Image field, you should provide the image Alternate Text. For the Background image, at this time, there are no required fields which need to be filled out.

screenshot showig Story images text fields

Locating fields on the Feature

At this point, it would be helpful to review the positions for the various elements of a Feature of the Story type. A Story is located at the bottom of the screen, on the left-hand side. All elements above will be displayed on the screenshot below, any element not tagged in the screenshots is not an element of a Story Feature. Please refer to the red arrow markers below and the numbered list of Feature elements above:

Screenshot showing Story field locations

Editing a Story

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to edit and click on the text beside the proper folder, in this case click on "Stories". When the right hand side screen refreshes, at the top of the screen you will see a page header "Stories". In this screen, you will click on the edit icon which corresponds to the Story you wish to edit.

Screenshot showing how to open the Story edit screen

When the right side screen refreshes, the "Edit Features" screen will appear.

Screenshot showing Story edit Screen

In this screen edit the fields as needed. If you have any questions regarding field location or use, please see the section: Adding a new Story

Once all fields have been properly filled out, the Story Feature needs to be saved. Click on the save icon at the top of the screen you are currently working in. After saving you may close out of the screen by clicking on the close icon . The alternate option is to click on the save and close icon.

Deleting a Story

Click on the List icon on the left side of the screen. Next expand the Data folder in the center column. Then expand the Features folder under the Data folder. There should be three folders under the Features folder: Slides, Sidebar and Stories.

Screenshot to show how to open the Features folder.

Select the type of feature you wish to delete and click on the text beside the proper folder, in this case click on "Stories". When the right-hand screen refreshes, at the top of the screen you will see a page header "Stories". In this screen, you will click on the delete icon which corresponds to the Story you wish to delete.

Screenshot showing how to delete a Sidebar feature type

You will be prompted to verify the delete, confirm the delete if this is the proper Story to delete.