Ir para o conteúdo principal

Como recuar parágrafos sobre WordPress

Divi: o tema WordPress mais fácil de usar

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Você quer adicionar espaços ou subseções recuado no WordPress?

Embora a maioria de seus textos esteja alinhada à esquerda, em alguns casos você pode precisar recuar melhor tipografia e melhor experiência de leitura.

Neste tutorial, mostraremos como recuar facilmente parágrafos no WordPress.

Método 1: usando os botões de remoção de texto no Editor Visual

Por padrão, a maioria Temas WordPress Exibir parágrafos justificados à esquerda ou à direita para idiomas da direita para a esquerda.

Se você quiser mudar um parágrafo, você pode fazê-lo manualmente clicando no botão Aumentar recuo do editor de texto visual. Isso adicionará o espaçamento à esquerda do parágrafo.

Caso você queira recuar mais de um parágrafo, é necessário selecionar esses parágrafos e clicar no botão Aumentar recuo.

Você pode clicar no botão várias vezes para aumentar a retirada. Por exemplo, se você clicar duas vezes, duplicará o espaçamento de retirada.

Você também pode reduzir a retirada clicando no botão Diminuir recuo.

Também convidamos você antes de continuar a descobrir Como usar o WordPress Gutenberg Editor 5.0: Part One

Método 2: Indentação Manual o parágrafo usando o editor de texto

Uso de botões de retirada texto no editor visual é a maneira mais fácil de adicionar recuo aos parágrafos. No entanto, isso não permite controlar quanto espaço você deseja adicionar.

A maioria dos usuários avançados pode mudar para o editor de texto para adicionar manualmente a retirada. Tudo o que você precisa fazer é colocar o texto na tag <p> e </ p> e, em seguida, adicionar código CSS assim:

<P style = "padding-left: 25px;"> Seu texto do parágrafo vai aqui ... </ p>

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Esse método permite controlar o espaçamento que você deseja usar como uma redução. Esse método funciona melhor se você não precisar recuar os parágrafos regularmente.

Então, se você recuar com freqüência suficiente, então esta não é uma solução ideal.

Descubra o nosso guia sobre Como escrever (escrever) um bom parágrafo no seu blog

Método 3: recuar apenas a primeira linha de um parágrafo

As páginas da Web não usam o espaçamento de parágrafo tradicional usado pelo software de processamento de texto, que marca apenas a primeira linha do parágrafo.

Mesmo no WordPress, quando você recua um parágrafo, o espaçamento é adicionado ao parágrafo inteiro.

Alguns sites de revistas ou revistas literárias podem querer adicionar uma remoção mais tradicional. Neste caso, você precisa adicionar CSS personalizado ao seu tema WordPress.

Vá para " Aparência> Personalizar Para lançar o " Customizer Tema WordPress. Clique na aba « CSS adicional ".

Isso exibirá uma caixa de texto no painel esquerdo, onde você pode adicionar seu código CSS personalizado. Adicione este código CSS nesta caixa de texto.

p.custom-indent {text-indent: 60px; }

Descubra também nossa Tutorial: Como dominar o editor visual do WordPress

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Esse código CSS diz aos navegadores que, se um parágrafo tiver a classe ".custom-indent", ele adicionará um recuo de 60px.

Você pode editar seu artigo no editor de texto. Em seguida, circule seu texto com as tags <p class = "custom-indent"> e </ p> da seguinte forma:

<P class = "custom-indent"> Seu texto do parágrafo vai aqui ... </ p>

Uma vez terminado, você pode visualizar o seu artigo, e você verá que apenas a primeira linha do parágrafo tem espaçamento antes.

Esse método funcionará com cuidado se você quiser apenas recuar alguns parágrafos. No entanto, se você quiser adicionar esse estilo a todos os parágrafos do seu site, basta modificar o código CSS personalizado da seguinte forma:

Artigo p {text-indent: 60px; }

Este código CSS adicionará automaticamente uma retirada à primeira linha de todos os parágrafos dentro de um artigo ou página do WordPress.

Descubra também antes de sair Como adicionar um estilo ao editor visual do WordPress

Para aqueles que procuram editores de estilos visuais para melhorar a aparência do seu site, oferecemos-lhes aqui os plugins WordPress premium da 3 projetados para essa tarefa.

1. Lápis Amarelo: Editor CSS de Estilo Visual

Lápis Amarelo é um editor de estilo visual que você pode usar com qualquer tema para personalizar seu site em minutos (fontes, cores, animações e muito mais ...).

Este plugin irá criar estilos CSS em segundo plano enquanto você joga com as cores como se fosse um jogo. Ele foi projetado para usuários iniciantes e avançados. Nenhum conhecimento de codificação é necessário; No entanto, o plugin tem um bom editor CSS para quem gosta de codificar. Você pode codificar ao vivo com este editor e personalizar seu CSS.

Download | Demonstração | Web Hosting

2. Easy Custom JS e CSS

Este plug-in WordPress premium é um poderoso editor de código CSS e JavaScript que permite adicioná-lo a qualquer seção do seu site. Ele permite que você mantenha suas personalizações, mesmo após uma importante atualização do seu tema WordPress.

Você tem a possibilidade de limitar o campo de uso de seu código personalizado. Por exemplo, você pode usar seu código apenas para um artigo que tenha o formato de vídeo. Ou você pode limitar seu código a um tema específico; O que é útil se você está atualmente alterando temas para o seu blog WordPress.

Download | Demonstração | Web Hosting

3. JS e CSS personalizados para Gutenberg

O plugin Custom JS e CSS for Gutenberg WordPress permitirá que você adicione um número ilimitado de estilos personalizados ao editor WYSIWYG para seus artigos e páginas do WordPress. É totalmente compatível com a versão Gutenberg do WordPress.

Você pode simplesmente criar um novo estilo com um editor de CSS fácil de usar. Esse plug-in amplia a funcionalidade de campos personalizados em seu site e permite modificar seus campos personalizados com um módulo de personalização dinâmico e poderoso. e o recurso de visualização em tempo real deste plugin torna muito confortável e fácil de usar.

Download | Demonstração | Web Hosting

Recursos Recomendados

Descubra outros recursos recomendados que ajudarão você seduzir melhor ter em mãos o seu editor de texto visual.

Conclusão

É isso! Isso é tudo para este tutorial, espero que lhe permita organizar melhor o recuo de seus artigos. Não hesite em compartilhe a dica com seus amigos em suas redes sociais.

Se você tiver alguma sugestão ou comentário, será bem-vindo. Também convidamos você a consultar nosso recursos se você é um blogueiro iniciante.

...

Este artigo contém 1 comentário
  1. Artigo p {traço-texto: 60 px; }
    string que me dá um erro.
    O serviço de validação também me fornece o erro "60 px; } »
    Como devemos corrigir?
    bom trabalho

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

De volta ao topo
17 ações
ação14
chilrear1
Enregistrer2
Whatsapp