Galerie
Ahoi!
Aus Wikipedia, der freien Enzyklopädie: Als Blindtext wird Text bezeichnet, den man bei der Gestaltung von Publikationen verwendet, wenn der eigentliche Text noch nicht vorliegt.
Mit Hilfe des Blindtextes kann die Verteilung des Textes auf der Seite (Layout oder Satzspiegel) sowie Lesbarkeit und Platzbedarf der verwendeten Schriftarten (Typografie) beurteilt werden. Er besteht aus einer mehr oder minder sinnlosen Folge von Wörtern, oft auch nur aus wortähnlichen Silbenfolgen. Ein bekanntes Beispiel dafür ist das „lateinische“ Lorem ipsum. Komponisten von Liedern benutzen Blindtexte beim Komponieren von Melodien und singen diese, bevor der Liedtext gedichtet wird.
Viele bunte Bilder
Bildpositionierung – Ebbe und Flut im Wörtermeer. Am besten lassen sich die verschiedenen Fließrichtungen von Text um Bilder demonstrieren, wenn man sie direkt vor Augen hat. Schnapp’ dir ein Paddel, los geht’s!
In WordPress stehen dir folgende Bildausrichtungen zur Verfügung:
- Links
- Zentriert
- Rechts
- Keine
Als Standard-Bildgrößen hast du zur Auswahl:
- Miniaturbild
- Mittelgroß
- Groß
- Vollständige Größe
Seitennummerierung
Mit der Seitennummerierung kannst du einzelne Beiträge oder Seiten in WordPress in Unterseiten aufteilen. Das kann vor allem bei längeren Texten oder Beiträgen mit vielen Bildern sinnvoll sein, damit die Seite übersichtlich bleibt.
Einen Seitenumbruch erzeugst du mit dem <!--nextpage-->-Element im Texteditor.
Verschachtelte und gemischte Listen
Verschachtelte und gemischte Listen sind richtige Biester. Es ist wichtig, dass…
- …Listen innerhalb von Listen die Nummerierung korrekt fortsetzen;
- …die Listenstile des Theme tief genug greifen, um Verschachtelungen zu erfassen.
Sehen wir uns das mal näher an!
Formatierung
Überschriften
Überschrift erster Ordnung
Überschrift zweiter Ordnung
Überschrift dritter Ordnung
Überschrift vierter Ordnung
Überschrift fünfter Ordnung
Überschrift sechster Ordnung
Blockzitate
Einzeiliges Blockzitat:
Stay hungry. Stay foolish.
Mehrzeiliges Blockzitat:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Tabellen
| Mitarbeiter | Gehalt | |
|---|---|---|
| Olaf Schmitz | €1 | Weil Steve Jobbs auch nicht mehr bekommen hat. |
| Caspar Hübinger | €100Tsd | Für die Beiträge, die er hier schreibt. |
| Nick Jantschke | €100Mio | Ein Bild sagt mehr als 1000 Worte, oder? Also Caspar x1000 |
| Thomas Scholz | €100Mrd | Weil er Caspar und Nick zusammen ertragen muss. |
Definitionslisten
- Definitionsliste-Titel
- Definitionslisten-Definition.
- Startup
- Ein Ofen, in dem ununterbrochen Geld verbrannt wird. Hat nichts mit diesem Theme zu tun.
- #dowork
- Erfunden von Rob Dyrdek und seinem Bodyguard Christopher „Big Black“ Boykins. „Do Work“ ist ein Selbstmotivator.
- Do It Live
- Bill O’Reilly erklärt das.
Weitere Listen
HTML-Elemente
Wir machen hier mal in englisch weiter, der Einfachheit halber.
Address
1 Infinite LoopCupertino, CA 95014
United States
Anchor (aka. Link)
This is a Link.
Abbreviation
The abbreviation srsly stands for “seriously”.
Acronym
The acronym ftw stands for “for the win”.
Big
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite
“Code is poetry.” —Automattic
Code
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarsly known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
Textausrichtung
Standard
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
Linksbündig
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
Zentriert
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
Rechtsbündig
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
Blocksatz
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.