So markieren Sie Text<\/h2>\n
Die erste Methode erfordert die Bearbeitung von HTML, aber es ist wahrscheinlich der Stil, nach dem Sie suchen.<\/p>\n
Die folgenden beiden Methoden k\u00f6nnen vollst\u00e4ndig \u00fcber die normalen Editoroptionen implementiert werden.<\/p>\n
1 Verwenden Sie das HTML-Element \u201emarkieren“<\/h3>\n
Es gibt ein HTML-Markierungselement, das<\/a> speziell daf\u00fcr entwickelt wurde, Text mit einer Hervorhebung zu versehen.<\/p>\n …<\/p>\n Der Stil h\u00e4ngt vom Browser oder sogar von Ihrem aktuellen WordPress-Theme ab, aber in 99% der F\u00e4lle erh\u00e4lt der Text einen gelben Hintergrund, als w\u00e4re er mit einem traditionellen Textmarker markiert.<\/p>\n Ein Vorteil dieser Technik besteht darin, dass sie f\u00fcr alle Blockelemente funktioniert, also nicht nur auf Absatzbl\u00f6cke beschr\u00e4nkt ist.<\/p>\n Um diesen Effekt zu Ihrem Text hinzuzuf\u00fcgen, w\u00e4hlen Sie zun\u00e4chst den Block mit dem Text aus, den Sie hervorheben m\u00f6chten. Klicken Sie dann auf die Schaltfl\u00e4che Optionen und w\u00e4hlen Sie die Option Als HTML bearbeiten.<\/p>\n Innerhalb des Absatzelements werden Sie den Text, den Sie hervorheben m\u00f6chten, mit den Markierungs-Tags umbrechen. Platzieren Sie dazu \u201e<\/p>\n “ direkt danach. Der einzige Unterschied ist der Schr\u00e4gstrich im zweiten Tag. Stellen Sie sicher, dass Sie das nicht \u00fcberspringen, oder Sie werden am Ende den gesamten Beitrag hervorheben!<\/p>\n Wenn ich beispielsweise die W\u00f6rter \u201eBeispieltext“ im unten aufgef\u00fchrten Absatz hervorheben m\u00f6chte, gehe ich wie folgt vor:<\/p>\n Wenn Sie fertig sind, k\u00f6nnen Sie das Optionsmen\u00fc erneut \u00f6ffnen und auf Visuell bearbeiten klicken, um zur normalen Ansicht zur\u00fcckzukehren.<\/p>\n Diese Technik ist etwas m\u00fchsam, verleiht Ihrem Text aber die klassische Highlight-\u00c4sthetik, die Sie wahrscheinlich suchen.<\/p>\n W\u00e4hrend das Markierungselement zum \u00c4ndern der Hintergrundfarbe einiger W\u00f6rter geeignet ist, gibt es eine noch einfachere M\u00f6glichkeit, die Textfarbe ausgew\u00e4hlter W\u00f6rter zu \u00e4ndern.<\/p>\n Sie k\u00f6nnen die Farbe jedes Textes innerhalb eines Absatzblocks mithilfe einer integrierten Editoroption \u00e4ndern.<\/p>\n Um die Textfarbe zu \u00e4ndern, w\u00e4hlen Sie den Absatz aus und markieren Sie dann die W\u00f6rter, die Sie bearbeiten m\u00f6chten. Klicken Sie anschlie\u00dfend auf den Dropdown-Pfeil und w\u00e4hlen Sie die Option Textfarbe.<\/p>\n Sie sehen ein paar Beispielfarben, einschlie\u00dflich eines sch\u00f6nen gelben Farbtons. Klicken Sie auf eine beliebige Farbe, um sie anzuwenden.<\/p>\n Wenn Sie auf den Link Benutzerdefinierte Farben klicken, wird eine vollst\u00e4ndige Farbauswahl ge\u00f6ffnet.<\/p>\n Ein Vorteil dieser Option anstelle von Markierungselementen besteht darin, dass Sie die volle Kontrolle \u00fcber die Farbe erhalten. Diese Option ist f\u00fcr die Textfarbe verf\u00fcgbar, aber derzeit gibt es keine M\u00f6glichkeit, f\u00fcr ausgew\u00e4hlte W\u00f6rter<\/strong> eine benutzerdefinierte Hintergrundfarbe hinzuzuf\u00fcgen .<\/p>\n Es gibt jedoch eine einfache M\u00f6glichkeit, die Textfarbe und die Hintergrundfarbe eines ganzen Absatzes<\/strong> zu \u00e4ndern .<\/p>\n Diese letzte Technik eignet sich hervorragend zum Erstellen von \u201eCall-Outs“, die Tipps, Warnungen oder sogar einen Marketing-Call-to-Action enthalten.<\/p>\n Um einem Absatzblock eine Hintergrundfarbe zu geben, w\u00e4hlen Sie ihn aus und klicken Sie dann in der Seitenleiste auf den Abschnitt Farbeinstellungen. Im Inneren finden Sie eine Vielzahl von Farboptionen sowohl f\u00fcr den Text als auch f\u00fcr den Hintergrund.<\/p>\n Der Abschnitt Farbeinstellungen wird angezeigt, wenn ein Absatz im Editor ausgew\u00e4hlt ist<\/p>\n Alles, was Sie tun m\u00fcssen, ist auf eine Farbe zu klicken, um sie anzuwenden. Die Option f\u00fcr benutzerdefinierte Farben ist verf\u00fcgbar, wenn Sie eine Farbauswahl verwenden oder einen hexadezimalen Farbcode eingeben m\u00f6chten.<\/p>\n Die gerade gelernte Option Textfarbe eignet sich gut zum Bearbeiten einzelner W\u00f6rter in einem Absatz, aber diese Einstellung auf Blockebene ist viel effizienter, wenn Sie die Textfarbe f\u00fcr einen ganzen Absatz \u00e4ndern m\u00f6chten.<\/p>\n Ich hoffe, die Tipps in diesem Tutorial helfen Ihnen dabei, noch bessere Inhalte zu erstellen, aber h\u00f6ren Sie hier nicht auf.<\/p>\n Es gibt noch viel mehr \u00fcber den Block-Editor zu erfahren, mit dem Sie in k\u00fcrzerer Zeit effektivere und stilvollere Inhalte erstellen k\u00f6nnen.<\/p>\n Wenn Sie neu bei WordPress sind, empfehle ich Ihnen, meine Anleitung zur effektiven Verwendung des Blockeditors zu lesen:<\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d84e0ce9.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8689273.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8840ca2.png\")
<\/a><\/p>\n2 \u00c4ndern Sie die Textfarbe<\/h3>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8a0e0a3.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8bdb041.png\")
<\/a><\/p>\n3 \u00c4ndern Sie die Hintergrundfarbe<\/h3>\n
Meistere den WordPress-Editor<\/h2>\n