So markieren Sie Text in WordPress

Ihre Besucher mögen Ihre Website für Ihre Inhalte – je besser Ihre Inhalte, desto höher ist Ihre Besucherzufriedenheit. Wenn jedoch viele Ihrer Inhalte textuell sind, fühlen sich einige Ihrer Besucher möglicherweise etwas abgeschreckt – Textwände sind notorisch unattraktiv. Sie können auf das Hinzufügen einiger Bilder zurückgreifen, aber das ist nur eines der Werkzeuge in Ihrer Toolbox.

Du könntest deinen Text auch etwas weniger gruselig machen, indem du Hervorheben der wichtigen Bits und lenken Sie die Aufmerksamkeit Ihrer Besucher auf ein Sonderangebot, einen Rabatt, ein überraschendes Datum oder was auch immer. Nicht nur das: Hervorgehobener Text ist leichter zu analysieren, vorausgesetzt, Hervorhebungen werden sparsam und korrekt verwendet. Hervorhebungen werden auch beim Erstellen von scannbaren Inhalten verwendet. Es ist nicht sehr schwer, Text in WordPress hervorzuheben, und es gibt mehrere Möglichkeiten, dies zu tun. Das zeigen wir Ihnen:

So markieren Sie Text in WordPress mit Qi-Add-Ons für Elementor

Diese Lösung sollte selbstverständlich für Elementor-Benutzer sein. Elementor ist einer der am häufigsten verwendeten Seitenersteller und das aus gutem Grund – es ist vielseitig, schnell, intuitiv, visuell und völlig kostenlos, zumindest in der Basisversion, die immer noch ausreicht, um eine Website von Grund auf aufzubauen.

Wenn Sie Elementor als Seiteneditor verwenden, haben Sie Glück: unser proprietäres Plugin, Qi-Addons für Elementor, is randvoll mit nützlichen, flexiblen Widgets die den Standardsatz von Elementor erheblich verbessern. Unter den 60 erweiterten Elementen, die das Plugin zu bieten hat, finden Sie die hervorgehobene Textfunktion.

Alles, was Sie tun müssen, ist das neueste Elementor zu installieren und zu aktivieren (die kostenlose Version reicht aus) und dann Qi Addons für Elementor installieren und aktivieren wie jedes andere Plugin. Qi Addons für Elementor ist völlig kostenlos.

Wie bei den anderen 59 Widgets im Paket können Sie Ihren hervorgehobenen Text innerhalb von Minuten ganz nach Ihren Wünschen einrichten, wie in unserem praktischen Video-Tutorial gezeigt:

Aber wenn es Ihnen lieber ist, können wir Sie Schritt für Schritt dorthin führen.

Das Hinzufügen eines Abschnitts mit hervorgehobenem Text funktioniert genauso wie das Hinzufügen eines anderen Elementor-Widgets: Scrollen Sie nach unten oder geben Sie seinen Namen ein, um ihn zu finden, und ziehen Sie ihn dann einfach aus dem linken Seitenmenü an die gewünschte Position.

Hervorgehobenen Text ziehen und ablegen

Sie werden feststellen, dass es mit einer Version von Lorem ipsum eingerichtet ist, wobei Teile davon bereits hervorgehoben sind. Ebenfalls standardmäßig ist die Allgemein Registerkarte sollte geöffnet sein. Dort findest du die Benutzerdefinierte Klasse Feld, das wir für diese Demonstration nicht benötigen. Sie finden auch die Text Feld, in das Sie den gesamten Textteil eingeben müssen, den Sie hervorheben möchten, und das Textposition hervorheben Steuerelemente, die von entscheidender Bedeutung sind: Hier wählen Sie aus, welche Wörter hervorgehoben werden sollen.

Verwandt :  Sie können jetzt Google-Suchergebnisse freigeben

Die Formatierung für dieses Steuerelement ist einfach. Wenn Sie wollen ein einzelnes Wort hervorheben, geben Sie einfach die Positionsnummer ein. Wenn Sie einen Bereich wünschen, geben Sie das Nummern der Wörter durch einen Bindestrich getrennt. Und wenn Sie mehr als einen Ort hervorheben möchten, Trennen Sie alle diese Werte mit einem Komma, wie im Platzhalterbeispiel.

Und natürlich sehen Sie die Standardversion der Farbeinstellungen. Das heißt, wir kratzen nur an der Oberfläche.

Hervorgehobener Text Allgemein

Um Ihnen zu zeigen, was dieses Widget wirklich kann, haben wir den Platzhaltertext ersetzt, den Bereich der hervorgehobenen Wörter auf 3-7 gesetzt und dann auf die Stil Registerkarte, um das Erscheinungsbild anzupassen.

Hervorgehobener Textstil-Tab

Hier können Sie die Ausrichtung Ihres gesamten Textkörpers ändern. Wir haben es in die verschoben Center Einstellung.

Der Text-Tag Steuerelement ist vorhanden, wenn Sie den Status Ihres Textes von der Standardeinstellung ändern möchten P (Pro Absatz; der „normale“ Text) zu einer Überschrift, von H1 zu H6. Wir sind hier mit H1 mutig gegangen. Beachten Sie, dass dies aus Gründen der Barrierefreiheit keine Größeneinstellung ist, obwohl das Ändern von Schriftgrößen in WordPress auch keine große Sache ist. Der Textfarbe und Texttypografie Einstellungen sind das, was Sie sich ansehen müssen, wenn Sie Dinge wie die Schriftart ändern möchten Familie, Schriftart Größe, Gewicht (Dicke oder Kühnheit), Stil (kursiv oder schräg) und Dekoration (unterstreichen, durchstreichen und ähnliches). Sie können auch ändern Zeilenhöhe und Buchstaben-Abstand in diesem Abschnitt. Für diese Demonstration belassen wir alle Steuerelemente auf ihren Standardwerten.

Hervorgehobener Textstil-Tab

Weiter im unteren Bereich des Stil Registerkarte gelangen wir zu den Highlight-Styling-Optionen. Du kannst den … benutzen Textfarbe hervorheben um die Farbe des hervorgehobenen Textes zu ändern, aber wir belassen es wie es ist. Was wir ändern werden, ist die Texthintergrundfarbe hervorheben von schwarz zu den Hex-Wert von #b7d4b5 – ein gedämpftes Farngrün. Beachten Sie, wie sich die Farbe des hervorgehobenen Textes in Weiß geändert hat, um den Kontrast bestmöglich zu nutzen. Sie können dies mit dem überschreiben Textfarbe hervorheben Kontrolle, aber wir lassen es so wie es ist.

Hervorgehobener Textstil-Tab

Die beiden letzten Kontrollen sind die Oberen Versatz hervorheben und das Unteren Versatz hervorheben. Diese Steuerelemente bestimmen die Position des Markierungsbalkens in Bezug auf den oberen und unteren Rand der Zeile. Wenn Sie sie leer lassen, hebt das Widget die gesamte Höhe der Linie hervor. Für den Effekt, den Sie unten sehen, haben wir die Textfarbe hervorheben Kontrolle auf #000000 (schwarz), die Oberen Versatz hervorheben bis 36 und die Unteren Versatz hervorheben bis 14.

Verwandt :  So greifen Sie in einem Browser auf Blockchain-Domänen zu
Hervorgehobener Textstil-Tab
Markierter Text Finale

Dies ist natürlich nur eine der unendlichen Möglichkeiten von Qi Addons, Text hervorzuheben. Wie wir gezeigt haben, sind die Einstellungen vielseitig genug, um zu jedem Layout oder Stil zu passen.

So markieren Sie Text in Gutenberg-Blöcken

Elementoder nicht Ihr Ding? Keine Sorge, Sie können auch Gutenberg, den Standardseiteneditor von WordPress, verwenden, um Text in einem Absatzblock hervorzuheben. Wir beginnen mit einem Beitrag und einem Absatzblock mit Platzhaltertext.

Wenn Sie den Absatzblock auswählen, finden Sie die Farbeinstellungen im rechten Seitenmenü. Unter Hintergrundfarbe, wählen Sie eine Farbe Ihrer Wahl aus der Auswahl oder geben Sie a . ein Freiwählbare Farbe. Wir werden mit Weiß gehen.

Gutenberg-Farbeinstellungen

Jetzt hat Ihr gesamter Block einen weißen Hintergrund. Gutenberg erlaubt es derzeit jedoch nicht, bestimmte Wörter hervorzuheben.

Weißer Hintergrund

Was es erlaubt, ist das Ändern der Farbe bestimmter Wörter. Wählen Sie dazu einfach die Wörter aus, deren Farbe Sie ändern möchten, und wählen Sie dann Textfarbe aus dem Dropdown-Menü des Absatzes.

Textfarbe

Dann können Sie aus der angebotenen Auswahl wählen, oder wählen Sie a Freiwählbare Farbe vom Picker. Wir gingen mit einem leuchtenden Rot.

Freiwählbare Farbe

Wie Sie sehen, gibt es keine Möglichkeit, einzelne Wörter in den Einstellungen eines Gutenberg-Absatzblocks im Hintergrund hervorzuheben. Sie können jedoch Absatzblöcke mit unterschiedlichen Farbhintergründen verwenden, um Ihre Absätze hervorzuheben.

So markieren Sie Text mit HTML-Tags

Schließlich gibt es eine einfache Möglichkeit, bestimmte Wörter mithilfe von HTML-Tags hervorzuheben. Die benötigten Tags sind Stichworte. Wir beginnen mit einem einfachen alten Absatzblock. Um ein HTML-Tag einzufügen, müssen Sie den Block als HTML bearbeiten. Sie können diese Methode auch in der Klassisch Editor, solange Sie im bearbeiten Text Aussicht.

Als HTML bearbeiten

Umrahmen Sie als Nächstes die Wörter, die Sie hervorheben möchten, mit den Tags: am Anfang, am Ende der Saite.

Tags hinzufügen

Die genaue Wirkung dieser Tags kann je nach Thema und (möglicherweise) anderen Einstellungen variieren, aber meistens sieht es wie eine gelbe Markierung aus.

HTML-Finale für hervorgehobenen Text

Und da ist es, wahrscheinlich der schnellste Weg, um Text in WordPress hervorzuheben – allerdings ohne Styling-Optionen.

Abschließend

Wie Sie sehen, gibt es in WordPress mindestens drei einfache Möglichkeiten, um Text hervorzuheben. Wir müssen Ihnen nicht sagen, welches wir bevorzugen – mit Qi Addons für Elementor erhalten Sie mit Abstand die meisten Optionen und Stileinstellungen. Sie können Text jedoch auch dann hervorheben, wenn Sie Elementor nicht verwenden möchten, oder neue Software installieren. Die Wahl der Methode liegt letztendlich bei Ihnen.

Moyens Staff
Moyens I/O-Personal. motivierte Sie und gab Ratschläge zu Technologie, persönlicher Entwicklung, Lebensstil und Strategien, die Ihnen helfen werden.