So verwenden Sie Span-Tags für eine Blockquote in WordPress

Mit Span-Tags können Sie CSS-Stil auf jeden Abschnitt Ihrer WordPress-Posts anwenden. Stellen Sie sich diese als benutzerdefinierte CSS-Befehle vor. Wenn diese benutzerdefinierten Befehle um einen Textabschnitt gewickelt sind, werden sie auf alle Bereiche innerhalb der „Spannweite“ angewendet. Damit können Sie Ihre eigenen Tags erstellen. Eine solche Anwendung ist das Erstellen eines benutzerdefinierten Blockquote-Tags, das Sie zusätzlich zu Ihrem Standard-Blockquote-Befehl verwenden können.

1

Melden Sie sich in Ihrem WordPress-Adminbereich an. Klicken Sie im Hauptmenü links auf "Darstellung" und dann auf "Editor". Wenn diese Optionen nicht vorhanden sind, liegt dies daran, dass Sie keine Administratorberechtigung haben. Wenden Sie sich an den Websitebesitzer, um ein Upgrade anzufordern - oder bitten Sie ihn, diese Schritte für Sie auszuführen.

2

Klicken Sie in der Dateiliste rechts auf "style.css". Der Code für diese Datei wird im zentralen Bearbeitungsbereich angezeigt. Beginnen Sie eine neue Zeile am Anfang der Datei und fügen Sie dann den folgenden Code hinzu:

.bq {Anzeige: Block; Rand links: 30px; Grenze-Links-Stil: fest; Rahmenfarbe links: rot; Polsterung links: 5px; }

Der einzige wesentliche Teil ist die Zeile "display: block;", in der mehr als eine Textzeile von den span-Tags formatiert werden kann. Der Rest des Codes rastet die Blockquote um 30 Pixel ein, platziert eine rote Linie links neben dem Zitat und platziert den Text dann fünf Pixel rechts von dieser Zeile. Bearbeiten oder fügen Sie neuen Code hinzu, um Ihren Vorlieben zu entsprechen. Klicken Sie auf "Datei aktualisieren", wenn Sie fertig sind.

3.

Klicken Sie im Hauptmenü auf "Posts" oder "Pages" und wählen Sie ein Dokument aus, zu dem Sie die neue Blockquote hinzufügen möchten. Umfassen Sie span-Tags auf folgende Weise um den Abschnitt, den Sie zitieren möchten:

Das ist mein Zitat

4

Klicken Sie oben rechts im Bildschirm auf "Aktualisieren" und dann auf "Seite anzeigen", um die Ergebnisse anzuzeigen. Die span-Tags wenden den gesamten Code in der soeben erstellten „bq“ -Klasse auf den Text zwischen ihnen an. Wenn Sie mit den Ergebnissen zufrieden sind, können Sie das bq span-Tag auf jeden beliebigen Text anwenden. Wenn nicht, kehren Sie zur Seite style.css zurück, bearbeiten Sie die bq-Klasse und überprüfen Sie sie erneut. Wiederholen, bis Sie zufrieden sind.

Spitze

• Span-Tags sind nicht nur auf Text beschränkt - Sie können alles formatieren, auf das CSS normalerweise angewendet werden kann.

Warnung

• Alle Änderungen, die Sie an der Datei „style.css“ vornehmen, werden sofort auf Ihre gesamte Website angewendet. Achten Sie darauf, den anderen Code in dieser Datei nicht zu bearbeiten.