aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Los chicos de CSS-Trick nos muestran un tutorial de como conseguir mostrar los comentarios de cada entrada de una forma bastante elegante y original.

Como podeis ver, hay mucho CSS por delánte. Usando los iconos de calendario de Sotak, y mucho códugo CSS podremos conseguir el mismo efecto de la imagen. Un complemento perfecto para aquel calendario que pusimo hace más de 2 años

Hace unos días estuve testeando librerías JS para mostrar gráficas. Realmente he encontrado librerías geniales, pero protoChart ha sido la que más me ha gustado. Para hacer pruebas, estuve usando datos de aNieto2k, y así de paso veía estadísticas del blog de una forma rápida y clara.

He preparado un zip con el que podreis mostrar vuestras estadísticas de la misma forma. En principio, únicamente mostraría estadísticas relacionadas con los posts, comentarios y pingbacks, comparativas con años anteriores, … y si tienes StatPress tendrás además estadísticas de visitas por horas del día actual y del día anterior, además de las visitas del mes (para ello tendremos que tener la opción de 30 días activada en el plugin).

Modificaciones

Para hacer las pruebas creé una clase a la que le podemos pasar una sentencia SQL con la que poder obtener datos X e Y y componer una gráfica.

var posts = [<?=$stat->getResults('line', "SELECT count(post_date) as data, DAY(post_date) as label FROM ".$wpdb->posts." WHERE MONTH(post_date) = ".$month." and YEAR(post_date) = $year AND post_parent = ''  GROUP BY 2 ORDER BY 2 ASC;")?>];

Simplemente hemos de respetar los valores que devolvemos con nuestra SQL. Los nombre data y label deben mantenerse ya que serán usados para mostrar leer los resultados.

Para añadir un nuevo campo a las estadísticas deberemos añadir el elemento HTML nuevo y las líneas necesarias del JS al final del fichero.

// HTML
<h2>Comparativa de comentarios por meses del año (<?=$year?>)</h2>
<div id="commentYear" style="width:100%; height:300px"></div>

// Javascript
var results1 = [<?=$stat->getResults('line', "SQL1")?>];
var results2 = [<?=$stat->getResults('line', "SQL2")?>];
new Proto.Chart($('commentYear'),
[
    {data: results1, label: "Resultados de SQL1"},
    {data: results2, label: "Resultados de SQL2"}
],
{
	xaxis: {min: 1, max: 31, tickSize: 1, tickDecimals: 0},
	lines: {show: true, fill: true},
	points: {show: true},
	legend: {show: true}
});

Tambien podemos hacer uso de gráficas de “quesitos”, para ello pasaremos el parámetro ‘pie’ a la método getResults() de la clase stats.

// HTML
<h2>Navegadores de los usuarios (StatPress)</h2>
<div id="navegadores" style="width:100%; height:300px"></div>

// Javascript
new Proto.Chart($('navegadores'),
[
    <?=$stat->getResults('pie', $sql)?>
],
{
	pies: {show: true, autoScale: true},
	legend: {show: true}
});

Hay una infinidad de opciones para hacer tus gráficos más profesionales.

Instalación

1. Descargamos el ficheros
2. Descomprimimos y subimos a la raiz de nuestro Wordpress.
3. Accedemos a la ruta http://tublog/stats.php

Descargar

El fichero se compone de:

• stats.php
• js/prototype.js
• js/protochart.js
• js/excanvas.js // Para Internet Explorer 6

[Descargar] [Ejemplo]

La aceptación de Firefox y el imparable incremento de extensiones disponibles para este navegador no solo han facilitado la vida a desarrolladores web, sinó que han ayudado a todo el mundo. Una gran variedad de opciones es el motivo por que cada día más gente se pasa a formar parte de los usuarios de Firefox.

Los bloggers, tenemos mucho que agradecer a este navegador ya que gracias a él, tenemos la opción usar una de estas 13 extensiones que nos facilitarán la vida sustancialmente.

1. WP One-Click Installer FireFox Extension, instala plugins y themes con un solo click.
2. Wordpress.com Sidebar FireFox Extension, crea un acceso rápido para loguearte desde tu Firefox.
3. Deepest Sender - Blogging Client FireFox Extension, cliente de blogging para Firefox. Con él podrás actualizar tu Wordpress directamente desde tu navegador.
4. DashBlog FireFox Extension, herramienta ideal para postear videos en tu Wordpress.
5. Clipmarks Firefox Extensions, te ayuda a capturar lo que ves, ya sea texto, imagenes, video,…
6. WordPress Helper FireFox Extension, tu panel administrador en el menú de Firefox.
7. Screen grab to WordPress! FireFox Extension, realiza capturas de pantalla y las envía directamente a tu Wordpress.
8. WordPress.com FireFox extension, muestra las visitas en tu Firefox.
9. Zwordpress FireFox Extension, añade combinaciones de teclas para manejar tu Wordpress más rápidamente.
10. WordPress Post FireFox Extension, crea un post a partir de texto capturado desde tu navegador.
11. Monkiri FireFox Extension, captura cualquier parte de una página y publicalá directamente en tu blog Monkiri.
12. ScribeFire FireFox Extension, nos permite capturar texto formateado para publicar directamente en nuesto blog.
13. Kaalaga FireFox Extension, interesante plugin que te sugiere enlaces a frases del texto realizando busquedas en Google.

El SEO es una parte muy importante de cualquier página en Internet. Nuestro Wordpress no debería ser menos y aparecer en los primeros resultados de los buscadores no debería ser cosa de los que pagan más, sinó de los que lo hacen mejor.

Una forma de hacer frente a esto es usando plugins que nos ayudan a mejorar la salida del HTML para que cuando el GoogleBot nos lea se quede encandilado con nuestro Wordpress y nos posicione mejor. Aunque hay que tener en cuenta que el contenido es lo realmente importante, esta ayuda extra siempre la vamos a agradecer

1. HeadSpace2
2. Redirection
3. SEO Friendly Images
4. SEO Slugs
5. Robots Meta
6. RSS Footer
7. Yoast Breadcrumbs
8. WP Page Numbers

via

Hace ya mucho tiempo, hablamos de las maravillas que se podían hacer con query_posts(). Esta función, nos permite personalizar los posts que queremos que aparezcan, para ello disponemos de una buena batería de parámetros con los que podemos personalizar la query que nos obtiene de la base de datos.

Los que hemos lidiado con ella, somos conscientes del problema que tiene dicho método con la paginación ya que esta función es aplicada siempre y repite una y otra vez los resultados de la primera petición.

Para solventar dicho problema debemos recurrir a una condición para que nos informe de en que página nos encontramos, y así condicionar, más aún, nuestra query_posts();

query_posts() sin paginación

<?php if (have_posts()) : ?>
    <?php query_posts("category_name=somecat"); ?>
        <?php while (have_posts()) : the_post(); ?>

Este ejemplo, muestra el método sencillo de usar esta función, mediante query_posts() condicionaremos la petición para que nos devuelva los posts de la categoría cuyo nombre sea “somecat“.

query_posts(); con paginación

<?php if (have_posts()) : ?>
     <?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
            query_posts("category_name=somecat&paged=$paged"); ?>
        <?php while (have_posts()) : the_post(); ?>

Como podemos ver en negrita, la única modificación es que añadimos la paginación por defecto a nuestra query, comprobando con get_query_var() la existencia de la variable paged, seleccionamos la página en la que se encuentra la query y en caso de no existir, informaremos que nos encontramos en la página 1, mostrando los primeros resultados.

Via