Uma das coisas que eram chatas nos blogs hospedados no WordPress.com é que você não tem a opção de instalar plugins, etc.

Uma das coisas que mais usamos e postar trechos de códigos em tutoriais, etc.

Creio que pensando nisso, o WordPress.Com agora permite postar o código fonte em seus posts.

Foi criado um shortcode para você poder inserir o código-fonte além de preservar sua formatação (leia-se identação) com destaque de sintaxe para algumas linguagens. Veja abaixo um exemplo de código CSS:

#button {
	font-weight: bold;
	border: 2px solid #fff;
}

Para reproduzir o exemplo acima, cole seu código dentro das tags:

aqui vai o seu código

Abaixo, a lista de linguagens que são suportadas:

O parâmetro passado entre aspas informa qual é linguagem e controla a coloração de sintaxe. Abaixo, a lista de linguagens que são suportadas:

  • actionscript3
  • bash
  • coldfusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • fsharp NEW!
  • diff
  • groovy
  • javascript
  • java
  • javafx
  • matlab (keywords only) NEW!
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • ruby
  • scala
  • sql
  • vb
  • xml

Se você não informar qual é a linguagem do código que esta postando, o valor o padrão será atribuido para “texto” (sem destaque de sintaxe).

Não se preocupe com entidades HTML ou qualquer outra coisa, O código fonte entre as tags será automaticamente convertido.

Configuração dos Parâmetros

Os shortcodes também aceitam uma variedade de parâmetros de configuração que você pode usar para personalizar a saída. Todos são completamente opcionais.

  • autolinks (true/false) — Faz com que todas as urls dentro do código sejam clicáveis. Valor padrão = true.
  • collapse (true/false) — Se o valor = true, ao carregar a página a área de visualização do código será pequena (com barra de rolagem), mas o usuário pode clicar e expandir a área de visualização. Isto é bom para códigos grandes e longos. Valor padrão = false.
  • firstline (number) — Você pode alterar para indicar o valor incial da contagem do número de linhas do código. Por padrão começa em 1.
  • gutter (true/false) — Se o valor = false, a exibição do número de linhas é desabilitada. Valor padrão = true.
  • highlight (comma-seperated list of numbers) — Você pode definir quais linhas de código quer que sejam destacadas. Por exemplo “4,7,19″.
  • htmlscript (true/false) — Se o valor = true, qualquer trecho de HTML/XML no seu código será destacado. Isto é bom quando você tem código HTML e PHP juntos, por exemplo. O valor padrão = false e só funciona com algumas linguagens.
  • light (true/false) — Se o valor padrão = true, o gutter (que cria a enumeração das linhas) e a toolbar (veja abaixo) não serão exibidos. Isto é bom quando você vai postar apenas uma ou duas linhas de código. O valor padrão = false.
  • padlinenumbers (true/false/integer) —
    Permite controlar o preenchimento (padding) do número da linhas. Se = true resultará no preenchimento automático (valor padrão), se = false retira o padding, e se você digitar um número, será atribuído este valor ao padding.
  • toolbar (true/false) — Se o valor = false, os botões de ajuda da toolbar que aparecem quando você passa o mouse sobre o código não será exibido. Valor padrão = true.
  • wraplines (true/false) — Se o valor = true, a quebra de linha será desabilitada. Para trechos de código longos, vai criar uma barra de rolagem horizontal.

Veja abaixo alguns exemplos dos parâmetros acima em ação no link oficial: http://en.support.wordpress.com/code/posting-source-code/

Anúncios