FULL.

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Siga a FULL.

As dicas e truques do editor visual do WordPress

Você está em:

As dicas e truques do editor visual do WordPress

O WordPress foi inicialmente construído para ser um sistema de blog simples que facilitou a publicação de conteúdo online. Com o tempo, ele se transformou em um sistema de gerenciamento de conteúdo (CMS) completo. Os usuários agora têm controle total sobre o design e a funcionalidade de seus sites WordPress. No entanto, sem conteúdo, design e função não significam nada e, nesse sentido, o WordPress permanece fiel às suas raízes: criação e gerenciamento de conteúdo.

Embora muitos recursos tenham sido incorporados ao software básico do WordPress, a criação de conteúdo continua sendo sua principal força motriz. Com isso em mente, vamos dar uma olhada mais de perto no editor visual do WordPress neste post e como você pode utilizá-lo melhor.

WYSIWYG

O WordPress permite que você crie e gerencie conteúdo visualmente, em vez de codificá-lo diretamente em seus arquivos. Assim, é chamado de editor WYSIWYG ou “O que você vê é o que você obtém” para os não iniciados. A ferramenta de edição tem três partes:

  1. Editor Visual
  2. Editor de texto (onde você pode inserir o código)
  3. Media Uploader (para fazer upload de arquivos de imagem)

Por padrão, o Editor Visual está ativo quando você cria uma nova postagem ou página ( Páginas > Adicionar novo ou Postagens > Adicionar novo ). Se por acaso não estiver ativo, clique nele:

foto1

WYSIWYG significa que o que você vê no Editor Visual enquanto edita sua postagem é o que aparecerá na postagem publicada. O Editor de Texto permite inserir texto simples e também permite inserir código (marcação HTML) diretamente como se estivesse trabalhando com o arquivo HTML real. Você o ativa clicando na guia Texto na extrema direita do editor:

foto11

O Media Uploader faz exatamente isso: carrega arquivos de mídia para a biblioteca de mídia para que você possa inseri-los em suas postagens como desejar:

foto10

Com esta breve introdução ao poderoso editor visual do WordPress, vamos ver agora como você pode usar alguns botões-chave para criar e editar conteúdo. Estou usando o  tema do Blogger da nossa coleção de brindes para as ilustrações.

Adicionando texto

A primeira coisa é abrir uma nova página ou post e abrir o editor visual: Vá para Posts > Add New. Por padrão, você verá uma barra de ferramentas condensada ao criar uma nova postagem:

foto2

Clique no ícone Kitchen Sink para revelar outras opções de formatação na barra de ferramentas:

foto3

Para criação e gerenciamento de conteúdo básico, as opções de formatação acima funcionarão bem. Mesmo que você seja novo no WordPress, a maioria dos ícones será familiar a outros editores de texto, como o Microsoft Word. Na verdade, todos os ícones na barra de ferramentas do editor visual executam a mesma função que ícones idênticos no Microsoft Word, então selecionei os menos familiares para discutir.

Para adicionar texto, basta digitar seu conteúdo na janela do editor. No entanto, às vezes você pode ter seu conteúdo já digitado em algum lugar e, nesse caso, pode simplesmente colá-lo como texto simples ou formatado do Word usando estes botões na barra de ferramentas:

foto 4

Usar essa rota é rápido e o editor visual faz um bom trabalho ao preservar grande parte de sua formatação do Word – melhor do que copiar e colar padrão, pelo menos. No entanto, como você logo descobrirá, não é um trabalho perfeito e, às vezes, você pode acabar com o texto desconfigurado. Acho que é muito mais fácil colar como texto simples e depois fazer a formatação dentro do editor visual.

Remova a formatação do seu texto

Como vimos ou como você verá ao experimentar esses botões de formatação, o editor visual tem pontos fracos quando se trata de lidar com texto formatado importado de outros editores de texto. Então você pode achar que trabalhar com texto antigo simples é a melhor coisa a fazer. Este é o botão que você deve usar para remover a formatação do texto importado:

foto 5

Realce seu texto e clique nesse botão. Seu texto agora terá a formatação padrão do seu tema. Observe que esse botão não funciona para alguns tipos de formatação, como citações em bloco e cabeçalhos. Existem outros botões de formatação que cuidam desses tipos.

Alterando o Tipo de Texto

Você terá vários tipos de texto em seu documento, incluindo parágrafos e títulos. Para alterar o tipo de texto, destaque a parte do texto que deseja modificar e clique no menu suspenso de formato na extremidade esquerda da barra de ferramentas do editor. Selecione o formato desejado e pronto:

foto 8

Obviamente, você pode formatar suas postagens da maneira que quiser, mas certifique-se de que haja alguma estrutura para consistência. Os títulos das seções, por exemplo, devem ter o mesmo formato de título, como o Título 2,  enquanto o título principal normalmente é o Título 1 . Além disso, o texto de parágrafo padrão deve ter um formato padrão, assim como o texto e os endereços pré-formatados.

Lembre-se: os formatos padrão para os vários tipos de texto dependem do seu tema. Cada tema vem com seu próprio estilo padrão para os tipos que você vê na caixa suspensa de formato.

Use o tipo de parágrafo na caixa suspensa para remover a formatação dos cabeçalhos, pois o botão Remover formatação não funciona para títulos e citações em bloco.

Use o botão Blockquote para formatar ou remover a formatação de blockquote:

foto 9

Edição em tela cheia

foto13

Se você gosta de trabalhar com o mínimo de distrações, encontrará o modo de tela cheia ideal para você e este é o botão que o ativa. Ele simplesmente fecha todas as coisas não essenciais na tela e deixa você apenas com a caixa de conteúdo e uma barra de ferramentas condensada que automaticamente oculta e aparece quando você passa o mouse sobre a página.

Inserir mais etiqueta

foto12

Embora esse seja um recurso muitas vezes esquecido do editor visual, é muito útil quando se trata de exibir trechos de postagens em seu blog. Como você já sabe, se você publicou posts em seu blog, o WordPress exibe trechos desses posts nas páginas inicial e de arquivos. No entanto, o WordPress trunca os trechos aleatoriamente e isso pode estar no meio de uma frase.

É aqui que o recurso de tag ” Inserir mais ” é útil. Ele permite que você especifique exatamente onde o trecho terminará. Um link que aponta para o post completo será inserido onde você especificou o trecho para terminar. Existem muitas maneiras de formatar essa tag, mas lembre-se, por padrão, ela só funciona para postagens (não páginas):

foto14

Nota: O uso da tag Insert More depende do suporte do seu tema escolhido. A maioria dos temas cuidadosamente desenvolvidos o suportam, mas alguns não.

Adicionar e remover links

foto15

Inserir e remover links também é simples usando esses botões. Eles ficam inativos por padrão até que você destaque o texto que deseja criar o link. O botão da esquerda adiciona um link enquanto o da direita remove os links.

Caracteres especiais

foto 6

Se você já usou o botão de caracteres especiais no Word, isso também deve ser familiar. No entanto, este é mais intuitivo, pois exibe os códigos HTML e NUM de um caractere à medida que você passa o mouse sobre ele:

foto 7

Se você é um usuário regular do WordPress, é provável que já esteja familiarizado com a maioria das coisas que vimos acima, mas para novos usuários do WordPress, este deve ser um guia inicial útil para o editor visual no WordPress; suas capacidades, bem como suas limitações.

Eu também gostaria de ouvir de você sobre como você usa o editor visual. Você tem alguma dica ou truque que gostaria de compartilhar?

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.