Academia WordPress

Guia WordPress – Adicionando Conteúdo com o Editor Visual

Adicionando Conteúdo com o Editor Visual

O editor usado para adicionar conteúdo em sua Página ou Post é muito fácil de usar. É quase o mesmo que usar qualquer editor de texto, com botões na barra de ferramentas que permite modificar para Negrito ( ) Italico ( ) Parágrafo ( ) ou tópicos ( ). Você pode até usar a maioria dos comandos básicos como por exemplo: Shift + Enter para quebra uma linha. Ctrl+C/cmd+C = Copiar, Ctrl+X/Cmd+X = Cortar, Ctrl+Z/Cmd+Z = Desfazer, Ctrl+Y/Cmd+Y = Refazer, Ctrl+A/Cmd+A = Selecionar tudo, etc. (Use a tecla Control/ctrl em um PC ou Command/Cmd em um Mac).

Quando estiver adicionando conteúdo à sua página, o Editor Visual expande para encaixar seu conteúdo, ao invés de apenas adicionar uma barra de rolamento. Além disso, não importa quão alto o Editor Visual fique, os ícones da barra de ferramentas continuarão disponíveis o tempo todo, ficando fixados no topo da página.

Fazendo uso de atalhos especiais de teclado, adicionar conteúdo agora é ainda mais fácil. Quando você quiser adicionar diferentes tamanhos de cabeçalhos ao seu conteúdo, ao invés de ter que selecionar tamanho de cabeçalho na barra de ferramentas, agora você pode começar uma linha com duas ou mais hashtags(#) e quando você apertar Enter para ir para a próxima linha, o Editor Visual irá converter automaticamente seu texto para o cabeçalho apropriado. Assim como cabeçalhos, você também pode usar * ou – para criar uma lista desordenada, usando 1. irá começar uma lista ordenada e > irá criar um bloco de citação.

A lista completa de atalhos de teclado disponíveis é a seguinte:

  • * – Começa uma lista desordenada
  • – – Começa uma lista desordenada
  1. – Começa uma lista ordenada
  • 1) – Começa uma lista desordenada
  • ## – H2
  • ### – H3
  • #### – H4
  • ##### – H5
  • ###### – H6 (Tamanhos de Cabeçalho)
  • > – Adicionar bloco de citação
  • — – Adicionar uma linha horizontal
  • `..`– Converte o texto em bloco de código (substitua .. com seu texto)

Ao topo do editor existem duas abas, Visual e Texto ( ). Elas trocam o editor entre Editor Visual e Editor de Texto. A aba Texto permite ver o código HTML que faz o conteúdo. Para usuários mais experientes isso pode ser útil às vezes, porém para aqueles não familiarizados com tags HTML, não é recomendado.

Ao criar uma nova Página ou Postagem, a primeira coisa a se fazer é colocar um título no primeiro campo onde diz Digite o Título aqui. Depois, movendo seu mouse para o editor um novo Permalink é criado para a sua página. Permalinks são as URLs permanentes para as suas Postagens, Páginas, Categorias e etc. Apesar de não usual, você pode editar manualmente seu permalink clicando no link (a parte depois do nome do domínio com o plano de fundo amarelo) ou clicando no ícone Editar ao lado. Uma vez que você tenha feito sua modificação, clique Ok para salvar ou Cancelar para cancelar suas mudanças.

Ao topo do editor onde seu conteúdo é escrito, há vários botões de formatação. Clicar no ícone Alternar Barra de Ferramentas ( ) deixará à mostra ou escondida a segunda linha de botões de formatação que dão acesso à funcionalidades extras:

 Adicionar Media – Usado para upload e inserir medias como imagens, áudio, vídeo ou documentos.
 Negrito – Texto em negrito
 Itálico – Texto em itálico.
 Riscado – Adiciona riscado (abc) ao seu texto
 Listas com Marcadores – Cria uma lista com marcadores
 Lista Numerada – Cria uma lista numerada
 Bloco de citação – Usado como forma de mostrar citação. Como isso vai aparecer depende completamente do Tema que seu site está usando.
 Linha Horizontal – Insere uma linha horizontal em sua página
Alinhar à Esquerda – Alinha o texto à Esquerda.
Alinhar ao Centro – Alinha texto ao Centro
Alinhar à Direita – Alinha o texto à Direita
Inserir/Editar link – Usado para criar um link html para outra página ou website. O texto ou imagem que você quer linkar precisa ser selecionado primeiro antes do ícone se tornar ativo.
Remover Link – Remove link html de texto selecionado. Seu cursor deve estar sobre um link ativo para o ícone estar ativo.
Inserir Tag “Ler Mais” – Insere a tag Ler Mais em sua página. Vários blogs apenas mostram uma pequena parte de uma postagem e requerem que você clique no título da postagem ou no link “Ler Mais” para continuar lendo o restante do artigo. Quando você insere uma tag “Ler Mais” em seu post, tudo anterior a tag é considerado como Trecho de amostra. Na maioria das vezes você irá apenas usar esse ícone quando estiver criando um post de Blog, ao invés de uma Página
Alternar Barra de Ferramentas – Usado para mostrar ou esconder a segunda fileira de botões de formatação na barra de ferramentas.
Escrever Sem Distração – Clicar nesse ícone fará com que o editor ocupe a tela inteira do seu navegador. Clicando em Sair de Tela Cheia no topo da sua tela ira reduzi-lo novamente ao tamanho normal.
Estilo – Usado para formatar o texto da Página baseado no estilo usado no Tema.
Sublinhar – Sublinha seu texto
Justificar – Alinha o texto no formado Justificado
Cor do Texto – Use para mudar a cor do texto
Colar texto – Copiar e colar texto de outro sites ou editores de texto as vezes deixa o texto formatado de forma diferente do que você esperava. Isso normalmente acontece porque a tag html ou código que formata o texto original é colado junto com o texto em si. Para evitar isso, Colar como Texto Limpo irá remover todos esses códigos ou tags. Marcando a caixa Manter Linhas Quebradas irá preservar todos os códigos HTML <b/> tags. Desmarcando essa opção os remove.
Limpar Formatação – Use isso para remover toda a formatação de um texto selecionado (Negrito, Sublinhado, Cor, etc.)
Caractere Especial – Usado para inserir Caractere Especial não facilmente acessíveis pelo teclado (¼, ½, ¾, ©, €, ö, etc)
Diminuir Recuo – Diminui um nível de recuo
Aumentar Recuo – Aumenta o recuo do texto em 1 nível
Desfazer – Desfaz sua última ação
Refazer – Refaz sua última ação
Atalhos do Teclado – mostra informações sobre o Editor Visual do WordPress junto com atalhos do teclado
Visual/Texto – Troca a visão do editor entre Editor Visual e Editor de Texto. O Editor de Texto lhe permite ver o código HTML que forma o seu material. Para os usuários mais experientes isso pode ser útil as vezes mas para aqueles não familiares com as tags HTML, não é recomendado.

 

 

 

BLING
Daniel Leal

Daniel Leal

Eu escrevo para facilitar o aprendizado de outros daquilo que eu tivesse dificuldade em aprender. WordPress, WooCommerce e desenvolvimento de novas tecnologias são meus focos principais, mas marketing de conteúdo, negócios digitais e (mais recentemente) fintechs também ocupam uma parcela das minhas ideias e projetos.

Adicionar Comentário

Digital Ocean

Send this to a friend