Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen von Schaltflächen zum Unterstreichen und Ausrichten von Text in WordPress

Die Verwendung der Schaltflächen zum Unterstreichen und Ausrichten von Text in Ihrer WordPress-Website kann die Formatierung und Lesbarkeit Ihrer Inhalte verbessern. Sie ermöglichen es Ihnen, wichtige Punkte hervorzuheben und den Text sauber auszurichten.

In früheren Versionen von WordPress waren die Schaltflächen zum Unterstreichen und Ausrichten von Text standardmäßig im visuellen Editor enthalten. Sie wurden jedoch später im Rahmen von Aktualisierungen zur Verschlankung des Editors entfernt.

Obwohl sie entfernt wurden, bevorzugen viele Nutzer diese Formatierungsoptionen für bestimmte Anwendungsfälle. Glücklicherweise können Sie diese Funktionen mithilfe von Plugins oder benutzerdefinierten CSS wiederherstellen.

In diesem Artikel zeigen wir Ihnen, wie Sie Buttons in WordPress einfach unterstreichen und ausrichten können.

How to Add Underline and Justify Text Buttons in WordPress

Warum sollte man Buttons in WordPress unterstreichen und ausrichten?

Möchten Sie die fehlenden Schaltflächen zum Unterstreichen und Ausrichten beim Bearbeiten von Beiträgen und Seiten auf Ihrer WordPress-Website wiederherstellen? Diese Schaltflächen wurden in WordPress 4.7 aus dem Beitragseditor entfernt, aber zum Glück gibt es eine Möglichkeit, sie wiederherzustellen.

Es gibt jedoch einige Gründe, warum Sie auf Ihrer Website auf das Unterstreichen und Ausrichten von Text verzichten sollten.

Erstens kann unterstrichener Text wie Links aussehen, und Ihre Nutzer können frustriert sein, wenn das, was sie für einen Link halten, nicht funktioniert. Außerdem kann der Text im Blocksatz die Lesbarkeit Ihres Inhalts erschweren, insbesondere auf kleinen Bildschirmen.

Sehen wir uns also an, wie man in WordPress Schaltflächen zum Unterstreichen und Ausrichten von Text hinzufügt. Wir zeigen Ihnen, wie Sie dies für den Block und den klassischen Editor tun können. Außerdem zeigen wir Ihnen, wie Sie Text mit Tastenkombinationen unterstreichen und ausrichten können, ohne eine Schaltfläche zu benötigen.

Methode 1: Unterstreichen und Ausrichten von Text mit Tastaturkürzeln

Sie brauchen kein Plugin oder Symbolleistensymbole, um Text in WordPress zu unterstreichen oder auszugleichen. Stattdessen können Sie einfach ein Tastaturkürzel verwenden.

Um Text zu unterstreichen, markieren Sie einfach den Text, den Sie in WordPress unterstreichen möchten, und drücken Sie Strg+U unter Windows oder Befehl+U auf dem Mac. Das war’s schon. Diese Tastenkombination funktioniert sowohl mit dem Block- als auch mit dem klassischen Editor.

Es gibt eine weitere Tastenkombination zum Ausrichten von Text. Markieren Sie einfach den Text und drücken Sie Umschalt+Alt+J in Windows oder Befehl+Wahl+J auf dem Mac und Ihr Text wird ausgerichtet.

Die Tastenkombination zum Ausrichten von Text funktioniert jedoch nur mit dem klassischen Editor. Wenn Sie den Block-Editor verwenden, können Sie den Text nicht mit einer Tastenkombination ausrichten und sollten die nachstehende Plugin-Methode verwenden.

Methode 2: Hinzufügen von Buttons zum Unterstreichen und Ausrichten von Text zum Block-Editor

Wenn Sie im Block-Editor Buttons zum Unterstreichen und Ausrichten von Text hinzufügen möchten, dann ist diese Methode genau das Richtige für Sie.

Zunächst müssen Sie das Gutenberg Block Editor Toolkit – EditorsKit Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress Plugins.

Nach der Aktivierung stellt das Plugin automatisch Funktionen wie Unterstreichen, Blocksatz und andere Formatierungen zur Verfügung, wenn der WordPress Block-Editor verwendet wird.

Diese zusätzlichen Symbole können nicht direkt zur Symbolleiste des Blockeditors hinzugefügt werden, aber Sie finden die zusätzlichen Optionen, wenn Sie in der Symbolleiste auf den Abwärtspfeil „Weitere Blockwerkzeuge anzeigen“ klicken.

Access Underline and Justify from the 'Displays More Block Tools' Icon

Um Text zu unterstreichen, müssen Sie ihn zunächst mit der Maus markieren. Klicken Sie dann auf den Abwärtspfeil „Weitere Werkzeuge anzeigen“ und wählen Sie im Dropdown-Menü „Unterstreichen“.

Um einen Absatz zu begradigen, stellen Sie zunächst sicher, dass sich der Cursor in diesem Absatz befindet. Klicken Sie dann auf den Abwärtspfeil „Weitere Werkzeuge anzeigen“ und wählen Sie „Blocksatz“ aus dem Dropdown-Menü.

Methode 3: Hinzufügen von Buttons zum Unterstreichen und Ausrichten von Text zum klassischen Editor

Wenn Sie den klassischen Editor verwenden, dann ist diese Methode für Sie geeignet.

Hier müssen Sie das Advanced Editor Tools Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress Plugins.

Navigieren Sie nach der Aktivierung von der Seitenleiste Ihrer WordPress-Verwaltung zur Seite Einstellungen “ Erweiterte Werkzeuge für den Editor. Als Nächstes können Sie auf den Tab „Klassischer Editor (TinyMCE)“ oben auf der Seite klicken.

Sie werden eine Vorschau des klassischen WordPress-Editors sehen. Unterhalb der Vorschau werden Ihnen alle nicht verwendeten Schaltflächen angezeigt.

Jetzt müssen Sie die Buttons zum Unterstreichen und Ausrichten von Text aus der Box ‚Nicht verwendete Buttons‘ per Drag-and-drop in den Editor für Beiträge ziehen.

Drag the Unused Buttons You Need to the Classic Editor's Toolbar

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Änderungen speichern“ am oberen Bildschirmrand, um die neuen Einstellungen zu speichern.

Wenn Sie einen WordPress-Blogbeitrag oder eine Seite erstellen oder bearbeiten, sind die neuen Formatierungsschaltflächen nun in der Symbolleiste des klassischen Editors verfügbar.

Underline and Justify Buttons Are Now Available on the Classic Editor's Toolbar

Bonus: Text in WordPress hervorheben

Im Gegensatz zu Blocksatz und Unterstreichung können Sie Text in WordPress mit den Standardeinstellungen hervorheben. Dies ist eine einfache Möglichkeit, wichtige Punkte in Ihrem Inhalt hervorzuheben und die Aufmerksamkeit der Benutzer auf Details zu lenken, die sie nicht übersehen sollen.

Um Text hervorzuheben, müssen Sie den Block-Editor öffnen und den Text, den Sie hervorheben möchten, mit der Maus markieren. Klicken Sie dann auf das Symbol „Mehr“ in der Werkzeugleiste des Blocks, um ein Dropdown-Menü zu öffnen, aus dem Sie die Option „Hervorheben“ auswählen können.

Expand the More dropdown menu from the block toolbar and select the Highlight option

Dadurch öffnet sich ein Farbwähler auf der Ansicht, wo Sie zum Tab „Hintergrund“ wechseln müssen. Sie können dann eine Farbe zum Hervorheben von Text auswählen, indem Sie auf die Option „Individuell“ klicken, um ein „Pipette“-Werkzeug zu starten.

Klicken Sie anschließend auf den Button „Aktualisieren“ oder „Veröffentlichen“, um Ihre Einstellungen zu speichern. Besuchen Sie nun Ihre Website, um den hervorgehobenen Text in Aktion anzuzeigen. Weitere Informationen finden Sie in unserem Tutorial über das Hervorheben von Text in WordPress.

Choose a highlight color from the color picker tool

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie Sie Textschaltflächen in WordPress unterstreichen und ausrichten können. Vielleicht interessiert Sie auch unsere Anleitung für Einsteiger, wie Sie Blöcke für bestimmte Benutzer im WordPress-Editor ausblenden können, oder unsere Liste mit Antworten auf häufige Gutenberg-Fragen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

36 KommentareEine Antwort hinterlassen

  1. Jiří Vaněk

    Does text alignment using ‚justify‘ have any impact on a website’s content ranking, for instance by Google? Or is it just that it might create unnatural gaps in the text for some people? I’m wondering if using ‚justify‘ could affect content evaluation in any way. Personally, I don’t use justify, but sometimes website owners request it.

    • WPBeginner Support

      Using Justify should not affect your site’s rankings and it is used by some sites to prevent an unnatural look depending on the theme that the site uses.

      Admin

  2. The Venetian Box

    GREAT POST!!!! You helped me SO much, thank you!!!

    • WPBeginner Support

      You’re welcome, glad you like our content :)

      Admin

  3. Crina Caba

    You answered my question… Thank you.

  4. Darrin

    How to add justify without plugin ?
    any idea ?
    thanks

  5. mourad

    Thank you so much for the help

  6. Reinette

    Thank you so much! TinyMCE is a super little plugin and I love what it’s done for my text editor.
    Again, thank you!

  7. Robert Lindquist

    Thank you very much!!

  8. Darren

    Thanks for this! It has been driving me crazy!

  9. Sally Eilers

    ….signalling the demise of WordPress.

  10. James

    This doesn’t work on my blog. When I click plugins I go to ‚Jetpack by Wordpress.com‘ and there is nothing there similar to what you are talking about!!!!

    • Aayush Bhaskar

      You must be going to Site Dashboard instead of going to Network Admin Area. Click on the Home Icon and Select Network Admin>plugins. There will be Add new, Network Activate etc options available.

  11. chandrashekhar

    Thank man ! it was of great help

  12. Sampath S

    Alternately, you can just use keyboard shortcuts:

    Justify alignment – Alt +Shift +J
    Underline – Ctrl+U

    • David

      Thank you. This is a simple solution. I don’t need more plugins on my site.

    • Leslie

      Thank you so much for this simple solution! No need to mess with plugins!!!

  13. Dipo Putra

    Question is, Why they remove it?

  14. HARISH NEGI

    Thank You very much. Solved my Problem.

  15. Joey Bangun

    Thanks so much!

    from Indonesia

  16. Praboda Madushan

    Thank you very much!

  17. Sharyn Wise

    You are an amazing WONDERFUL stupendously great FANTASTIC person!
    I have just discovered these had gone missing!
    THANK YOU!

  18. David

    A very handy and helpful little tip… Thank you!

  19. Sarah

    Don’t really need a plugin for that. In Mac Ctrl+Alt+J and text justified,

    But why wordpress decided to remove the icon from the menu ?

  20. nadia

    Thank you so much! I added the Re-add Text Underline and Justify plugin and it worked perfectly.

  21. A

    For me, this helped:
    Select the text you wish to justify (ctrl+A)
    Press Shift+Alt+J
    And wordpress then justifies the text!

    • Amrit Singh

      You’re the real mvp. thanks for the trick :)

    • Aldo Retana

      This was more useful, thanks!

    • Richmond

      Yes!, You are the real MVP. Awesome

  22. Thomas

    Why did they remove the option to justify or underline text anyway? Was it causing issues somewhere along the line?

  23. Harpreet Kumar

    Realy an awesome article

  24. louis

    Good! It’s interesting. :) Under certain conditions, this may be useful!

    On the other hand, I think the underlining should be avoided in all web documents except for creating hyperlinks. This can sometimes cause confusion given the hyperlinks. As for the justification function of the text, this very often gives unexpected results.

    It is not for nothing that these two options have been eliminated. Use with parsimony in VERY rare conditions.

    Sorry about my poor english.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.