Como destacar a sintaxe no editor de HTML do WordPress

Quando você cria uma página da Web em HTML ou outro idioma, ter a capacidade de codificar com cores a sintaxe reduz drasticamente a probabilidade de a página ser publicada com erros. O WordPress tem um editor de HTML embutido, mas não adiciona cor à sua sintaxe por padrão. Quando você instala um plug-in para destacar a sintaxe HTML, o WordPress adiciona automaticamente cor às funções HTML válidas e ajuda a confirmar que você não esqueceu de fechar as tags abertas. Um plug-in de realce de sintaxe também pode simplificar o processo de adicionar código às postagens do seu blog para que outras pessoas o usem.

1

Faça o login na área administrativa do seu site WordPress. Posicione o ponteiro do mouse sobre o cabeçalho "Plugins" no lado esquerdo do menu principal e selecione a opção "Add New".

2

Clique no campo de texto vazio no tipo da página e digite "Desenvolvedor Formatador", "Marcador de código FV" ou "WP-SynHighlight". Cada um desses plugins fornece realce de sintaxe de diferentes maneiras. O Developer Formatter usa o mecanismo GeSHi, que suporta mais de 100 idiomas. O FV Code Highlighter suporta apenas as linguagens da Web mais comuns, como HTML, XML e PHP. O WP-SynHighlight tem a capacidade de destacar a sintaxe em tempo real à medida que você a digita. Clique em "Search Plugins" depois de digitar o nome do plugin que você deseja instalar.

3

Clique no link "Instalar agora" abaixo do marcador de sintaxe que você deseja instalar. Confirme clicando em "OK" e "Ativar Plugin". Isso retorna à lista de plugins instalados no seu site.

4

Percorra a lista de plugins e clique no link "Configurações" para configurar o marcador de sintaxe. Se você não vir esta opção - como é o caso do WP-SynHighlight, por exemplo - a tela de configurações pode estar em outro menu. O menu de configuração do WP-SynHighlight está sob o cabeçalho "Configurações" no lado esquerdo da tela. O Marcador de Código FV não possui um menu de configuração.

5

Clique na opção "Adicionar novo" no cabeçalho "Postagens" para criar uma nova postagem usando o marcador de sintaxe.

Gorjeta

• Se o WordPress.com hospedar seu blog, você poderá destacar a sintaxe HTML em suas postagens sem instalar um plug-in. Isso pode ser útil para sites instrucionais que ensinam as pessoas a programar. Para fazer isso, coloque a tag "[sourcecode language =" html "]" antes do código que você deseja destacar. Depois de completar o código, digite "[/ sourcecode]" para fechar a tag. O WordPress.com também reconhece outros idiomas; altere isso substituindo "html" por outro idioma, como "java" ou "php". Esse recurso não realça a sintaxe no editor de HTML.

Aviso

• Alguns plug-ins que destacam a sintaxe HTML no WordPress só funcionam corretamente quando você cria conteúdo usando o editor de HTML. Se você também criar postagens usando o editor visual, verifique se o plug-in instalado é compatível com o editor visual ou se desativa automaticamente quando não estiver usando o editor de HTML.