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;
}
