Syntax Highligth no WordPress

Navegando

Eu andei pesquisando aqui no WordPress blogs sobre Delphi, e descobri muitos posts legais.
Mas navegando entre textos mais interessantes e aqueles mais apagados, percebi que muitos não usam o recurso de “syntax highlight” disponível no WordPress.

Ao passo que alguns usam o texto simples, outros usam até imagens, ás vezes pesadas, contendo o código. Alem de dificultar a navegação, ainda tira a possibilidade de copiar e colar o código.

Com o destaque da sintaxe nos exemplos de código, a leitura fica mais fácil e ajuda bastante na compreensão, além de dar uma aparência mais profissional. Veja a diferença:

Código Normal
procedure TForm1.Edit1Change(Sender: TObject);
var
OldStart : Integer;
begin
With Edit1 do
if Text ” then
begin
OnChange := NIL;
OldStart := SelStart;
Text := UpperCase(Copy(Text,1,1))+
LowerCase(Copy(Text,2,Length(Text)));
SelStart := OldStart;
OnChange := Edit1Change;
end;
end;

Código com texto formatado.

procedure TForm1.Edit1Change(Sender: TObject);
var
      OldStart : Integer;
begin
With Edit1 do
    if Text <> '' then
    begin
        OnChange := NIL;
        OldStart := SelStart;
        Text := UpperCase(Copy(Text,1,1)) +
                   LowerCase(Copy(Text,2,Length(Text)));
         SelStart := OldStart;
         OnChange := Edit1Change;
     end;
end;

Pensando nisso, resolvi ilustrar nesta rapidinha como usar o destaque de sintaxe pra dar um charme a mais no seu blog. Quer saber como faz? Veja o exemplo a seguir.

Exemplo

Quando for inserir linhas de código fonte utilize o formato abaixo:

[sourcecode language='delphi']
// Exemplo de Código
If CodigoDestacado then
Entendimento := ‘100%’;
Result := ‘Legal’;
[/sourcecode]

Que ficará assim:

 // Exemplo de Código
 If CodigoDestacado then
   Entendimento := '100%';

 Result := 'Legal';

O segredo está nas tags “sourcecode”, que são interpretadas e o código formatado segundo a linguagem selecionada.

Outra coisa legal é a tag “<!–more–>”, que mostra apenas uma parte do post. É interessante porque se o usuário quiser saber mais ele terá de clicar no “Leia o resto deste post”.
Este click incrementa um contador na seção de Estatísticas, o que permite maior controle sobre os posts e um melhor gerenciamento do blog.

Bom, já dei duas dicas!  Agora é colocar a mão na massa.
Até a próxima!