unijimpe

Estuve mucho tiempo preparando este blog, y para ello investigue acerca de muchos sistemas y me decidí por WordPress que es el mas interesante que encontré.

Ahora bien, como objetivo de este blog era la publicación de tutoriales entonces se presentaría la necesidad de escribir código fuente lo cual era muy difícil de redactar pues había que resaltar colores, números de línea y formatear correctamente el mismo.

Para ello busque y probé distintos plugins para WordPress y me encontré con esta maravilla de plugin. Se trata de iG:Syntax Hiliterel cual te permite redactar código fuente:

• ActionScript, ASP, C, C++, C#, CSS, Delphi
• HTML, Java, JavaScript, MySQL, Perl, PHP, Python, Ruby
• Smarty, SQL, Visual Basic, VB.NET, XML

Veamos como instalar este plugín:

1. Primero debes descargar la extensión desde http://blog.igeek.info/wp-plugins/igsyntax-hiliter/
2. Ahora descomprimes el contenido del archivo iG_Syntax_Hiliter.zip, luego copias el contenido de la carpeta ig_syntax hiliter plugin al directorio de plugin de tu WordPress. Ojo solo el contenido de la carpeta ig_syntax hiliter plugin mas no la carpeta misma.
3. Dirigete a la página de administración de Plugins de tu WordPress.
4. Activa iG:Syntax Hiliter.
5. Opcionalmente dirigete a la página de configuración para personalizarlo.

Para incluir código fuente en tu post, tienes que insertar un tag de inicio y de fin de acuerdo al lenguaje que vas a utilizar y a continuación el código fuente. Esto hará que el resultado sea código formateado con número de líneas y sintaxis en colores.

Veamos un par de ejemplos: Primero escribiremos parte de un script escrita en PHP.

if (isset($_POST['idprod']) && $_POST['idprod'] != "") {
// Agregamos un nuevo producto al carrito
if ( !(isset($_SESSION['MM_carrito'])) ) {
// Aun no existe el carrito
$MM_carrito = array();
$MM_cantidad = 0;
$MM_monto = 0;
session_register("MM_carrito");
session_register("MM_cantidad");
session_register("MM_monto");
}
if ($MM_carrito[$_POST['idprod']]) {
if (is_int($_POST['cantidad'])) {
$MM_carrito[$_POST['idprod']] = $_POST['cantidad'];
} else {
$MM_carrito[$_POST['idprod']]++;
}
} else {
// Agregamos el producto con una cantidad 1
if (is_int($_POST['cantidad']+0)) {
$MM_carrito[$_POST['idprod']] = $_POST['cantidad'];
} else {
$MM_carrito[$_POST['idprod']] = 1;
}
}
// Recalculamos las cantidad total de productos
$MM_cantidad = CalcularCantidadTotal($MM_carrito);
}

Ahora veamos que pasa con una clase en ActionScritp:

[as]
class input extends MovieClip {
var texto:TextField;
function input() {
// constructor
texto.onSetFocus = function () {
this._parent.gotoAndStop(2);
}
texto.onKillFocus = function () {
this._parent.gotoAndStop(1);
}
}
function getData() {
return texto.text;
}
function setOrder(varorder:Number) {
texto.tabIndex = varorder;
}
function setData(vartxt:String) {
texto.text = vartxt;
}
}
[/as]

Finalmente veamos un ejemplo de mysql:

[mysql]
CREATE TABLE contador (
id int(11) NOT NULL auto_increment,
ip varchar(15) default NULL,
hora varchar(8) default NULL,
fecha varchar(20) default NULL,
horau varchar(10) default NULL,
diau char(3) default NULL,
aniou varchar(4) default NULL,
KEY id (id)
) TYPE=MyISAM;
— Dumping data for table `contador`
INSERT INTO contador
VALUES (1, ‘127.0.0.1’, ’02:35′, ‘5/3/2004’, ‘125’, ‘2004’);
[/mysql]

Posts Relacionados

• Resaltar código en HTML
• Plugin para Agregar Quicktags
• SyntaxHighlighter
• ecoder: Web Code Editor
• GeoPress: Mapas en WordPress