wproll

Feed en Formato JSON para Wordpress

Sat, 07 Apr 2007 14:38:27 +0000

Para que Wordpress sirva el contenido en formato JSON, copiar el siguiente código y guardarlo, en el directorio raíz del correspondiente blog, con el nombre wp-json.php

<?php

if (empty($wp)) {
    require_once('wp-config.php');
    wp('feed=rss2');
}

function json_cats() {
    $categories = get_the_category();
    $the_list = '';
    foreach ( (array) $categories as $category ) {
        $category->cat_name = convert_chars($category->cat_name);
        $cats[] = $category->cat_name;
    }
    $the_list = '"' . implode('","', $cats) . '"';
    return apply_filters('the_category_json', $the_list, $type);
}

function json_safe_text($t) {
    return str_replace(
            array("\\",'"', "\n", "\t",  "\r"), 
            array("\\\\", '\\"', "\\n", "\\t", "\\r"), 
            $t);
}

//header('Content-type: application/json; charset=' . get_option('blog_charset'), true);
header('Content-type: text/javascript; charset=' . get_option('blog_charset'), true);
$more = 1;

global $wp_query;
$total_posts = count($wp_query->posts);

?>
<?php if( $_GET['callback'] ) { echo $_GET['callback']?>(<?php } ?>{
    "title": "<?php bloginfo_rss('name'); ?>",
    "link": "<?php bloginfo_rss('url') ?>",
    "self": "<?php bloginfo_rss('url') ?>",
    "description": "<?php bloginfo_rss("description") ?>",
    "language": "<?php echo get_option('rss_language'); ?>",
    "pubDate": "<?php echo mysql2date('D, d M Y H:i:s +0000', get_lastpostmodified('GMT'), false); ?>",
    "generator": {
        "name": "Wordpress", url: "http://wordpress.org"
    },

<?php do_action('json_head'); ?>
    
    "entries": [
<?php while( have_posts()) : the_post(); $msdate = get_post_time('Y-m-d H:i:s', true); ?>
    
    {
        "id": "<?php the_guid(); ?>",
        "title": "<?php the_title_rss() ?>",
        "author": {
            "name": "<?php the_author() ?>"
        },
<?php if (get_option('rss_use_excerpt')) : ?>
        "description": "<?php echo json_safe_text(get_the_excerpt()) ?>",
<?php else : ?>
        "description": "<?php echo json_safe_text(get_the_excerpt()) ?>",
<?php if ( strlen( $post->post_content ) > 0 ) : ?>
        "content": "<?php echo json_safe_text(get_the_content()) ?>",
<?php else : ?>
        "content": "<?php echo json_safe_text(get_the_excerpt()) ?>",
<?php endif; ?>
<?php endif; ?>
<?php /*
        description: '<?php echo json_safe_text(get_the_excerpt()) ?>',
*/ ?>
        "categories": [<?php echo json_cats() ?>],
        "link": "<?php permalink_single_rss() ?>",
        "humanDate": "<?php echo mysql2date('D, d M Y H:i:s +0000', $msdate, false); ?>",
        "machineDate": { 
            "month": <?php echo (int) mysql2date('m', $msdate, false); ?>,
            "date": <?php echo (int) mysql2date('d', $msdate, false); ?>,
            "year": <?php echo (int) mysql2date('Y', $msdate, false); ?>,
            "hours": <?php echo (int) mysql2date('H', $msdate, false); ?>,
            "minutes": <?php echo (int) mysql2date('i', $msdate, false); ?>,
            "seconds": <?php echo (int) mysql2date('s', $msdate, false); ?>,
            "timezone": "+0000"
        }<?php do_action('json_item'); ?>
    
    }<?php if( --$total_posts ) { ?>, <?php } ?>
    
<?php endwhile; ?>
    ]
}<?php if( $_GET['callback'] ) { ?>);<?php } ?>

Como Integrar un Live Search en tu Theme Wordpress con Prototype

Thu, 22 Feb 2007 06:49:40 +0000

Hace poco el amigo bet0x publicó su Wordpress Suggest, en ese momento yo estaba haciendo la primera versión de BlueContent y como estaba renegando con el CSS no le di mucha importancia. Una vez terminada mi lucha con la hoja de estilos, volví sobre el tema con la idea de integrarlo en el Theme pero opté por buscar una alternativa que aproveche el uso de Prototype (framework javascript que estoy empecinado en usar).

Digo que estoy empecinado en usar Prototype porque, hablando claro, es “el framework javascript” por excelencia; además son varios los plugins que lo estan usando (Compártelo por ejemplo); por lo tanto me pareció una buena opción aprovechar la carga de este framework.

Entonces; si estas haciendo un Theme para Wordpress, tenes pensado incluir Prototype y queres tener un Live Searching la siguiente es una buena forma de integrar todo:

Integrando Live Search en Wordpress con Prototype…

*antes que nada una pequeña aclaracion, si no tenes pensado incluir en tu theme la librería prototype te recomiendo que uses el método de bet0x (te ahorrarías unos cuantos kb).

Si el Theme en el cual estas trabajando ya carga Prototype podes saltarte este paso. Si no, lo primero que tenemos que hacer es descargar prototype (aquí) y guardarlo en la carpeta donde se encuentra el theme donde lo queremos integrar (ej.: /wp-content/themes/mitheme/prototype.js), luego tenemos que incluir la siguiente línea en el archivo header.php de tu Theme entre las etiquetas :

El siguiente paso, descargar el script live_search.js (aquí) (que es el encargado de realizar las transacciones Ajax necesarias) y guardarlo en el mismo directorio del Theme (ej.: /wp-content/themes/miprimertheme/live_search.js).
Ahora creamos un archivo llamado search_results.php en el mismo directorio del Theme en el que estamos trabajando y luego copiamos y pegamos el siguiente código:

Antes de seguir con el paso siguiente tendremos que verificar si la estructura del Formulario de busqueda es como la siguiente, en el caso contrario deberemos editarlo para que quede igual a este:

Bien, ahora si, el paso final. Si nuestro Theme ya tiene el archivo functions.php deberemos copiar el código que sigue en el final de dicho archivo, en el caso de que dicho archivo no exista deberemos crearlo (copiando y pegando el código siguiente) y guardándolo en el directorio del Theme con el nombre functions.php:

Listo, si todo salio bien ya tendremos un Live Search Integrado en nuestro Theme de Wordpress.

Probando plugin Syntax CALAS - Código a lo Alex Sancho

Thu, 22 Feb 2007 02:35:30 +0000

BlueContent Version 1.0 Disponible para Descargar

Thu, 15 Feb 2007 03:44:56 +0000

BlueContent es un Theme para Wordpress pensado para combertir el contenido en el principal protagonista pero sin dejar de lado esos pequeños toques estéticos que dan un valor agregado a los artículos publicados.

Algunas Características:

CSS y XHTML válido.
Contenido Centralizado y Tipografía Legible.
SubHeader Desplegable con: los últimos 3 post publicados; Random de 3 post al azar y Enlaces a los Feeds RSS de los Post y los Comentarios.
Pie de Página (Footer) que muestra las diferentes categorías, el blogroll de enlaces y los últimos comentarios.
Buscador integrado en el Footer (live search!!).

Aunque quedaron muchas cosas en el tintero (~~integrar un live searching~~, widgetizar el footer, etc); estoy convencido que es un theme funcional y de fácil uso para todo tipo de blogger. Por mi parte sigo trabajando sobre el Theme y esta no será la única versión del mismo.

Como Instalar BlueContent v1.0

Descargar BlueContent.zip desde aquí.
Descomprimir el archivo BlueContent.zip
Abrir el archivo bluecontent-v1.0/footer.php, y editar o borrar el texto después de .
Subir el archivo “customizable-post-listings.php” (plugin necesario para el funcionamiento del Random Post) al directorio de los plugins de tu Wordpress (ej. http://www.tusitio.com/wp-content/plugins/).
Activar el plugin “Customizable Post Listings” en Administración > Plugins de tu Wordpress.
Subir el directorio “bluecontent-v1.0″ completo al directorio de los Themes de tu Wordpress (ej. http://www.tusitio.com/wp-content/themes/).
Por último activar el Theme BlueContent en Administración > Presentation.

Por el momento eso es todo lo necesario para tener BlueContent funcional. Pienso que por ser mi primera incursión en el mundo del Diseño, y más especificamente en el del diseño de Themes para Wordpress, esta primera version de BlueContent a quedado más que bien. Por lo menos esa es mi humilde opinión, se que hay mucho por mejorar pero eso será en las próximas versiones.

Saludos!!

Blue Content Version 1.0 - First Preview!

Mon, 12 Feb 2007 05:35:56 +0000

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.