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

Como adicionar botões de texto sublinhado e justificado no WordPress

O uso dos botões de sublinhar e justificar texto em seu site WordPress pode melhorar a formatação e a legibilidade do seu conteúdo. Eles permitem que você enfatize pontos importantes e alinhe o texto de forma organizada.

Nas versões anteriores do WordPress, os botões de texto sublinhado e justificado eram incluídos no editor visual por padrão. No entanto, eles foram removidos posteriormente como parte das atualizações para simplificar o editor.

Apesar de sua remoção, muitos usuários ainda preferem essas opções de formatação para casos de uso específicos. Felizmente, você pode trazer esses recursos de volta usando plug-ins ou CSS personalizado.

Neste artigo, mostraremos a você como adicionar facilmente botões de texto sublinhados e justificados no WordPress.

How to Add Underline and Justify Text Buttons in WordPress

Por que adicionar botões de texto sublinhado e justificado no WordPress?

Gostaria de restaurar os botões de sublinhar e justificar ausentes ao editar posts e páginas em seu site do WordPress? Esses botões foram removidos do editor de postagens no WordPress 4.7, mas, felizmente, há uma maneira de trazê-los de volta.

No entanto, há alguns motivos pelos quais você deve considerar não sublinhar e justificar o texto em seu site.

Primeiro, o texto sublinhado pode parecer um link, e seus usuários podem ficar frustrados quando o que eles acham que é um link não funciona. Além disso, o texto justificado pode dificultar a leitura do seu conteúdo, especialmente em telas pequenas.

Dito isso, vamos dar uma olhada em como adicionar botões de texto sublinhado e justificado no WordPress. Mostraremos como fazer isso no editor de blocos e no editor clássico. Também mostraremos como sublinhar e justificar texto usando atalhos de teclado, sem a necessidade de um botão.

Método 1: Sublinhar e justificar o texto usando atalhos de teclado

Você não precisa de um plug-in ou de ícones da barra de ferramentas para sublinhar ou justificar o texto no WordPress. Em vez disso, basta usar um atalho de teclado.

Para sublinhar o texto, basta selecionar o texto que deseja sublinhar no WordPress e pressionar Ctrl+U no Windows ou Command+U no Mac. É isso aí. Esse atalho de teclado funcionará tanto no editor de blocos quanto no clássico.

Há outro atalho de teclado para justificar o texto. Basta selecionar o texto e pressionar Shift+Alt+J no Windows ou Command+Option+J no Mac e o texto será justificado.

No entanto, a combinação de teclado para justificar o texto só funcionará com o editor clássico. Se você usar o editor de blocos, não poderá justificar o texto com um atalho de teclado e deverá usar o método de plug-in abaixo.

Método 2: Adicionar botões de sublinhar e justificar texto ao Block Editor

Se quiser adicionar botões de texto sublinhado e justificado no editor de blocos, esse método é para você.

Primeiro, você precisa instalar e ativar o plug-in Gutenberg Block Editor Toolkit – EditorsKit. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, o plug-in disponibilizará automaticamente os recursos de sublinhado, justificação e outros recursos de formatação ao usar o editor de blocos do WordPress.

Esses ícones adicionais não podem ser adicionados diretamente à barra de ferramentas do editor de blocos, mas você encontrará as opções extras ao clicar na seta para baixo “Exibe mais ferramentas de bloco” na barra de ferramentas.

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

Para sublinhar o texto, primeiro selecione-o com o mouse. Em seguida, clique na seta para baixo “Exibe mais ferramentas de bloco” e clique em “Sublinhar” no menu suspenso.

Para justificar um parágrafo, primeiro, certifique-se de que o cursor esteja no parágrafo em questão. Em seguida, clique na seta para baixo “Exibe mais ferramentas de bloco” e selecione “Justificar” no menu suspenso.

Método 3: Adicionar botões de sublinhado e justificação de texto ao Editor clássico

Se estiver usando o editor clássico, esse método é para você.

Aqui, você deve instalar e ativar o plug-in Advanced Editor Tools. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, navegue até a página Configurações ” Ferramentas avançadas do editor na barra lateral do administrador do WordPress. Em seguida, você pode clicar na guia “Classic Editor (TinyMCE)” na parte superior da página.

Você verá uma visualização do editor clássico do WordPress. Abaixo da visualização, você verá todos os botões não utilizados.

Agora você deve arrastar e soltar os botões de sublinhar e justificar texto da caixa “Botões não utilizados” para o editor de postagens.

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

Quando terminar, certifique-se de clicar no botão “Save Changes” (Salvar alterações) na parte superior da tela para armazenar as novas configurações.

Agora, quando estiver criando ou editando um post ou uma página de blog do WordPress, os novos botões de formatação estarão disponíveis na barra de ferramentas do editor clássico.

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

Bônus: Realce o texto no WordPress

Ao contrário de justificar e sublinhar, você pode destacar o texto no WordPress usando as configurações padrão. Essa é uma maneira fácil de enfatizar pontos importantes do seu conteúdo e direcionar a atenção do usuário para detalhes que você não quer que eles percam.

Para destacar o texto, abra o editor de blocos e selecione o texto que deseja destacar usando o mouse. Em seguida, clique no ícone “More” (Mais) na barra de ferramentas do bloco para abrir um menu suspenso no qual você poderá selecionar a opção “Highlight” (Realce).

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

Isso abrirá um seletor de cores na tela, onde você deverá alternar para a guia “Background” (Plano de fundo). Em seguida, você pode selecionar uma cor para destacar o texto clicando na opção “Custom” (Personalizado) para iniciar a ferramenta “Eyedropper” (Conta-gotas).

Em seguida, clique no botão “Update” (Atualizar) ou “Publish” (Publicar) para armazenar suas configurações. Agora, visite seu site para ver o texto destacado em ação. Para obter mais informações, consulte nosso tutorial sobre como destacar texto no WordPress.

Choose a highlight color from the color picker tool

Esperamos que este tutorial tenha ajudado você a aprender como adicionar botões de texto sublinhados e justificados no WordPress. Você também pode querer ver nosso guia para iniciantes sobre como ocultar blocos de usuários específicos no editor do WordPress ou conferir nossa lista de perguntas comuns sobre o Gutenberg respondidas.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo 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.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

36 ComentáriosDeixe uma resposta

  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.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.