Postagem com Source Code no WordPress

Uma das coisas que uso muito e não encontrei no WordPress algum botão no editor de texto que fizesse isso foi para escrita de códigos-fonte de linguagens de programação/script/marcação.

Procurando no nosso velho amigo Google, encontrei algumas pessoas falando que tinha plugins para isso, mas eu não encontrava uma forma de instalar por ser um blog hospedado no WordPress.com, mas enfim, em algum lugar navegando no “mar” da web (se lembrar aonde eu posto aqui) solicitei o plugin SyntaxHighlighter: http://wordpress.org/extend/plugins/syntaxhighlighter à equipe do WordPress, mas não era necessário plugin nenhum, pois eles me falaram que estava já disponível.

Deixando de balela, vai aqui algumas dicas:

O camarada suporta vários tipos de linguagens:

  • actionscript3
  • bash
  • coldfusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • diff
  • groovy
  • javascript
  • java
  • javafx
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • ruby
  • scala
  • sql
  • vb
  • xml

Por exemplo, um CSS:

[sourcecode language="css"]

Seu código CSS aqui

[/sourcecode]

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

Código PHP com HTML: (language=”php” htmlscript=”true”)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>WordPress.com Code Example</title>
</head>
<body>
 <h1>WordPress.com Code Example</h1>

 <p><?php echo 'Hello World!'; ?></p>

 <p>This line is highlighted.</p>

 <p>This line is very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long.</p>

 <div>
 This	is	an
 example	of	smart
 tabs.
 </div>

 <p><a href="http://wordpress.com/">WordPress.com</a></p>
</body>
</html>

E por ai vai…

Mais detalhes em: http://en.support.wordpress.com/code/posting-source-code/

#button {
	font-weight: bold;
	border: 2px solid #fff;
}
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