Postando código-fonte formatado no wordpress

Varias vezes tive que postar trechos de codigo fonte, porem postava como texto comum ate ler o artigo do nosso amigo Diogo Besson, neste artigo, ele mostra como produzir material de qualidade, de qualidade, digo, que seja mais legivel ao olhos de programadores como eu e possivelmente vc que le este post, entao vamos la, lembrando que este post é uma referencia ao original( http://diogobesson.wordpress.com/2009/11/06/postando-codigo-fonte-formatado-no-wordpress/#comment-193 ).

antes codificava assim:

procedure TForm1.Button5Click(Sender: TObject);
var
i : Word;
begin
for i := 0 to ComponentCount – 1 do
if (Components[i] is TEdit) then
TEdit(Components[i]).Clear
end;

ou

CREATE TABLE dbo.Frota
(
[Codigo] int identity NOT NULL,
[CodFun_Fk] int NULL,
[Placa] varchar(10) NULL,
[Chassi] varchar(50) NULL,
[Marca] varchar(50) NULL,
[Modelo] varchar(50) NULL,
[Ano] varchar(10) NULL,
[Cor] varchar(50) NULL,
[Kilometragem] int NULL,
[Foto] image NULL,
[Empresa] varchar(25) NULL
);
ALTER TABLE dbo.Frota ADD CONSTRAINT PRIMARY KEY (Codigo) CONSTRAINT PK_Frota;
CREATE UNIQUE INDEX PK_Frota ON dbo.Frota(Codigo asc);

apos ler o artigo, mudei minha forma de postar fontes:

procedure TForm1.Button5Click(Sender: TObject);
var
i : Word;
begin
for i := 0 to ComponentCount - 1 do
if (Components[i] is TEdit) then
TEdit(Components[i]).Clear
end;

ou

</pre>
CREATE TABLE dbo.Frota
(
[Codigo] int identity NOT NULL,
[CodFun_Fk] int NULL,
[Placa] varchar(10) NULL,
[Chassi] varchar(50) NULL,
[Marca] varchar(50) NULL,
[Modelo] varchar(50) NULL,
[Ano] varchar(10) NULL,
[Cor] varchar(50) NULL,
[Kilometragem] int NULL,
[Foto] image NULL,
[Empresa] varchar(25) NULL
);
ALTER TABLE dbo.Frota ADD CONSTRAINT PRIMARY KEY (Codigo) CONSTRAINT PK_Frota;
CREATE UNIQUE INDEX PK_Frota ON dbo.Frota(Codigo asc);

para se obter tal efeito, seria só postar o trecho de codigo fonte entre as tags
[ sourcecode language=”sua linguagem” ]
seu código fonte
[ /sourcecode ]

para os delpheiros use:
[ sourcecode language=”delphi” ]
seu código fonte
[ /sourcecode ]

para os DBAs de plantão:
[ sourcecode language=”sql” ]
seu código fonte
[ /sourcecode ]

Obs.: Remova os espaços em branco dentro dos colchetes para funcionar.
Desta forma depois de “[” e antes do “]“.

Os parâmetros suportados são:

•actionscript3
•bash
•csharp
•cpp
•css
•delphi
•diff
•groovy
•javascript
•java
•javafx
•perl
•php
•text
•powershell
•python
•ruby
•scala
•sql
•vb
•xml
Caso nenhum parâmetro seja especificado, o pseudo bbcode do wordpress vai assumir que você quer apenas fazer um texto simples sem highlight, ou seja, o valor default desse parâmetro é igual a “text”.

Outros parâmetros opcionais e bem interessantes de serem explorados são:

autolinks (true/false) — Transforma todas as URLs do seu código-fonte em clicáveis. O valor default é true.
collapse (true/false) — Se true, o bloco de código será comprimido (fechado, resumido, collapsed) quando a página carregar, exigindo que o visitante clique para expandir e melhor visualizar. É ótimo para códigos gigantescos. O valor default é false.
firstline (número) — Use isso para personalizar o valor numérico da linha inicial da sua numeração. O valor default é 1.
gutter (true/false) — Se false, os números das linhas que aparecem no lado esquerdo serão escondidos. O valor default é true.
highlight (números das linhas separados por vírgulas) — Você pode listar os números das linhas que você quer destacar, por exemplo: “5, 55, 1578″.
htmlscript (true/false) — Se true, qualquer HTML/XML do seu código, ficarão em destaque. É bem útil quando você está misturando linguagens dentro de seu script, como é exemplo de uso ter um código PHP inserido dentro de um contexto HTML. O valor default é false e funcionará somente com algumas linguagens específicas.
light (true/false) — Se true, a numeração das linhas e a barra de ferramentas ficarão ocultas. É útil quando você quer postar algo pequeno, como somente 1 ou 2 linhas de código. Isso deixa a visibilidade da sua página bem mais limpa e agradável. O valor default é false.
ruler (true/false) — Se true, uma régua de posicionamento de caracteres será mostrada no topo da sua codificação. O valor default é false.
toolbar (true/false) — Se false, a barra de ferramentas que mostra botões utilitário quanto você posiciona o mouse em cima do código não será mostrada. O valor default é true.
wraplines (true/false) — Se true, a quebra automática de linhas será desabilitada, o que causará o aparecimento de uma barra de rolagem para códigos com linhas muito longas. O valor default é false.
Com isso, o visual dos nossos blogs do wordpress ficarão muito melhor. A partir desse post, estarei adotando essa boa prática

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s