Build a website

The content of the website determines the selection of modules to a certain extent. The guideline for distribution pages is to first create a header image and then teaser tiles. The module overview by page type as well as the sample templates and best practice examples serve as a guide. Stay on your _module-xyz folder and click on the folder icon in the toolbar. If you select and click on the (empty!) search field of the magnifying glass, you will get a list of all modules.

Important: Pay attention to the bracket after the module. It indicates the page type for which the module can be used, such as HP/V for start and distribution pages and D for detail pages. Make your selection and give the module a name.

To make the order and selection of the modules and their individual elements recognizable and easier to find later on the page, it is a good idea to name the modules and elements according to their function and in the appropriate order, such as 01-header, 02-teaser-current, 03-dates, 04-logoslider and others. The elements within a module are also sorted from top to bottom and accordingly from left to right based on the (file) name (alphabetically).

For each module, fill in the content fields and/or add further content elements, for example the „accordion-item“ element in the „Accordion“ module. Other elements from other modules are „links", „text“,  „quote“, „video“ and „image“. You can customize the various fields in the CMS column view at any time via the properties area on the right and change the module template or the content of the elements via Edit all. The detailed descriptions and properties of the modules and the assigned elements can be found on the MODULES page.

Click on the _module-xyz folder and view the result of your modules via the camera icon. The module names will still appear, which will no longer be the case after insertion into the page.

Ask yourself:

• Are all relevant topics teasered? Is the selection of modules for this correct?
• Do I like the presentation of the modules (number of columns, color, spacing)?
• Which content elements are still missing, for example texts, images, quotes, videos, info boxes?
• Which other subpages need to be created and which links need to be added?

The header/slider provides a first impression of the displayed page and should visually invite you to scroll further.

The teaser tiles are particularly suitable for news and updates and as a structuring element for important units, such as research or teaching with their respective sub-items, such as research profile, publications and others. The dates module is already explained in the title.

The drop-down module can offer topic-based links to further information, such as a service catalog for students with examination dates, deadlines for final theses and seminars.

The modules Topic Large, Topics and the Mix module can be used in different ways to showcase a topic that is to be highlighted. An image gallery can be used to convey special visual impressions of events and topics.

Large amounts of text can be hidden in the accordion „hidden“ and still be positioned well in small boxes on the page. The tab module is suitable for describing processes. Modules such as the tab module, the logo slider, the image gallery and the accordion should generally only be used once on a page.

The Glossary, Filter small and large; with teaser tiles and Accordion modules are used very rarely. All these modules help to structure large subject areas with many sub-items, such as the Viadrina's range of courses.

Tip

To save creating individual text modules, it is possible to use the fields „Text above“ and „Text below“, for example in the Accordion module.

All modules have specific setting options that can also be adjusted later via the properties. This facilitates the post-processing of the first draft and can be helpful later when changing the content.

For most modules, you can choose between two to four columns. The content, i.e. the number of elements you want to have in the module, should determine the number of columns you select.

In most cases, different variants are available in the Viadrina corporate design of a module.

The variants are white, gray, blue with or without an image, with a lot or little text, with or without a background and with or without a frame.

Linking the target page

For many modules, an underlying detail page is linked. If you have already created all pages, add the link directly, otherwise continue creating modules for the time being and link them later.

Distance

You can adjust the spacing below a module to your liking to normal, small, no spacing or dividing line.

Highlight alignment, hide title and validity

In some modules, such as the teaser tiles, the tiles may have different heights next to each other. You can achieve a uniform height by selecting „Aligned“ > „yes“.

In the detail view, the title of a module can be set to „Title for screen readers only“ and is therefore no longer visible on the page.

„Valid until“ should not be used, because caution: This can cause the layout to slip, as suddenly not all columns, for example in the News view, are filled out. This applies in particular to the sub-elements of the Teaser Tile module:

Basically, a hidden folder can be created for all content that should not appear directly on the page, for example for image and document storage. A special form is the folder for info boxes. To create it, click on the folder icon in the menu bar and select „Hidden folder“. This is also a function/storage folder, which is indicated by an underscore, see: _images and _documents.

Another function/storage folder is the „folder for infoboxes (_infobox)“, which is also created like the module folder and hidden folder for images and documents. This folder is necessary if, for example, you are working with standard (modular) web pages that contain an info column. In the info column on the right, you can create an info box: Contact and an info box: Links in different variants with and without background. The info boxes can also be reused on other pages by linking or copying them. They depict the most important contacts on the page, such as secretariats at universities or advice centers at faculties. Info boxes with central addresses can also be used from the central repository, which are stored in the mirror file „resources-new“ at the respective faculty or superordinate homepage.

So that all created modules of the distribution page link to a target page (link to target page), additional pages can now be created using the folder icon. These can include further distribution and detail pages, a news folder/blog or person templates (PV), which are created directly below the main page next to the function/folders. With the exception of the blog and person templates, all page types require a folder for modules or modules from other page folders of the same website type that can be linked.