O Editor Visual do WordPress: Dicas e Truques para Iniciantes

O WordPress foi construído inicialmente para ser um sistema de blog simples que facilitou a publicação de conteúdo online. Com o tempo, transformou-se em um sistema de gerenciamento de conteúdo completo (CMS). Agora, os usuários 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, a esse respeito, o WordPress permanece fiel às suas raízes: criação e gerenciamento de conteúdo.


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

WYSIWYG

O WordPress permite criar e gerenciar o 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 possui três partes:

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

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

pic1

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

pic11

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

pic10

Com esta breve introdução ao poderoso editor visual do WordPress, agora vamos ver 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 publicação e abrir o editor visual: Vá para Postagens > Adicionar novo. Por padrão, você verá uma barra de ferramentas condensada ao criar uma nova postagem:

pic2

Clique no ícone Pia da cozinha para revelar outras opções de formatação na barra de ferramentas:

pic3

Para criação e gerenciamento de conteúdo básico, as opções de formatação acima serão excelentes. Mesmo se você é novo no WordPress, a maioria dos ícones será familiar de outros editores de texto, como o Microsoft Word. De fato, todos os ícones na barra de ferramentas do editor visual desempenham a mesma função que os ícones idênticos no Microsoft Word, portanto, 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 digitado em algum lugar e, nesse caso, você pode simplesmente colá-lo como texto simples ou formatado do Word usando estes botões na barra de ferramentas:

pic4

O uso dessa rota é rápido e o editor visual faz um bom trabalho ao preservar grande parte da sua formatação do Word – melhor do que copiar e colar padrão, pelo menos. No entanto, como você descobrirá em breve, não é um trabalho sem falhas e, às vezes, você pode acabar com um texto confuso. Acho que é muito mais fácil colar como texto simples e depois formatar dentro do editor visual.

Remover formatação do seu texto

Como vimos ou como você verá quando experimenta esses botões de formatação, o editor visual apresenta pontos fracos quando se trata de lidar com texto formatado importado de outros editores de texto. Portanto, 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:

pic5

Destaque 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 de 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 seu tipo de texto, realce a parte do texto que você deseja modificar e clique no menu suspenso de formato, na extrema esquerda da barra de ferramentas do editor. Selecione o formato desejado e pronto:

pic8

Obviamente, você pode formatar suas postagens da maneira que quiser, mas verifique se há alguma estrutura para consistência. Os títulos das seções, por exemplo, devem ter o mesmo formato, como Rubrica 2, enquanto o cabeçalho principal é tipicamente Cabeçallho 1. Além disso, o texto de parágrafo padrão deve ter um formato padrão e o texto e 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 Parágrafo digite na caixa suspensa para remover a formatação dos cabeçalhos desde o Remover formatação botão não funciona para títulos e citações de bloco.

Use o Bloco de citação para formatar ou remover a formatação de citações de bloco:

pic9

Edição em tela cheia

pic13

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

Inserir Mais Tag

pic12

Embora esse seja um recurso muitas vezes esquecido do editor visual, é muito útil quando se trata de exibir trechos de post no seu blog. Como você já sabe, se você publicou postagens em seu blog, o WordPress exibe trechos dessas postagens 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 bacana Inserir mais O recurso de tag é útil. Permite especificar exatamente onde o trecho terminará. Um link que aponta para a postagem completa será inserido onde você especificou o trecho para finalizar. Existem várias maneiras de formatar essa tag, mas lembre-se de que, por padrão, ela funciona apenas para postagens (não páginas):

pic14

Nota: O uso do Inserir mais A tag depende do suporte do tema escolhido. A maioria dos temas cuidadosamente desenvolvidos o suporta, mas alguns não.

Adicionar e remover links

pic15

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

Caracteres especiais

pic6

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 personagem à medida que você passa o mouse sobre ele:

pic7

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

Também gostaria de saber como você usa o editor visual. Você tem dicas ou truques que gostaria de compartilhar?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map