Hasta que salga la versión 2.9.1 de WP que arregla los problemas de planificación, prueben a instalar el parche de Semiologic
.
La versión más reciente del plugin de WordPress Topsy, elimina el texto de procedencia que iba incluido en el propio comentario. En Cómo aplicar distintos colores a los comentarios, I y II, habíamos visto los pasos necesarios para destacar los bocadillos del theme Copyblogger dependiendo de la procedencia del comentario. Y la distinción principal venía del texto “Topsy page” que ha sido eliminado en la reciente actualización del plugin.
Así que aprovechando la url de procedencia de los comentarios procedentes de Twitter hay que modificar las líneas del archivo comments.php que buscaban “Topsy page” en el contenido del comentario y cambiarlas por:
if (preg_match(’|twitter|’, $comment->comment_author_url
para encontrar “twitter” dentro de la url del autor del comentario.
Para que Google Analytics pueda recopilar la información estadística que genera tu blog es necesario incluir un pequeño código justo antes de la etiqueta </body>. En WordPress, el archivo del theme que hay que modificar suele ser footer.php.
Para no tener que editar ningún archivo del theme, una forma de insertar dicho código es utilizar la función add_action. Esta función permite ejecutar una acción que no está considerada por el código del theme. Sirve, por lo tanto, para añadir funcionalidades extras (hooks). Las acciones las codifica el usuario mediante el desarrollo de funciones. En nuestro caso, la nueva función es:
<?php
function google_analytics() { ?>
//escribe aqui el código de google analytics
<?php }
Para que se pueda disparar la acción hay que asociarla con la función en add_action:
<?php
add_action(‘wp_footer’, ‘google_analytics’);
?>
Todas las posibles acciones se listan en Plugin/API Action Reference. Wp_footer es una acción dependiente del theme, por lo que lo primero es revisar si el nuestro incluye la llamada en footer.php. Si no la incluye, hay que introducir antes de la etiqueta </body>:
<php
wp_footer();
?>
En resumen:
1. Añadir el siguiente código en el archivo functions.php del theme:
<?php
add_action(‘wp_footer’, ‘google_analytics’);
function ga() { ?>
// Copiar aquí el código de Google Analytics
<?php } ?>
2. Añadir la llamada a wp_footer(); si no existe en el archivo footer.php
Tener un blog bajo la plataforma WordPress.org (la que se instala en tu propio servidor) no es sinónimo de vulnerabilidad, ni mucho menos. Solamente hay que seguir una serie de precauciones y tener la aplicación blindada con unos cuantos plugins.
Puedes seguir los consejos de los siguientes posts, publicados en Blogpocket:
Ambos posts recopilaban información con tips, trucos y extensiones para asegurar la instalación de un blog con WorPress, a la que añadimos hoy otros 10 plugins para aumentar la seguridad de tu sitio.
Como nos recordaba el martes pasado Neri Aispuro en ¿Actualizas WordPress mediante Ftp?, existe una forma que simplifica el tedioso método de actualización de las versiones de WordPress. Dada la abundancia de éstas, seguro que agradecerás este tip si no lo conocías.
Se trata de utilizar el denominado Trac de WordPress, donde se almacenan en detalle todos los cambios efectuados a cada versión y que permite buscar las diferencias de una versión a otra.
En esa página, puedes indicar las versiones de origen y destino, en formato /tags/version, por ejemplo: de /tags/2.8.5 a /tags/2.8.6. El resultado de diferencias arrojará (tras pulsar en el botón “view changes”), en este caso, solo 6 archivos. Al final de la página, se puede pinchar en el enlace “Zip archive” para descargarlos en el ordenador y poder subirlos a tu servidor.
Un proceso que, sobre todo para cambios de versión menores (como de la 2.8.5 a la 2.8.6), es sensiblemente más rápido que efectuar la instalación completa.
Como nos recordaba el martes pasado Neri Aispuro en ¿Actualizas WordPress mediante Ftp?, existe una forma que simplifica el tedioso método de actualización de las versiones de WordPress. Dada la abundancia de éstas, seguro que agradecerás este tip si no lo conocías.
Se trata de utilizar el denominado Trac de WordPress, donde se almacenan en detalle todos los cambios efectuados a cada versión y que permite buscar las diferencias de una versión a otra.
En esa página, puedes indicar las versiones de origen y destino, en formato /tags/version, por ejemplo: de /tags/2.8.5 a /tags/2.8.6. El resultado de diferencias arrojará (tras pulsar en el botón “view changes”), en este caso, solo 6 archivos. Al final de la página, se puede pinchar en el enlace “Zip archive” para descargarlos en el ordenador y poder subirlos a tu servidor.
Un proceso que, sobre todo para cambios de versión menores (como de la 2.8.5 a la 2.8.6), es sensiblemente más rápido que efectuar la instalación completa.
La semana pasada estuvimos cocinando los últimos retoques a Tinta Digital. Hubo varios ajustes orientados a optimizar el conjunto pero el cambio más sustancial vino en la automatización de los posts del módulo central que, hasta el momento, se incluían “a mano”. Cada pestaña corresponde a una categoría y la modificación, concretamente, ha consistido en visualizar los últimos posts de cada una.
Para ello, se utiliza la función WP_Query con la que se obtienen en la variable $recent todos los posts (tantos como indique la variable $showposts). Con la variable $cat (el identificativo numérico) se filtran los posts a una categoría específica.
El siguiente bucle es el utilizado para Tinta Digital, simplificado lo más posible para que se pueda entender a primera vista. Con él, podríamos visualizar los 3 primeros posts de la categoría número 3 (su título con el permalink, el resumen, el autor con su enlace y los comentarios realizados con su enlace, respectivamente).
<?php $recent = new WP_Query(“cat=3&showposts=3″); while($recent->have_posts()) : $recent->the_post();?>
<a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
<br />
<?php the_excerpt(); ?>
<br />
<?php the_author_posts_link(); ?>
<br />
<?php comments_popup_link(‘(0)’, ‘(1)’, ‘(%)’); ?>
<br /><br />
<?php endwhile; ?>
vimos qué cambios concretos habíamos realizado en el CSS de eCuaderno para experimentar con la semántica de colores en los comentarios del blog.En este post abordamos qué modificaciones hay que realizar en el archivo comments.php del theme.
El truco está en aplicar la clase “author” o la clase “topsy” (de acuerdo a las definiciones que vimos en el post anterior) a las etiquetas DT y DD, según el tipo de comentario (del administrador o del plugin Topsy). O no aplicarle ninguna clase si el comentario es de un lector.
En php esto se podría hacer de la siguiente forma (por ejemplo para la etiqueta DT, y de igual forma para la etiqueta DD):
<dt <php echo $clase; ?>>
De tal forma que si la variablel $clase tiene el valor vacio, nos quede:
<dt>
Y eso valdría para los comentarios generales. Sin embargo, si la variable toma el valor class=”author”, tendremos:
<dt class=”author”>
Y si vale class=”topsy”:
<dt class=”topsy”>
Ahora bien, ¿cómo determinamos si el comentario es de un tipo o de otro?. Simplemente tendremos que preguntar si e-mail del comentario es el mismo que el del administrador para saber que éste es el autor o si en el texto del comentario viene incluido “Topsy page” por si proviene del plugin. Para ello se utilizan las funciones get_the_author_email, de WordPress; y preg_match de php.
Primero se asigna el valor vacio a la variable $clase. Después, se evalua si el e-mail del comentario es el mismo que el del administrador. En caso afirmativo, se asigna el valor class=”author” a la variable $clase; y en caso contrario, se evalua si el comentario contiene “Topsy page”. En caso afirmativo, se asigna el valor class=”topsy” a la variable $clase y, en caso contrario, no se hace nada. El código serías más o menos así:
$clase=”";
<?php if ($comment->comment_author_email == get_the_author_email()) { $clase=”class=’author’”;
}
else {
if (preg_match(‘|Topsy page|’, $comment->comment_content)) {
$clase=”class=’topsy’”;
}
}
?>
<dt <php echo $clase; ?>>
Con la implantación del plugin Topsy en eCuaderno, para almacenar en la base de datos de comentarios las referencias al post en Twitter, hemos realizado algunas modificaciones al theme Copyblogger. Los cambios van orientados a colorear el fondo de los bocadillos de los comentarios, con objeto de diferenciar visualmente los que son hechos por el administrador del blog (en amarillo), los que provienen del plugin Topsy (en azul celeste) y los que realizan los lectores (en gris).
Los bocadillos para los comentarios del theme Copyblogger tienen dos colores: amarillo para el administrador y gris para los que envían los lectores.
Copyblogger utiliza dos imágenes (comment_author_top.gif y comment_author_bottom.gif, respectivamente) para formar los bocadillos del administrador:
y
Lo primero que hicimos fue crear dichas imágenes en color azul celeste (comment_topsy_top.jpg y comment_topsy_bottom.jpg), un nuevo tipo de bocadillo para los comentarios del plugin Topsy. Para ello utilizamos la aplicación Paintbrush de Mac OS X, que permite elaborarlas con un par de clicks, subiendo las nuevas imágenes al directorio “images” del theme.
A continuación se modificó la hoja de estilos CSS, de la siguiente forma. Copyblogger emplea las etiquetas de definición DL, DT y DD para maquetar cada bloque de comentarios (aquí hay una buena explicación de cómo funcionan las listas de definiciones). Con DT se coloca la cabecera, con el número de comentario, el autor y la fecha y hora. Con DD se pone el texto del comentario. DT y DD llevan en el CSS un background con las respectivas imágenes que forman la parte superior e inferior del bocadillo. Para esto se utilizan las siguientes instrucciones:
dl#comment_list dt { padding: 0 0 33px 0; background: url(‘images/comment_top.gif’) 0 100% no-repeat; font-size: 1.3em; line-height: 1.3em; color: #999; }
dl#comment_list dt.author { background: url(‘images/comment_author_top.gif’) 0 100% no-repeat; }
…
dl#comment_list dd { font-size: 1.2em; width: 428px; padding: 0 20px; margin: 0 0 1.5385em; background: #dfdfdf url(‘images/comment_bottom.gif’) 0 100% no-repeat; }
dl#comment_list dd.author { background: #f6f4c9 url(‘images/comment_author_bottom.gif’) 0 100% no-repeat; }
comment_top.gif y comment_bottom.gif son las imágenes en gris. Se utilizan los códigos de color: #dfdfdf (gris) y #f6f4c9 (amarillo).
Lo único que hay que hacer es añadir dos líneas más, para el nuevo color del Topsy (celeste, código #aff6fe):
dl#comment_list dt.topsy { background: url(‘images/comment_topsy_top.jpg’) 0 100% no-repeat; }
…
dl#comment_list dd.topsy { background: #aff6fe url(‘images/comment_topsy_bottom.jpg’) 0 100% no-repeat; }
Por último, cocinamos un poquito de html en el archivo comments.php para distinguir si el comentario está hecho por el administrador, por el plugin o por cualquier lector. Pero eso lo dejamos para la segunda parte de este post.
Hay algunos puntos básicos para mantener seguro el blog que tienes alojado en un servidor, concretamente bajo WordPress. Eso lo recogimos en Cómo hacer tu blog un poco más seguro.
A los apartados incluidos en ese post, añadimos algunos otros en Más seguridad para tu instalación de Wordpress.
Y ahora completamos dicha información con dos posts que recopilan plugins para blindar tu instalación:
Bonus:
Consejos para evitar hackeo en WordPress