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

Cómo añadir botones para subrayar y justificar texto en WordPress

El uso de los botones subrayar y justificar texto en su sitio de WordPress puede mejorar el formato y la legibilidad de su contenido. Te permiten enfatizar puntos importantes y alinear el texto de forma ordenada.

En versiones anteriores de WordPress, los botones para subrayar y justificar texto estaban incluidos por defecto en el editor visual. Sin embargo, más tarde se eliminaron como parte de las actualizaciones para agilizar el editor.

A pesar de su eliminación, muchos usuarios siguen prefiriendo estas opciones de formato para casos de uso específicos. Afortunadamente, puedes recuperar estas funciones mediante plugins o CSS personalizados.

En este artículo, le mostraremos cómo añadir fácilmente botones para subrayar y justificar texto en WordPress.

How to Add Underline and Justify Text Buttons in WordPress

¿Por qué añadir botones para subrayar y justificar texto en WordPress?

¿Te gustaría recuperar los botones de subrayado y justificación que faltaban al editar entradas y páginas en tu sitio web de WordPress? Estos botones se eliminaron del editor de entradas en WordPress 4.7, pero por suerte hay una forma de recuperarlos.

Sin embargo, hay algunas razones por las que debería considerar no subrayar ni justificar texto en su sitio web.

En primer lugar, el texto subrayado puede parecer un enlace, y los usuarios pueden sentirse frustrados cuando lo que creen que es un enlace no funciona. Además, el texto justificado puede dificultar la lectura del contenido, sobre todo en pantallas pequeñas.

Dicho esto, echemos un vistazo a cómo añadir subrayado y justificar botones de texto en WordPress. Le mostraremos cómo hacer esto para el bloque y el editor clásico. También le mostraremos cómo subrayar y justificar texto usando atajos de teclado, sin necesidad de un botón.

Método 1: Subrayar y justificar texto con atajos de teclado

No necesitas un plugin o iconos en la barra de herramientas para subrayar o justificar texto en WordPress. En su lugar, puede utilizar simplemente un atajo de teclado.

Para subrayar texto, sólo tienes que seleccionar el texto que quieres subrayar en WordPress y pulsar Ctrl+U en Windows o Comando+U en Mac. Y ya está. Este atajo de teclado funcionará tanto con el editor de bloques como con el clásico.

Hay otro atajo de teclado para justificar texto. Basta con seleccionar el texto y pulsar Mayús+Alt+J en Windows o Comando+Opción+J en Mac para justificarlo.

Sin embargo, la combinación de teclado para justificar texto solo funcionará con el editor clásico. Si utilizas el editor de bloques, entonces no podrás justificar texto con un atajo de teclado y deberás utilizar el método de plugins que se indica a continuación.

Método 2: Añadir los botones Subrayar y Justificar texto al editor de bloques

Si quieres añadir subrayado y justificar botones de texto en el editor de bloques, este método es para ti.

En primer lugar, debes instalar y activar el plugin Gutenberg Block Editor Toolkit – EditorsKit. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, el plugin hará que el subrayado, justificado y otras características de formato estén disponibles automáticamente al usar el editor de bloques de WordPress.

Estos iconos adicionales no pueden añadirse directamente a la barra de herramientas del editor de bloques, pero encontrará las opciones adicionales al hacer clic en la flecha hacia abajo “Muestra más herramientas de bloque” de la barra de herramientas.

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

Para subrayar texto, primero debe seleccionarlo con el ratón. A continuación, haz clic en la flecha hacia abajo de “Muestra más herramientas de bloque” y selecciona “Subrayar” en el menú desplegable.

Para justificar un párrafo, primero asegúrese de que el cursor está en ese párrafo. A continuación, haz clic en la flecha desplegable “Muestra más herramientas de bloque” y selecciona “Justificar” en el menú desplegable.

Método 3: Añadir los botones Subrayar y Justificar texto al editor clásico

Si utiliza el editor clásico, este método es para usted.

Aquí, debes instalar y activar el plugin Advanced Editor Tools. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, vaya a la página Ajustes ” Herramientas avanzadas del editor desde la barra lateral del administrador de WordPress. A continuación, puedes hacer clic en la pestaña “Editor clásico (TinyMCE)” en la parte superior de la página.

Verás un aviso previa del editor clásico de WordPress. Debajo de la vista previa, le mostrará todos los botones no utilizados.

Ahora debes arrastrar y soltar los botones de subrayar y justificar texto del cuadro ‘Botones no utilizados’ al editor de entradas.

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

Cuando haya terminado, asegúrese de hacer clic en el botón “Guardar cambios” situado en la parte superior de la pantalla para guardar los nuevos ajustes.

Ahora, al crear o editar una entrada o página de un blog de WordPress, los nuevos botones de formato estarán disponibles en la barra de herramientas del editor clásico.

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

Bonificación: Resaltar texto en WordPress

A diferencia de justificar y subrayar, puede resaltar texto en WordPress utilizando los ajustes por defecto. Es una forma sencilla de enfatizar puntos importantes de tu contenido y dirige la atención del usuario a detalles que no quieres que se pierdan.

Para resaltar texto, debe abrir el editor de bloques y seleccionar con el ratón el texto que desea resaltar. A continuación, haga clic en el icono “Más” de la barra de herramientas del bloque para abrir un menú desplegable en el que podrá seleccionar la opción “Resaltar”.

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

Al hacerlo, se abrirá un selector de colores en la pantalla, donde tendrá que cambiar a la pestaña “Fondo”. A continuación, puede seleccionar un color para resaltar el texto haciendo clic en la opción “Personalizar” para iniciar una herramienta de “Cuentagotas”.

A continuación, haga clic en el botón “Actualizar” o “Publicar” para establecer sus ajustes. Ahora, visite su sitio web para ver el texto resaltado en acción. Para más información, consulte nuestra guía práctica sobre cómo resaltar texto en WordPress.

Choose a highlight color from the color picker tool

Esperamos que este tutorial te haya ayudado a aprender cómo añadir subrayado y justificar botones de texto en WordPress. Puede que también quieras ver nuestra guía para principiantes sobre cómo ocultar bloques a usuarios específicos en el editor de WordPress o consultar nuestra lista de preguntas comunes sobre Gutenberg respondidas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

36 comentariosDeja una respuesta

  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.

      Administrador

  2. The Venetian Box

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

    • WPBeginner Support

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

      Administrador

  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.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.