Esse guia é para quem usa WordPress em hospedagem.
Nesse post vamos explicar em mais detalhes o editor de posts do WordPress.
Sobre o novo editor do WordPress
1. Como usar o novo editor
2. Como desativar o novo editor
Visual ou Texto
O editor tem duas abas: Visual e Texto.
Na aba visual você não insere códigos HTML. Quase toda a personalização que fizer no seu post, você vê ali mesmo.
Na aba texto todo o conteúdo é em HTML. Quando você inserir o link em uma palavra, você verá o código HTML do link. Também pode inserir shortcodes nessa aba.
Nós que trabalhamos com programação só usamos essa aba porque nos permite fazer um post mais limpo, apenas com o que realmente queremos.
Abaixo temos um exemplo do editor com a aba texto ativada.
Botões no editor visual
Entenda pra quê serve cada botão.
A maioria dos botões é só você selecionar o texto ou frase e depois clicar no botão para adicionar a função.
Negrito
Esse efeito de deixar o texto forte.
Itálico
Deixar o texto em itálico.
Riscado
Deixar uma palavra ou texto riscada.
Lista com marcadores
Também conhecida como lista desordenada, sem ordem.
Um exemplo abaixo:
- Não esquecer de selecionar o texto antes de clicar no botão
- A lista pode aparecer com bolinhas
- A lista pode aparecer com quadradinhos
- Vai depender de como foi feito a configuração do tema (layout do blog) que está usando
Lista numérica
Funciona como a lista com marcadores, a diferença é que essa tem números. Essa é a lista ordenada.
Exemplo abaixo:
- Selecione o texto
- Clique no botão
- Para gerar uma nova linha com número, dê um enter e digite mais texto
- Para iniciar um parágrafo fora da lista, tecle shift + enter
Aspas
No WordPress em Português está escrito aspas, mas eu prefiro dizer que esse botão é para adicionar uma citação.
É o famoso quote ou blockquote.
Como ele vai aparecer no post no blog depende de como foi configurado no código do tema (layout do blog) que está usando.
Basta selecionar um parágrafo e clicar no botão.
Linha
Adiciona uma linha divisória no post.
Essa linha pode ser uma linha simples fina, ou uma imagem. Depende de como foi configurado no código do tema (layout do blog) que está usando.
Alinhar à esquerda
Alinha o texto à esquerda.
Centralizar
Centraliza o texto.
Alinhas à direita
Alinha o texto à direta.
Link
Para inserir link em um texto.
É necessário selecionar o texto primeiro, depois clica no botão e abrirá uma janelinha para inserir a URL do link, que será aberta quando alguém clicar naquele texto.
Remover link
Se você quiser remover o link de um texto, seleciona o texto e depois clica no botão.
Continue lendo
Insere o botão Continue lendo no post.
A ideia é que você escreva um ou dois parágrafos, clica no botão pra adicionar o Continue lendo, depois dê um enter e continue escrevendo o post.
Assim, quando visualizar a página inicial do blog, o post aparece somente o que você escreveu antes do Continue lendo. E somente quando visualizar a página do post, é que este aparece completo.
Alternar barra de ferramentas
Que na verdade é pra mostrar mais botões do editor, que ficam escondidos.
Modo de escrita sem distrações
Ao clicar nesse botão a tela toda fica apenas com o campo do editor, botão de adicionar mídia e campo para título do post.
Sem distrações.
Botões no editor visual – segunda linha de botões
Se você clicar no ícone Alternar barra de ferramentas, terá os botões abaixo.
Menu dropdown com estilos
Ao clicar nesse menu você tem as opções:
- Parágrafo – para usar esse estilo em um parágrafo
- Pre – normalmente usado quando vai digitar um código HTML ou algum outro código para mostrar no post. Pode ver um exemplo em um dos nossos tutoriais
- Cabeçalho 1 – usar em títulos
- Cabeçalho 2 – usar em títulos
- Cabeçalho 3 – usar em títulos
- Cabeçalho 4 – usar em títulos
- Cabeçalho 5 – usar em títulos
- Cabeçalho 6 – usar em títulos
Dependendo do tema que estiver usando, você pode ter mais ou menos itens nesse menu.
Sublinhado
Para sublinhar uma palavra ou frase.
Justificar
Para deixar o texto justificado.
Cor do texto
Você pode mudar a cor do texto nesse botão.
Não recomendo que use essa opção, pois os temas já estão personalizados com as cores que combinam com o layout.
E se você usar essa cor personalizada, e daqui uns tempos resolver trocar o layout e essa cor não ter nada a ver com o novo visual do blog, você terá problema. Pois pra acertar essa cor terá que editar post por post.
Colar como texto
Use essa opção quando quiser colar um texto que tenha copiado de outro lugar.
Com essa opção ativa, os links por exemplo, não serão colados, apenas o texto.
Limpar formatação
Se você adicionou alguma formatação no texto e não gostou, com esse botão você limpa ela.
Caracteres especias
Uma tabelinha de caracteres especiais pra você inserir no post.
Diminuir a indentação
O texto do post em um blog é alinhado para começar de um determinado ponto.
Cas esteja começando com espaço, você pode dimimuir ele.
Aumentar a indentação
Já esse tem o efeito contrário do outro. No lugar de diminuir, você aumenta.
O texto começa mais pra frente do que o lugar que está configurado para começar.
Desfazer
Desfaz a última coisa que você fez quando está criando o post.
Refazer
Refaz a última coisa que você desfez quando está criando o post.
Atalhos do teclado
Uma caixinha com lista de atalhos para usar no teclado.
Para visualizar todos os posts desse guia, visite a tag Guia WordPress.