Übersicht aller Gestaltungselemente und Shortcodes

• Überschriften
• Button
• Tabellen
• Bild
• Auszeichnungsboxen
• Conversion-Banner

Überschrift

Darstellung	Quellcode
H1 Überschrift	<h1>H1 Überschrift</h1>
H2 Überschrift	<h2>H2 Überschrift</h2>
H3 Überschrift	<h3>H3 Überschrift</h3>
H4 Überschrift	<h4>H4 Überschrift</h4>
H5 Überschrift	<h5>H5 Überschrift</h5>
H6 Überschrift	<h6>H6 Überschrift</h6>

 

Button

• "postion" 1 für linksbündig, 2 für zentriert volle breite, 3 für zentriert Textbreite Button, 4 für rechtsbündig
• "target" für das target-Attribut (_blank: neuer Tab oder Fenster, _self: gleicher Tab oder Seite)
• "alt" für das ALT-Attribut
• "rel" für das Link-Attribut (nofollow, alternate etc.)
• "farbe" für die Farbe des Button zur Auswahl stehen "grau" "blau" "grün"
• "href" Pflichtfeld --> URL/ Link

Darstellung	Quellcode
[button position="1" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button[/button]	[button position="1" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button [/button]
[button position="2" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button[/button]	[button position="2" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button [/button]
[button position="3" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button[/button]	[button position="3" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button [/button]
[button position="4" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button[/button]	[button position="4" farbe="blau" target="_blank" alt="blauer Button" rel="nofollow" href="www.google.de"]Blauer Button [/button]
[button position="1" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button[/button]	[button position="2" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button [/button]
[button position="2" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button[/button]	[button position="2" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button [/button]
[button position="3" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button[/button]	[button position="3" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button [/button]
[button position="4" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button[/button]	[button position="4" farbe="grau" target="_blank" alt="grauer Button" rel="nofollow" href="www.google.de"]Grauer Button [/button]
[button position="1" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button[/button]	[button position="1" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button [/button]
[button position="2" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button[/button]	[button position="2" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button [/button]
[button position="3" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button[/button]	[button position="3" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button [/button]
[button position="4" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button[/button]	[button position="4" farbe="grün" target="_blank" alt="gruener Button" rel="nofollow" href="www.google.de"]Grüner Button [/button]

 

Tabellen

Klassische Tabelle

Darstellung

Quellcode

Spalte 1 Spalte 2 Spalte 1 Zeile 1 Spalte 2 Zeile 1 Spalte 1 Zeile 2 Spalte 2 Zeile 2 Spalte 1 Zeile 3 Spalte 2 Zeile 3

<div class="table_respo"><table class="table_classic"><colgroup> <col width="50%" /> <col width="50%" /> </colgroup> <thead> <tr> <td>Spalte 1</td> <td>Spalte 2</td> </tr> </thead> <tbody> <tr> <td>Spalte 1 Zeile 1</td> <td>Spalte 2 Zeile 1</td> </tr> <tr> <td>Spalte 1 Zeile 2</td> <td>Spalte 2 Zeile 2</td> </tr> <tr> <td>Spalte 1 Zeile 3</td> <td>Spalte 2 Zeile 3</td> </tr> </tbody> </table></div>

 

leichte Tabelle

Darstellung	Quellcode
Spalte 1 Spalte 2 Spalte 1 Zeile 1 Spalte 2 Zeile 1 Spalte 1 Zeile 2 Spalte 2 Zeile 2 Spalte 1 Zeile 3 Spalte 2 Zeile 3	<div class="table_respo"><table class="table_light"><colgroup> <col width="50%" /> <col width="50%" /> </colgroup> <thead> <tr> <td>Spalte 1</td> <td>Spalte 2</td> </tr> </thead> <tbody> <tr> <td>Spalte 1 Zeile 1</td> <td>Spalte 2 Zeile 1</td> </tr> <tr> <td>Spalte 1 Zeile 2</td> <td>Spalte 2 Zeile 2</td> </tr> <tr> <td>Spalte 1 Zeile 3</td> <td>Spalte 2 Zeile 3</td> </tr> </tbody> </table></div>

 

Bild

[image_boxen src="http://www.krankenversicherung.com/wp-content/uploads/2016/03/DSC_4042-e1466498585324.jpg" alt="geldscheine" title="Geldscheine" breite="250px" bildunterschrift="Ganz ganz viele Geldscheine zum reich werden"] [image_boxen src="http://www.krankenversicherung.com/wp-content/uploads/2016/03/DSC_4042-e1466498585324.jpg" alt="geldscheine" title="Geldscheine" breite="250px" bildunterschrift="Ganz ganz viele Geldscheine zum reich werden"]

• "alt" steht für den alt-tag
• "title" für den title-tag
• "breite" gibt die Breite des Bildes und des umliegenden Containers an (wichtig!)
• "src" ist die Bild_URL also der Bildpfad
• "style" umfasst alle CSS-Angaben z.B. margin-right:50px;
• "bildunterschrift" = Bildunterschrift

  

Auszeichnungsboxen

[info_boxen type="pdf" hrefbild="http://www.krankenversicherung.com/wp-content/uploads/2016/06/deckblatt_PDF_Seiten.jpg" hrefdatei="http://www.krankenversicherung.com/wp-content/uploads/2016/06/deckblatt_PDF_Seiten.jpg" alt="Vorschaubild" ]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. [/info_boxen][info_boxen type="pdf" hrefbild="http://www.krankenversicherung.com/wp-content/uploads/2016/06/deckblatt_PDF_Seiten.jpg" hrefdatei="http://www.krankenversicherung.com/wp-content/uploads/2016/06/deckblatt_PDF_Seiten.jpg" alt="Vorschaubild" ] Inhalt Text [/info_boxen]

• type = Typ der Box
• hrefdatei = Link zur PDF
• hrefbild = Src des Bildes
• alt = Alt-Tag

  

---

[info_boxen type="info"] mach dat ding zu!!! [/info_boxen] [info_boxen type="info"] mach dat ding zu!!! [/info_boxen]

  

---

[info_boxen type="achtung"] mach dat ding zu!!! [/info_boxen] [info_boxen type="achtung"] mach dat ding zu!!! [/info_boxen]

  

---

[info_boxen type="tip"] mach dat ding zu!!! [/info_boxen] [info_boxen type="tip"] mach dat ding zu!!! [/info_boxen]

  

---

[info_boxen type="quelle"] mach dat ding zu!!! [/info_boxen] [info_boxen type="quelle"] mach dat ding zu!!! [/info_boxen]

  

---

[info_boxen type="fazit"] mach dat ding zu!!! [/info_boxen] [info_boxen type="fazit"] mach dat ding zu!!! [/info_boxen]

  

---

[info_boxen type="hintergrund"] mach dat ding zu!!! [/info_boxen] [info_boxen type="hintergrund"] mach dat ding zu!!! [/info_boxen]

  

---

[surftipp href="https://www.google.de"] kekse[/surftipp] [surftipp href="https://www.google.de"] kekse[/surftipp]

  

---

Conversion Banner

[banner type="pkv"]
[banner type="pkv"]

• type="pkv" = private Krankenversicherung
• type="gkv" = gesetzliche Krankenversicherung
• type="studenten" = Krankenversicherung für Studenten
• type="beamte" = Krankenversicherung für Beamte
• type="reise" = Reisekrankenversicherung
• type="zusatz" = Krankenzusatzversicherung
• type="zahn" = Zahnzusatzversicherung
• type="vorsorge" = Vorsorgezusatzversicherung
• type="ambulant" = Ambulante Zusatz­versicherung
• type="brille" = Brillen­zusatz­versicherung
• type="heil" = Heil­praktiker­zusatz­versicherung
• type="krankenhaus" = Krankenhaus­zusatz­versicherung

  

---

Dies ist eine Beispiel-Seite. Sie unterscheidet sich von Beiträgen, weil sie stets an der selben Stelle bleibt und (bei den meisten Themes) in der Navigationsleiste angezeigt wird. Die meisten Leute starten mit einer „Über uns“-Seite mit einer Vorstellung für mögliche Besucher der Website. Dort könnte zum Beispiel stehen:

Hallo! Tagsüber arbeite ich als Fahrradkurier, nachts bin ich ein aufstrebender Schauspieler und dies hier ist mein Blog. Ich lebe in Berlin, habe einen großen Hund namens Jack, mag die Fantastischen Vier und ein kühles Bier.

Als neuer WordPress-Anwender solltest du das Dashboard aufrufen, um diese Seite zu löschen und statt dessen eine neue Seite mit deinem eigenen Inhalt erstellen. Viel Spaß!

In unserem Lexikon bringen wir Ihnen Fachbegriffe von A bis Z aus dem Bereich der Krankenversicherung und des Gesundheitswesens näher. Die Palette der Begrifflichkeiten reicht von Aberration bis zum Zulassungsbezirk.