Você não sabe o que é isso? É as “caixinhas” que eu uso para colocar códigos. Elas são assim:
<b> isso é um exemplo de código </b>
É muito fácil, basta instalar no seu WordPress o plugin.
Já sabe como instalar, né? Ou você faz assim (clique aqui) ou então você faz assim:
1. Dezipe o arquivo e mande a pasta dezipada para a pasta plugins, que fica dentro da pasta wp-content do seu WordPress.
2. No seu painel WordPress, ative o plugin em “Plugins“.
Agora, vamos pro tutorial.
1. No seu painel WordPress, tem o menu lateral, e entre tantas outras opções, tem o menu “Settings” (em português, Configurações). Nesse menu, com certeza após você ter ativado o plugin, apareceu nele: SyntaxHighlighter, né? Clique nessa opção e abrirá a página do plugin!
2. Eu vou ensinar a mudar as cores da sua caixinha de códigos, ok? É simples… Logo no começo da página, está escrito: Color Theme. No menuzinho dropdown tem várias opções… você vai escolhendo, salvando apertando no botão quase no fim da página em Save Changes e na própria página, depois salvar, aparece como fica a caixinha. Eu uso o theme Default (:
Vou ensinar a usar o plugin na sua página! É simples!
Se você usa a página de edição no estilo HTML…
1. Na página do WordPress que você cria páginas, tem um menu com várias opções de formatação: negrito (b), itálico (i), etc… no final da barra de formatação, vai estar a opção SH pre. Clique nela.
2. Vai aparecer uma janelinha… no primeiro menu dropdown, escolha o Plain Text e depois aperte OK.
3. Coloque o seu código entre as tags que apareceram.]
Se você usa a página de edição no estilo Visual…
1. Na página do WordPress que você cria páginas, tem um menu com várias opções de formatação: negrito (b), itálico (i), etc… no final da barra de formatação, vai estar a opção Code. Clique nela.
2. Você vai escolher no menu dropdown Plain Text e em Your Code você vai colar o código que deseja exibir.
3. Pronto!
O tutorial parece complexo, mas na prática, é muito fácil! Espero que tenham gostado.