Eu vivi por muito tempo um verdadeiro dilema. Eu uso o plugin SyntaxHighlighter, esse que mostra códigos sem executá-los, como vou dar um exemplo bem prático abaixo:
<html> <head> <title>Sugar Dance</title> </head> <body> Testando! </body> </html>
Acontece que, quando eu passava o mouse sobre a área do código, diferentemente de vários sites que usam esse plugin, não aparecia essa toolbar (barra de ferramentas) abaixo:
E eu ficava frustrada! Fuçava todos os comandos e configurações do plugin e nada… até que, por ironia do destino, durante uma edição qualquer de CSS e fuçando temas, acabei descobrindo como fazer aparecer a toolbar sozinha!
É muito simples: no seu painel WordPress, vá em Settings/Configurações e depois em SyntaxHighlighter (lembrando que o plugin que eu uso é o SyntaxHighlighter Evolved, se você não sabe como usá-lo, clique aqui).
Depois, em Highlighter Version, logo no topo da página, selecione a versão 2.x:
Não esqueça de, após isso, clicar em Save Changes (Salvar alterações) que fica logo abaixo das configurações a serem editadas na página.
Pronto! Fácil, né? Mas… quais são as funções desses íconezinhos na barra?
♥ O primeiro ícone, de uma folhinha com duas tags em cima, abre o código em uma pop-up quando clicado.
♥ O segundo ícone, as duas folhinhas repetidas, copia diretamente o código quando clicando.
♥ O terceiro ícone, a impressora, imprime o código que está sendo visualizado quando clicado.
♥ O quarto ícone, o ponto de interrogação, é apenas para saber mais detalhes sobre o plugin.
Gostou? Ou tem alguma dúvida? Então ask-me: corre lá que eu respondo todas as suas dúvidas e necessidades!