Você quer adicionar espaços ou subseções recuado no WordPress? Você gostaria de recuar parágrafos no WordPress?
Embora a maior parte do seu texto seja alinhado à esquerda, em alguns casos você pode precisar recuar certos parágrafos para um 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 recuo de texto no editor visual
Por padrão, a maioria Temas do WordPress Exiba parágrafos justificados à esquerda ou à direita nos idiomas da direita para a esquerda.
Se você deseja mudar um parágrafo, pode fazê-lo manualmente clicando no botão Aumentar recuo do editor de texto visual. Isso adicionará espaçamento à esquerda do parágrafo.
Caso você queira indentar mais de um parágrafo, você deve selecionar esses parágrafos e clicar no botão Aumentar recuo.
Você pode clicar no botão várias vezes para aumentar o recuo. Por exemplo, se você clicar duas vezes nele, o espaçamento do recuo será dobrado.
Você também pode reduzir a retirada clicando no botão Diminuir recuo.
Também o convidamos antes de continuar a descobrir Como usar o editor Gutenberg para WordPress 5.0: Parte XNUMX
Método 2: recuo manual parágrafo usando o editor de texto
Usando os botões de retirada texto no editor visual é a maneira mais fácil de adicionar recuo aos parágrafos. No entanto, isso não dá a você controle sobre quanto espaçamento você deseja adicionar.
Os usuários mais avançados podem mudar para editor de texto para adicionar manualmente o recuo. Tudo que você precisa fazer é colocar o texto na tag do parágrafo e e então y adicionar código CSS assim:
<p style="padding-left:25px;">Your paragraph text goes here...</p>
Este método permite que você controle o espaçamento que deseja usar como recuo. Este método funciona melhor se você não precisar recuar parágrafos regularmente.
Portanto, se você recuá-los com freqüência suficiente, essa não é a solução ideal.
Descubra o nosso guia em Como escrever (gravar) um bom número sobre o seu blog
Método 3: indente apenas a primeira linha de um parágrafo
As páginas da Web não usam o espaçamento de parágrafo tradicional usado por software de processamento de texto, que marca apenas a primeira linha do parágrafo.
Mesmo no WordPress, quando você recua um parágrafo, um espaço é adicionado ao parágrafo inteiro.
Alguns sites de revistas ou jornais literários podem querer adicionar um recuo mais tradicional. Nesse caso, você precisa adicionar CSS personalizado ao seu tema WordPress.
Vá para " Aparência> Personalizar Para iniciar o " Customizer "Para tema WordPress. Clique no " 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 o nosso Tutorial: como dominar o editor visual do WordPress
Este código CSS simplesmente informa aos navegadores que se um parágrafo tiver a classe ".custom-indent", ele adiciona um recuo de 60px.
Você pode editar seu artigo no editor de texto. Em seguida, envolva seu texto com as tags <p class = "custom-indent">
et </p>
como segue :
O texto do seu parágrafo vai aqui ...
Depois de concluído, você pode visualizar seu artigo e verá que apenas a primeira linha do parágrafo tem espaçamento antes.
Este método funcionará com cuidado se você quiser apenas recuar alguns parágrafos. No entanto, se você deseja adicionar esse estilo a todos os parágrafos do seu site, basta modificar o código CSS personalizado como este:
article p {
text-indent:60px;
}
Este código CSS adicionará automaticamente um recuo na primeira linha de todos os parágrafos dentro de uma postagem ou página do WordPress.
Descubra também antes de sair Como adicionar um estilo visual para o editor WordPress
Para aqueles que procuram editores visuais de estilo para melhorar a aparência de seu site, aqui oferecemos três plug-ins WordPress premium projetados para essa tarefa.
1. Lápis Amarelo: Editor CSS de Estilo Visual
Yellow Pencil é 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 iniciantes e também para usuários experientes. 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.
Descarregar | Demo | hospedagem na web
2. Easy Custom JS e CSS
Ce WordPress Plugin premium é um poderoso editor de código CSS e JavaScript que permite adicioná-los a qualquer seção do seu site. Ele permite que você mantenha suas personalizações mesmo após uma grande atualização do seu tema WordPress.
Você tem a opção de limitar o campo de uso do seu código personalizado. Por exemplo, você pode usar seu código apenas para um artigo no formato de vídeo. Ou você pode limitar seu código a um tema específico; O que é útil se você muda frequentemente os temas do seu blog do WordPress.
Descarregar | Demo | hospedagem na web
2. Google Maps compatível
Ce WordPress Plugin promove a criação de um sistema de múltiplos marcadores num mapa e vários mapas por página. Inclui visualização em tela cheia e agrupamento de vários marcadores. Nenhuma chave de API é necessária para fazer isso.
A instalação de WordPress Plugin Mapa do Google responsivos é simples e fácil. Não há necessidade de códigos de acesso longos e complexos. Da mesma forma, é simples criar um mapa, adicionar rapidamente uma localização a ele, para isso, basta copiar um shortcode na página onde deseja exibir o mapa e pronto!
ler Como exibir a localização de um membro da sua comunidade WP em um mapa do Google
Suas outras características são: aarte responsiva, pvários locais no mesmo mapa, pvários cartões por página, a possibilidade defaça o download de seus próprios marcadores, uma visualização em tela cheia, d suportediferentes tipos de mapas (roteiro, satélite, híbrido e terreno), zautomático, a capacidade de personalizar oir do mapa, emuito mais ...
Recursos Recomendados
Descubra mais Ressources recomendações que o ajudarão melhor assumir o controle de seu editor de texto visual.
- Como instalar (adicionar) um plugin no WordPress
- Como instalar o WordPress Wordfence Segurança
- O que esperar de Gutenberg, o novo editor WordPress
- Como usar o editor Gutenberg para WordPress 5.0: Parte XNUMX
- Como adicionar funcionalidade ao editor visual do WordPress
Conclusão
Aqui ! Para este tutorial é isso, espero que permita organizar melhor o recuo de seus artigos. sinta-se livre para 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.
...
Artigo p {traço-texto: 60 px; }
string que me dá um erro.
O serviço de validação também mostra o erro "60px; } "
Como devemos corrigir?
bom trabalho