Você tem um blog de desenvolvimento no qual deseja compartilhar trechos de código? Por padrão, mostrar códigos em seu site WordPress não é fácil. Por razões de segurança, o WordPress filtra qualquer código adicionado em postagens, widgets ou comentários. Frequentemente, somos questionados sobre qual plugin usamos para exibir o código em nosso site.
Neste tutorial, mostraremos como exibir facilmente o código em seu site WordPress. Você deve primeiro instalar e ativar o plugin Syntax Highlighter Evolved. Após a ativação, você deve ir para " Configurações »Marcador de sintaxe» para definir as configurações do plug-in.
As configurações básicas do plugin devem funcionar na maioria dos sites. No entanto, você deve revisar todas as configurações e fazer alterações, se necessário. Cada opção possui uma descrição detalhada para explicar o que faz. Quando terminar, basta clicar no botão Salvar alterações.
Syntax Highlighter Evolved usa códigos de acesso simples para exibir um código. Para cada idioma, você precisa envolver seu código no código de acesso para esse idioma.
Para quebrar seu código PHP como este:
[php] [/ php]
Ele aparecerá em seu artigo assim:
Para CSS, você envolver seu código como este:
[css] .entry-title {família da fonte: "Open Sans", arial, sans-serif; fonte de tamanho: 16px; Cor: #272727; } [/ css]
Ele aparecerá no seu site assim:
.entry-título {font-family: "Open Sans", Arial, sans-serif; fonte de tamanho: 16px; Cor: #272727; }
Syntax Highlighter irá destacar automaticamente o código no idioma específico. Ele também adicionará uma linha de números e tratará a guia de recuo corretamente. Seus usuários poderão copiar e colar facilmente os snippets no seu site WordPress.
Como exibir código no WordPress sem usar o plugin
Muitos blogueiros não possuem um blog de desenvolvimento, portanto, não precisam adicionar trechos de amostra a seus posts com muita frequência. Em raras ocasiões, você pode adicionar código codificando em HTML; Curtiu isso:
>?php echo "Olá Mundo"; ?
O problema com a conversão de código para HTML é que é difícil fazê-lo manualmente. Você pode usar ferramentas online como este, para converter o código para HTML.
Ao converter código PHP, HTML, JavaScript em HTML, você pode colá-los em seus posts do WordPress. Para um estilo adicional, você pode agrupar o código entre et .
Esperamos que este artigo tenha permitido que você poste algum código no WordPress.
Se você tiver algum comentário ou sugestão, informe-nos na seção dedicada.
