Categorias: WordPress

Guia WordPress: Editor de Posts

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.

editor visual ativado

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.

editor texto ativado

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 Negrito

Esse efeito de deixar o texto forte.

italico Itálico

Deixar o texto em itálico.

riscado Riscado

Deixar uma palavra ou texto riscada.

lista com marcadores 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 numerica Lista numérica

Funciona como a lista com marcadores, a diferença é que essa tem números. Essa é a lista ordenada.
Exemplo abaixo:

  1. Selecione o texto
  2. Clique no botão
  3. Para gerar uma nova linha com número, dê um enter e digite mais texto
  4. Para iniciar um parágrafo fora da lista, tecle shift + enter

citação 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 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 a esquerda Alinhar à esquerda

Alinha o texto à esquerda.

centralizar Centralizar

Centraliza o texto.

alinhar a direita Alinhas à direita

Alinha o texto à direta.

link 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.

link remover Remover link

Se você quiser remover o link de um texto, seleciona o texto e depois clica no botão.

leia mais 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.

mais botoes Alternar barra de ferramentas

Que na verdade é pra mostrar mais botões do editor, que ficam escondidos.

sem distrações 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.

wordpress-editor-mais-01 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.