4.770 leídas

Colorear código en WordPress

julio 07, 08 by Gerald | Puesto en Design, Herramientas, Tutorial

Inspirado en el post de Vinagreasesino donde se buscaba dar estilo al código en WordPress he encontrado un plugin para WordPress y paso a detallar el proceso de instalación:

Primero descargamos el CodeColorer desde el directorio de plugins de WordPress.

Luego deszipeamos el archivo y subimos el directorio codecolorer a la carpeta wp-content/plugins/.

Luego renombramos el archivo wp-content/plugins/codecolorer/codecolorer.css.in a wp-content/plugins/codecolorer/codecolorer.css

En mi caso estoy buscando colorear el código php y le añadido estas líneas al final del codigo de codecolorer.css :


.php .codecolorer .kw1 { color: #3300CC; font-weight: bolder; }
.php .codecolorer .kw2 { color: #000066; }
.php .codecolorer .kw3 { color: #3300CC; }
.php .codecolorer .kw4 { color: #DDE93D; }
.php .codecolorer .kw5 { color: #999966; }
.php .codecolorer .st0 { color: #333333; }
.php .codecolorer .es0 { color: #c3c3c3; }
.php .codecolorer .br0 { color: #330066; }
.php .codecolorer .nu0 { color: #CC0000; font-weight: bolder; }
.php .codecolorer .re0 { color: #000033; }
.php .codecolorer .re1 { color: #FFCC00; }
.php .codecolorer .re3 * { color: #FFFFFF; }
.php .codecolorer .re4, .php .codecolorer .re4 * {
color: #64A2FF;
}
.php .codecolorer .co1, .php .codecolorer .co2,
.php .codecolorer .coMULTI { color: #006633; }

Luego vamos al panel de control y activamos el Plugin.

Para su configuración vamos a opciones de configuración y ahí nos aparece este formulario :

CodeColorer

Aquí solo he cambiado el capo de CSS Style para que se adapte al diseño de mi blog y es así como los he dejado :


border: 2px dotted #143147; background: #E4F2FD; padding: 5px; margin: 10px;

Y active las opciones de Show line numbers(mostrar número de líneas) y Disable keyword linking (desactive los links de las funciones de php).

Después de todo estos pasos ya tenemos instalado nuestro plugin colorerdecoder con el cual, yo buscaba colorear el código php, y también aplicarlo a cualquier código y es así como lo uso :

[ cc lang="php"]codigo[/ cc] o <code lang="php">code</cc> ó también simplemente <code> código </code>

Como verán en este post he estado haciendo uso de este plugin y va de lujo!!

colorear codigo en wordpress

Saludos!!

Descarga CodeColorer.


Tambien te puede interesar

Tags: , , , ,

2.759 leídas

Acortar urls o direcciones web con php

julio 03, 08 by Gerald | Puesto en Programación

En Ribosomatic, he encontrado esta función que lleva por nombre acortaurl, cuyo fin es reducir la longitud de las urls o direcciones para evitar que el diseño de la página se vea afectado y que algunas partes de la dirección sean reemplazado por puntos suspensivos.

http://www.google.com/search?h[ ... ]afe&btnG=Search

Esto se logra con PHP y una sencilla pero poderosa función casera.

Código – Funcion acortaurl:

<?php
//funcion acortaurl
function acortarurl($url){
$longitud = strlen($url);
if($longitud > 45){
$longitud = $longitud - 30;
$parte_inicial = substr($url, 0, -$longitud);
$parte_final = substr($url, -15);
$nueva_url = $parte_inicial."[ ... ]".$parte_final;
return $nueva_url;
}else{
return $url;
}
}

$url_larga = "http://www.google.com.pe/search?hl=en&q=ribosomatic&btnG=Google+Search&meta=";
$url_corta = acortarurl($url_larga);
echo "<a href=\"$url_larga\">$url_corta</a>";
?>

La he probado en mi localhost y va de perlas!!, me estoy animando a colgar las funciones que tengo por ahí sueltas en mis librerías propias, para que le sirvan a la comunidad.

Saludos!!

Fuente Ribosomatic.
Enlaces de Interés:

HTML Entities Encoder


Tambien te puede interesar

Tags: ,

2.293 leídas

Anfitrionas del PHP

junio 27, 08 by Gerald | Puesto en Geek, Miscelaneas

Si aún no te animas a aprender y usar PHP, esperemos que lo hagas luego de ver a estas chicas amantes del PHP jejeje y de paso también usa firefox!!.

Chicas PHP

Usa firefox!

Imagen tomada de Pwneds.


Tambien te puede interesar

Tags: , ,

Página 7 de 9« Primera...1...56789