Verwendung einen Warnung Hinweis in Thema Hybrid

October 29

Verwendung einen Warnung Hinweis in Thema Hybrid

"Thema Hybrid" bezieht sich auf eine Reihe von benutzerdefinierte WordPress Themen auf "Hybrid" Rahmen gebaut. Jedes Thema hat ähnliche Eigenschaften, Templates und Stylesheets. Das Flaggschiff-Thema, "Hybrid" kommt mit 21 verschiedene Stylesheets, die jeweils spezielle Kurse, die angewendet werden können, um jede post oder Seite. Spezielle Inhaltsklassen werden in des Themas "style.css" oder Haupt-Stylesheet. Das Hybrid-Design definiert mehrere WordPress "Kurzwahlnummern" für die Verwendung dieser benutzerdefinierten Klassen helfen Ihnen zu vermeiden, dass HTML verwendet. Leider ist der Warnung Hinweis muss keine Kurzwahlnummer zugeordnet, daher müssen Sie anwenden der Klasse direkt ein HTML-Tag.

Anweisungen

1 Zugriff auf Ihre WordPress Administrationsbereich und Klick auf "Beiträge", dann "neu hinzufügen". Geben Sie Ihrem Beitrag einen Titel, und platzieren Sie den Cursor in das Editor-Fenster.

2 Geben Sie die Notiz, Warnung angezeigt werden möchten. Optional können Sie ein Symbol oder Bild hinzufügen, indem Sie auf die Schaltfläche "Bild hinzufügen" in der Editor-Symbolleiste. Haben Sie Ihr Symbol oder Bild ein Bild links neben Ihrem Warnungstext auftauchen, achten Sie darauf, die Ausrichtung "Links" im Fenster "Bild hinzufügen" auswählen.

3 Klicken Sie auf die Registerkarte "HTML", befindet sich in der oberen rechten Ecke des Content-Editor. Platzieren Sie den Cursor am Anfang des Textes oder Codeblock (wenn Sie ein Bild eingefügt haben), und geben Sie einen "DIV"-Tag erstellt, in denen die "Warnung"-Klasse:

< Div Class = "Warnung" >

Platzieren Sie den Cursor am Ende Ihren Text oder Code-Block, und geben Sie das schließende DIV-Tag:

< / Div >

4 Die Höhe der Warnung Notiz festlegen, indem das Attribut "Style" zu dem DIV-Tag mit einem Wert von "Höhe:" wie folgt:

< Div Class = "Warnung" Style = "Height: 100px;"

Geben Sie Ihre gewünschte Höhe in Pixeln, gefolgt von einem Semikolon. Falls Sie ein Symbol oder Bild verwenden, wird die Höhe sollte mindestens so groß wie dein Bild. Ihre Warnung Hinweis Strecken auch dynamisch basierend auf wie viel Text drin ist. Einstellen eines Höhe-Stils dient als ein Failsafe die Textmenge ist kleiner als die Größe der Miniaturansicht oder Symbol.

Der fertige Code sollte wie folgt aussehen:

< Div Class = "Warnung" Style = "Height: 100px;" >< Img-Klasse = "Größe-Thumbnail wp-Bild-722 Alignleft" title="bomb.talk" Alt = "" Breite = "56" Height = "56" Border = "none" / > Warnung! Versuchen Sie nicht, diesen Trick zu Hause! < / Div >

5 Klicken Sie auf die "Visual" Registerkarte, um die visuelle Bearbeitung Ansicht zurückzukehren. Klicken Sie auf "Vorschau", um Ihre neue Warnung Hinweis in einem neuen Browser-Tab anzuzeigen.

Tipps & Warnungen

  • Passen Sie den Warnung Hinweis, wie das Ändern der Farbe, Grenzen oder Schriftgrad, klicken Sie auf "Erscheinungsbild", dann "Editor". Drücken Sie "Strg + F" auf Ihrer Tastatur zu bringen oben Suchfeld Ihres Browsers, Typ "Warnung" und drücken Sie enter, um die Warnung-Klasse finden. Bearbeiten Sie die Hintergrundfarbe oder Rahmenfarbe, oder fügen Sie zusätzliche Attribute, die Sie wünschen.