Usefull HTML and shotrcodes

Text formatting options

Headlines. This is a »h1″ headline. It is reserverd for page and news titles so please do not use them wthin the stage of your post.

This is a secondary headline

This is the third headline option

This a fourth headline

And here we have a sorted List, very ease to setup

    This list contains:

  • The first line with content inside.
    This content can even be separated into 2 lines, but still counts as a bullet point
  • Another short line
  • Here we have sentence that has a bold and important note!
  • This line has an italic phrase if you want to point something out

An Accordion panel for very long text sections

Use this feature if you have multiple sections that you want to separate from each other. Note that you can put any content inside. Pictures, Documents, bold oder italic text and so on. Of couse you can choose the text of the panels like you want.


This is the panel number one

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

This is the panel number two

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

This is the panel number three with an image

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Multimedia, Galleries and Document handling

This is an example of a movie clip (mp4 file) imported into a post:

This is an example of a gallery.

A gallery consists of at least 2 pictures to limitless numbers. You can give every image a caption that is displayed in the thumbnail (bottom left). Additionally you can add an alt-text that appears when you open that image in the modal window by clicking on it. Please note that the caption should only consist of a short sentence. The Alt-Text however can be easily a bit longer.
Please note that you can upload pictures of different dimensions. They align in an aesthetic way as tiles under each other.

Single image as modal overlay link

As soon as you load single images on the stage they will stretch to the full-width (in opposite to the gallery). Please note that they can also have an overlay with an Alt-Tag shown on the black modal overlay. However to achieve this the image needs a option. If you do not wish to show a caption, just put an invisible tag in the caption field:  

Now you see two examples – one with a caption, one without a caption. Both are opened on click in a modal window!
This way is the best if you have only one or two images and want them to appear already pretty big on the stage!

Lorem ipsum dolor sit amet, my eirmod tempor invidunt ut labore et dolore magna aliquyam erat

test

Can be short, can be long

 

Importing PDF files

PDF documents are a format that WordPress can not display »as a picture. For this reason you have to create a link in order to give the viewer the opportunity to display it in a separate window by clicking onth lin.

Here is an example of a PDF document with a Link!

The same method is useed to link to »Word« (.doc) documents, ZIP files or any other compact formats that can´t bedisplayed as pictures. Upload the files via the »Media Explorer«, copy the link and use the path as the link structure.