[Konzert]Konzerttitel hier einfügen

Dies ist die H2-Überschrift

Über diesem Absatz sollte die H2-Überschrift für Ihre Webseite stehen. WordPress-Themes verwenden die h2-Überschrift für verschiedene Zwecke. Logischerweise sollte sie entweder der Beitragstitel oder die erste Überschrift im Beitragstext sein.

Allerdings wird sie überall in WordPress-Themes verwendet, einschließlich Untertitel, Slogan, Beitragstitel, Kommentarbereich, Seitenleiste und sogar im Footer. Seien Sie spezifisch, wenn Sie jede h2-Überschrift stylen, um sicherzustellen, dass Sie nicht alle auf einmal stylen.

Dies ist die H3-Überschrift

Ist dies die gleiche Überschrift wie in Ihrem Beitragstitel oder sind dies die Abschnittsüberschriften in Ihrer Seitenleiste? Oder ist es anders? Dies ist die Beitragstext-Überschrift für das HTML-Tag h3, ebenso wie die folgende H4-Überschrift für Abschnittsüberschriften innerhalb Ihres Beitrags, um Themen zu unterteilen. Wenn sich ein H3- oder H4-Tag in Ihrer Seitenleiste befindet, müssen Sie den übergeordneten HTML- und CSS-Container für die Seitenleiste identifizieren und diese entsprechend in Ihrem Blog-Stylesheet stylen.

Weitere Informationen zur Suche nach Ihren Stilen in Ihrem WordPress-Blog finden Sie unter CSS: Studying Your CSS Styles.

Achten Sie auch darauf, wie die Links in diesem Absatz gestylt sind, damit Sie Links innerhalb Ihres Beitragstextbereichs stylen können. Links haben drei Stile. Es gibt die Linkfarbe, die Link-Hover-Farbe und die besuchte Linkfarbe. Stellen Sie sicher, dass Sie für jeden Stil entwerfen.

Dies ist die H4-Überschrift

In diesem Abschnitt unter der H4-Überschrift werden wir uns ansehen, wie der Beitragstext, das Herzstück Ihrer Seite, aussieht. Im Allgemeinen haben Sie mehrere Absätze, also fügen wir einen weiteren Absatz hinzu, damit Sie den Abstand zwischen ihnen anpassen können, um das gewünschte Aussehen zu erzielen.

Absätze sind nicht nur zum Schreiben Ihrer Blog-Texte da, sie können auch andere Informationen innerhalb Ihres Inhaltsbereichs enthalten, um den Punkt zu verdeutlichen, den Sie in Ihrem Schreiben machen möchten. Zum Beispiel haben Sie in der Regel drei Arten von Listen.

• Allgemeine Listen, die das <ul>-Tag verwenden
• Nummerierte Listen, die das <ol>-Tag verwenden
• Definitionslisten, die das <dl>-Tag verwenden
  • Definitionslisten verwenden zwei weitere Tags, um die Liste zu erstellen:
    • <dt> legt das zu definierende Wort oder den Ausdruck fest, normalerweise fett dargestellt, und
    • <dd> legt die Definition fest, die normalerweise in einer normalen oder leicht kleineren Schrift und unterhalb der Definition eingerückt ist.
• Und das ist das Ende der Listen

Wir haben einen Absatz vor und nach einer allgemeinen Liste sowie eine verschachtelte Liste getestet, um Ihnen zu zeigen, wie mindestens drei Ebenen der Liste aussehen. Stellen Sie sicher, dass jede Ebene der Liste Ihren spezifischen Anforderungen entspricht. Sie möchten vielleicht den Standard-Disk oder Kreis verwenden oder grafische Aufzählungszeichen zu Ihrer Liste hinzufügen.

Dies ist die H5-Überschrift

Die H5-Überschrift wird nicht immer verwendet, aber vielleicht benötigen Sie sie, wenn Ihre H1-, H2- und H3-Überschriften verwendet werden. Möglicherweise benötigen Sie ein oder zwei Ebenen von Unterüberschriften in Ihrem Beitragstext, daher bietet Ihnen diese eine weitere Option.

Wir müssen uns auch die anderen beiden Listen ansehen und dann einige Bilder und andere Stile hinzufügen, um Ihre WordPress-Theme-Sandbox zu vervollständigen.

1. Das müssen Sie zuerst tun.
2. Das müssen Sie als Zweites tun.
   • Das könnten Sie zwischendurch tun.
   • Oder versuchen Sie das auch.
3. Aber das ist die dritte und letzte Sache, die zu tun ist.

Das sollte Ihnen eine Vorstellung davon geben, wie eine verschachtelte Nummernliste auf Ihrer Seite aussehen würde. Nun, lassen Sie uns eine Definitionsliste ansehen.

WordPress-Themes

Ein WordPress-Theme ist keine „Skin“. Viele junge Leute nennen es so. Die Realität ist, dass ein WordPress-Theme viele Dateien enthält, die auf verschiedene Weise zusammenkommen, um eine WordPress-Webseite zu erstellen. Eine „Skin“ ändert einfach das Aussehen, und selten die Ergebnisse.

WordPress-Plugins

WordPress-Plugins fügen Ihrer WordPress-Seite Flexibilität, Funktionen und Fähigkeiten hinzu. Es gibt Hunderte zur Auswahl. Einige fügen Power und Kontrolle hinzu, wie das Überwachen und Bekämpfen von Kommentar-Spam und die Verbesserung Ihrer Administrationsfunktionen. Andere fügen Spaßdinge wie zufällige Elemente und Abstimmungs- und Bewertungssysteme hinzu.

Und hier ist ein weiterer Absatz, um die Beziehung zwischen den verschiedenen Teilen und Elementen zu zeigen.

Dies ist die H3-Überschrift

Wenn die H3-Überschrift Ihre Abschnittsüberschrift im Beitrag ist, müssen Sie sehen, wie sie im Beitrag selbst funktioniert. Wenn nicht, ändern Sie einfach die H3 in die Überschriftnummer, die Sie verwenden.

Wir müssen uns ansehen, wie Bilder, ein weiteres wichtiges Merkmal der meisten WordPress-Seiten, auf der Seite verwendet werden. Bilder neigen dazu, auf der linken, rechten oder mittleren Seite Ihres Beitrags zu sitzen, je nachdem, wie Sie sie verwenden. Für ein Bild, das auf der linken oder rechten Seite sitzt, müssen Sie den entsprechenden Abstand auf der Textseite des Bildes hinzufügen, um den Text vom Bild wegzudrücken, damit der Text nicht an die Ränder des Bildes gedrückt wird.

Ein zentriertes Bild ist etwas anders. Es ist in der Mitte zentriert und der Text wird darüber und darunter geschoben.

Wie man die CSS-Stile für Bilder hinzufügt, wird im Codex-Artikel Using Images beschrieben.

Schriftarten-Looks testen – H3-Überschrift

Sie müssen auch die Looks der verschiedenen Schriftartenstile testen. Das ist fett und DAS IST FETT. Das ist kursiv und DAS IST KURSIV. Das ist fett und kursiv und DAS IST FETT UND KURSIV. Das ist Code und DAS IST CODE. Und nun lassen Sie uns sehen, wie das PRE-Tag, auch bekannt als das vorformatierte Tag, aussieht:

Das ist das pre-Tag.
Es sollte wie geschrieben formatiert werden,
     also wenn Sie Leerzeichen vor der Zeile hinzufügen,
  zeigt es die Leerzeichen und das <code> wie geschrieben an

Dies sollte wieder zum normalen Absatzstil zurückkehren, und wir hoffen, dass Sie auf die Ränder und Abstände um jedes Element, einschließlich des Absatzes, geachtet haben, damit Sie Dinge im Verhältnis zum Rest des Inhalts korrekt positionieren können.

Ihr CSS hier – H5-Überschrift

Schauen wir uns das Blockzitat an, eines der am häufigsten verwendeten Tags in den meisten Blogs. Es ist dafür gedacht, ein Zitat von einem anderen Blog, einer Website oder einer Referenz zu „rahmen“, das Sie „zitieren“. Im Allgemeinen gibt es drei Verwendungsbeispiele:

Dies ist ein einfaches Zitat. Es wird entweder durch einen Link innerhalb des Textes zur Quelle des Zitats eingeführt oder gefolgt. Ein Blockzitat muss so gestaltet sein, dass es sich vom Rest des Textinhalts abhebt, aber es muss nicht „wirklich“ auffällig sein, nur so weit, dass wir wissen, dass es nicht Ihre Worte sind.

Ein zweiter Stil des Blockzitats enthält ein Zitat. Nach den HTML-Richtlinien sollte dieses Zitat im <cite>-Tag eingewickelt sein und dann kann dieses Tag in kursiv, fett oder in einem beliebigen Stil, den Sie in Ihrem Design wünschen, gestaltet werden.

Passen Sie auf den Stil des <cite>-Tags auf, da einige WordPress-Themes es im Kommentarbereich verwenden. Ich empfehle, es speziell mit blockquote cite {style declarations} in Ihrem Stylesheet zu gestalten.

Dies ist ein Beispiel für ein Blockzitat, das auch einen Link zu Blog Design und Layout Artikeln im WordPress Codex, dem Online-Handbuch für WordPress-Benutzer, enthält, um Ihnen zu zeigen, wie Links innerhalb eines Blockzitats aussehen.
Lorelle on WordPress, Ihr Führer zu allem rund um WordPress und Bloggen

Das Zitat enthält einen Link und Text, um Ihnen zu zeigen, wie ein Link und Text innerhalb des cite-Tags aussehen.

Es gibt viele Tags, die innerhalb eines Blockzitats gefunden werden können, genauso wie sie innerhalb eines Containers innerhalb Ihres Webdesigns gefunden werden können, aber ein letztes Beispiel enthält eine ungeordnete Liste. Viele Blogger lieben es, Beispiele aus Listen zu zitieren, daher ist dies eine gute Tag-Reihe zum Testen.

Innerhalb dieser Webdesign-Sandbox-Testseite haben wir getestet:

• Überschriften
• Textstile wie fett und kursiv
• Geordnete (nummerierte) und ungeordnete (Aufzählungszeichen) Listen
• Links
• Code- und PRE-Tags
• Blockzitate
• Und vieles mehr…

Was Ihnen zeigen sollte, wie eine Liste innerhalb eines Blockzitats aussieht.

Jede Webseite ist einzigartig mit ihrem eigenen Look und Feel für die verschiedenen Teile und Stücke. Dieser Kopieren-und-Einfügen-Abschnitt betrachtet nur, was Sie möglicherweise in Ihrem Inhaltsbereich haben. Wenn Sie Boxen für Listen oder kleine Zusatzinformationen haben, müssen Sie diese hinzufügen, damit Sie sehen können, wie sie im gesamten Seitenlayout aussehen.

Einige Elemente in einem WordPress-Theme werden durch das Stylesheet gesteuert, während andere durch die Template-Dateien gesteuert werden. Versuchen Sie, so viel wie möglich zuerst mit dem Stylesheet zu arbeiten, dann können Sie sich mit den Template-Dateien beschäftigen.

Denken Sie daran, dass alle Änderungen, die Sie am Stylesheet und an den Template-Dateien vornehmen, nicht verfügbar sind, wenn Sie das Theme wechseln. Wenn Sie sie beibehalten möchten, müssen Sie sie in den neuen Theme-Ordner