Dies ist eine Beispiel-Seite. Sie unterscheidet sich von Beiträgen, da sie stets an derselben Stelle bleibt und (bei den meisten Themes) in der Website-Navigation angezeigt wird. Die meisten starten mit einem Impressum, der Datenschutzerklärung oder einer „Über uns“-Seite, um sich möglichen Besucher der Website vorzustellen. Dort könnte zum Beispiel stehen:

Hallo! Ich bin tagsüber im Kurierdienst tätig, nachts widme ich mich der Schauspielkunst, und das ist meine Website. Ich lebe in einer Großstadt, habe einen tollen Hund und ich mag Getränke mit Schirmchen (aber nicht ohne Schirm im Regen zu stehen).

…oder so etwas wie das hier:

Das Unternehmen XYZ wurde 1971 gegründet und versorgt die Öffentlichkeit seither mit qualitativ hochwertigen Produkten. An seinem Standort in einer kleinen Großstadt beschäftigt der Betrieb über 2.000 Menschen und unterstützt die Stadtbewohner in vielfacher Hinsicht.

Als neuer WordPress-Benutzer solltest du dein Dashboard aufrufen, um diese Seite zu löschen und neue Seiten für deinen Inhalt zu erstellen. Viel Spaß!

Ein Text mit einer Initiale bzw. Initialbuchstaben. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Übrigens: Alle Elemente hier können natürlich sowohl in Beiträgen (also im Blog), als auch auf Seiten verwendet werden.

Text Elemente & Formatierungen

Die Titel / Überschrift Elemente (H2 bis H4, H1 wird automatisch für den Seitentitel verwendet und sollte im Inhalt nicht nochmals verwendet werden):

Überschrift H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Überschrift H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Überschrift H4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Listen / Aufzählungszeichen (Nummeriert oder als Bullet Point):

• Listen sind einfacher zu überfliegen und lesen als der gleiche Text einfach als Paragraph.
• Sie bringen optisch Abwechslung für das Auge.
• Und Sie sind nicht so einschüchternd wie eine lange Textwand.

Buttons, wenn ein normaler Link wie dieser nicht ausreicht bzw. ein wichtiger Link eingefügt werden soll:

Eine simple Trennlinie, um Abschnitte deutlicher voneinander abzutrennen:

---

Trennlinie über die ganze Seitenbreite:

---

Manchmal möchte man aber auch einfach etwas mehr Abstand zwischen 2 Elementen einfügen. Hier kommt der „Abstandshalter“ zum Zug (der natürlich einfach per Maus in die entsprechende Grösse gezogen werden kann):

Simple Spalten Layouts: In jeder Spalte können grundsätzlich wieder beliebig Überschriften, Absätze, Bilder, etc. eingefügt werden. Ausserdem gehen diese automatisch über die ganze Seitenbreite:

Einfache Tabellen (Text- oder Seitenbreite, wobei das Aussehen der Tabelle natürlich unabhängig davon gewählt werden kann):

Name	Beruf
John Doe	Webdesigner
Peter Smith	WordPress Webentwickler

Name	Beruf
John Doe	Webdesigner
Peter Smith	WordPress Webentwickler

Bilder & Cover

Bilder und Cover Elemente funktionieren im Prinzip gleich, nur dass ein Cover noch Text (Titel und normale Absätze) beinhalten kann. Sowohl Bilder als auch Cover können in Text-, Seiten- oder kompletter Bildschirmbreite angezeigt werden:

Standardmässig über die Textbreite:

Für alle Bilder und Galerien kann bei Bedarf die sogenannte „Lightbox“ Funktion aktiviert werden. Damit kann das Bild per Mausklick in einer Grossansicht geöffnet werden, ohne die Seite zu verlassen:

Über die Seitenbreite, damit grössere Bilder besser erkennbar sind:

Oder über die ganze Bildschirmbreite, um die Stimmung des Bildes besonders zur Geltung zu bringen:

Und hier gleich noch ein Beispiel mit dem Cover, welches Text beinhalten kann:

Bewegte Bilder (.GIF-Dateien) funktionieren natürlich genau gleich wie normale Bilder (Videos werden weiter unten noch erklärt):

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Bilder links oder rechts, ideal um den Text aufzulockern:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Bilder-Galerien

Eine Bildergalerie, ideal wenn mehrere Bilder gleichzeitig präsentiert werden sollen (genau wie bei einzelnen Bildern mit der Möglichkeit, die Lightbox Funktion zu aktivieren):

• 

• 

• 

• 

• 

Auch eine Bildergalerie kann über die ganze Seitenbreite gehen:

• 

• 

• 

• 

• 

Oder über die ganze Bildschirmbreite:

• 

• 

• 

• 

• 

YouTube Videos einbetten

YouTube Videos können einfach eingebunden und ebenfalls über die Text-, Seiten- oder komplette Bildschirmbreite angezeigt werden:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Standard Zitat-Funktion (für Kundenfeedbacks / Testimonials)

Die „normale“ Zitat-Funktion, ideal um schnell und einfach Kundenfeedbacks / Testimonials darzustellen:

„Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.“

Ein zufriedener Kunde

Lässt sich z.B. auch mit einem Foto kombinieren:

„Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.“

Peter Lustig, Firma XYZ AG

„Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.“

Peter Lustig, Firma XYZ AG

„Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.“

Peter Lustig, Firma XYZ AG

Der „Pull-Quote“

Vom Prinzip her ähnlich wie ein Zitat, wird ein Pull-Quote dafür genutzt, um wichtige oder interessante Textstellen aus dem Text „herauszuziehen“ und damit den Besucher beim Überfliegen in den Text hineinzuziehen und den ganzen Text aufzulockern:

Hebe wichtige und interessante Stellen mit dem „Pullquote“ hervor, um den Besucher in den Text hineinzuziehen (oder ganz klassisch für Zitate).

Albert Einstein

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Hebe wichtige und interessante Stellen mit dem „Pullquote“ hervor, um den Besucher in den Text hineinzuziehen (oder ganz klassisch für Zitate).

Albert Einstein

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Hebe wichtige Stellen mit dem „Pullquote“ hervor, um den Besucher zum Lesen zu animieren (Variante Links, ohne einen „Autor / Quellenangabe“ darunter).

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Der „Pullquote“ kann (im Gegensatz zum Zitat) über den normalen Textbereich hinausgehen und damit dem Auge Platz zum Atmen lassen…

Albert Einstein

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Der „Pullquote“ kann auch über die ganze Bildschirmbreite gehen und damit dem Auge Platz zum Atmen lassen und noch mehr Struktur in die Seite zu bringen…

Albert Einstein

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Am Ende eines Artikels werden automatisch Links zum nächsten bzw. vorherigen Artikel im Blog eingefügt: