Los Foros de La Brújula Verde

Desde hoy empezamos a presentar un nuevo proyecto: Los Foros de La Brújula Verde. Estos foros pretenden ser un lugar de encuentro con nuestros lectores y colaboradores, y sobre todo prestar un servicio de ayuda o soporte en determinados aspectos como WordPress o Dreamhost, que puede ser dificil encontrar en castellano. Ponemos a tu disposición toda nuestra experiencia, y esperamos contar contigo para esta nueva aventura. Regístrate ya y deja tus primeros comentarios en los foros que hemos inaugurado sobre temas como Blogs, Dreamhost, WordPress y Mint. Se trata de intercambiar conocimientos, prestar y pedir ayuda sobre aquellos temas que nos interesan a todos, y de los que todos saldremos beneficiados. Espero que os guste, de verdad.

“Mejorar” WP-contactform

En primer lugar una aclaración acerca del título, mejorar va entre comillas ya que el uso de esta anotación es más anecdótico que funcional. Lo único que conseguiremos con esta modificación es eliminar el código CSS que el plugin nos coloca dentro del <head> de nuestro blog y situarlo en la CSS del theme. Con esto conseguiremos tener toda la hoja de estilos en el archivo style.css del theme y una “mejora” visual de la cabecera del código (sí, soy muy maniatico y me gusta tener todo bien presentado, hasta lo que no se ve).

WP-Contactform es uno de los plugins más utilizados en WordPress. Su función es añadir un formulario de contacto que facilita la comunicación con el autor y los pasos a seguir para lograr el objetivo descrito en el primer parrafo son los siguientes.

Añadir el código CSS a nuestra hoja de estilos, éste es el incluido por el plugin por defecto, para tenerlo más a mano con vista a futuras modificaciones.

.contactform {
position: relative;
overflow: hidden;
}

.contactleft {
width: 25%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}

.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}

.contacterror {
border: 1px solid #ff0000;
}

A continuación eliminaremos del archivo wp-contactform.php lo siguiente:

/*CSS Styling*/
function wpcf_css()
{
?>
<style type="text/css" media="screen">

/* Begin Contact Form CSS */

.contactform {
position: relative;
overflow: hidden;
}

.contactleft {
width: 25%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}

.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}

.contacterror {
border: 1px solid #ff0000;
}

/* End Contact Form CSS */

</style>

<?php

}

Por último y para evitar errores eliminaremos el siguiente código, situado prácticamente al final del plugin:

add_filter('wp_head', 'wpcf_css');

ElTintero en WordPress.com

Nos llegó la invitación para tener un weblog en WordPress. com. Puedo decirles que está muy bien hecho, configurado, y con algunos aspectos ‘bonitos’ hechos en Ajax que le dan un aire de Web 2.0. Viene con 9 temas incluidos, pero no son editables. Asimismo, incluye algo que la versión de wp.org no tiene… una sección en la que podemos ver los últimos refers al blog.
Muy interesante, pero es posible que haya más ventajas al estar alojado en servidor propio. Por ejemplo, editar el código, editar el theme, tener dominio propio, etc.
Algunas screenshots en Flickr.
Y por aquí en Weblog de ElTintero en WordPress.

Actualizando a K2

El tema está genial, en todos los sentidos. Será la base de Wordespress.

Tags: Miniblog, Wordespress, WordPress, La-Taberna

Cómo implementar asides en un blog con WP

Los asides son esas anotacione breves, generalmente con enlaces interesantes, que intercalamos entre los posts normales de blogpocket. A petición de algunos de mis lectores y como también los implementaremos en el nuevo eCuaderno, les explico aquí cómo se hace. Resumiendo:

  1. Crear una categoría llamada “asides”. Apuntar el ID.
  2. Modificar el index.php de la plantilla.
  3. Publicar el aside como si fuera un post cualquiera, simplemente asignándole la categoría “asides”.

Lo primero es crear una categoría denominada, por ejemplo, “asides”. Yo la llamo “blogpocket links”, pero para gustos están los colores. Anótese el número identificativo con el que WP la crea (el llamado ID).

El truco consiste en modificar el script index.php de la plantilla activa para que cuando WP vaya a mostrar un post, asociado a la categoría “asides”, lo muestre de una forma distinta a como lo hace si la categoría es cualquier otra. Si ustedes no quieren que aparezca “asides” en la lista de categorías, se puede eliminar fácilmente pues la función de WP que lo lleva a cabo contempla el parámetro para no visualizar ciertas categorías.

Hay que encontrar la siguiente línea en index.php y comentarla:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Comentarla de la siguiente forma:
<?php //if (have_posts()) : while (have_posts()) : the_post(); ?>

Aunque también la pueden encontrar de la siguiente forma (les muestro las líneas ya anuladas):

Y, justo debajo, añadir lo siguiente:

< ?php
if ($posts)
{
function stupid_hack($str)
{
return preg_replace(‘|</ul>\s*</ul class=”linklog”>|’, ‘’, $str);
}
ob_start(’stupid_hack’);
foreach($posts as $post)
{
start_wp();
?>

La siguiente línea debería ser la instrucción que muestra la fecha del post. Es decir, ésta:

<h2 class=”date-header”><?php the_time(’j-n-Y’) ?></h2>

Pues justo encima de ella, hay que incluir lo que viene a continuación:

<?php if ( in_category(67) && !is_single() ) : ?>
< ul class=”linklog”>
< li id=”p< ?php the_ID(); ?>”>< ?php echo wptexturize($post->post_content); ?>  
<small>< ?php comments_popup_link(’Sin comentarios »’, ‘1 comentario »’, ‘% comentarios »’); ?></small>  < a href=”< ?php the_permalink(); ?>”
title=”Enlace permanente: < ?php echo wptexturize(strip_tags(stripslashes($post->post_title), ‘’)); ?>”
rel=”bookmark”>#< /a>< /li>
</ul>
< ?php else: // If it’s a regular post or a permalink page ?>

El anterior bloque de sentencias escribe el aside, por lo que pueden personalizarlo como quieran. Supongan que “67″ es el ID asignado por WP al crear la categoría de los asides. El bloque anterior es el que tengo yo en blogpocket.

Finalmente, al final de index.php hay que sustituir:

<?php endwhile; else: ?>
<p><?php _e(’Sorry, no posts matched your criteria.’); ?>
<?php endif; ?>

Por lo siguiente:

<?php endif; // end if in category ?>
<?php
}
}
else
{
echo ‘<p>Sorry no posts found.</p>’;
}
?>

En blogpocket lo tenemos de la siguiente forma:

<?php endif; // end if in category ?>
< ?php
} ?>
< div class=”navigation”>
< div class=”alignleft”>< ?php posts_nav_link(‘’,’’,’« Posts anteriores’) ?>< /div>
<div class=”alignright”>< ?php posts_nav_link(‘’,’Posts siguientes »’,’’) ?>< /div>
< /div>
< < ?
}
else
{ ?>
< h2 class=”center”>No encontrado< /h2>
< <p class=”center”>< ?php _e(”Lo siento, pero busca algo que no tenemos.”); ?>< /p>
< ?php include (TEMPLATEPATH . “/searchform.php”); ?>
< ? } ?>
</p>

Y eso es todo. ¡A disfrutar de sus asides!.

Pequeños cambios

He realizado dos pequeños cambios en Mangas Verdes. Los que cuentan Boja y Eduardo.

Presenta tu blog con La Brújula Verde

Ayer recibí una invitación de WordPress.com para crear un blog en este nuevo servicio gratuito de alojamiento. Después de estar un rato trasteando con el nuevo WordPress (versión 1.6 MU), y de comprobar las nuevas funcionalidades del programa, se me ocurrió emplearlo para promocionar otros blogs. Pero no los mios.

¿Cuales entonces? Muy fácil, aquellos nuevos bloggers que deseen presentar y promocionar sus blogs de una manera sencilla podrán hacerlo a través de la bitácora que he creado para tal fin: Blogs & Bloggers, presenta tu blog con la Brújula.

Así, que ya sabeis, si quereis que vuestro blog aparezca enlazado en el blogroll de Blogs & Bloggers seguid estas sencillas instrucciones:

Redactad una bonita presentación de vuestro blog
Asignadle un tema
Incluid el enlace a la página principal
Incluid vuestro nombre y email (que no será publicado)
Visitad Blogs & Bloggers para saber como enviarlo

Y en unos días aparecerá en forma de post en Blogs & Bloggers
No puedes desaprovechar esta oportunidad.

Por cierto, tengo una invitación para WordPress.com, por si alguien quiere probarlo.

La mudanza de eCuaderno (parte III: la instalación)

En anteriores posts:
Preparación de la mudanza.
¿Qué es el fichero htaccess?.

Una vez verificados los requisitos necesarios y realizadas las tareas previas que vimos en el primer post de esta serie, dedicada a la mudanza del eCuaderno a WordPress (en adelante WP) desde Movable Type (en adelante MT), llevamos a cabo a la instalación de WordPress.

En primer lugar se descargó la última versión de la aplicación.

Tras descomprimir el fichero zip descargado en el disco duro de nuestro ordenador, se creó la base de datos MySQL en el servidor. Para ello se utilizó Plesk, simplemente dando el nombre de la base de datos y el usuario y contraseña para su acceso.

A continuación, se renombró el fichero wp-config.sample.php a wp-config.php, modificando éste de la siguiente forma:

// ** MySQL settings ** //
define(’DB_NAME’, ‘wordpress’); // El nombre de la base de datos
define(’DB_USER’, ‘username’); // El usuario de la base de datos MySQL
define(’DB_PASSWORD’, ‘password’); // La contraseña
define(’DB_HOST’, ‘localhost’); // No cambiar este valor

Esta es la única configuración necesaria. Después se subieron al servidor los ficheros extraidos del zip, conservando la estructura de directorios. Nosotros lo llevamos al directorio raiz de eCuaderno.

El último paso fue ejecutar el script /wp-admin/install.php y seguir sus instrucciones. Y para entrar en el panel de administración, el sistema nos muestra nuestra password del usuario administrador (que más adelante cambiamos por otra).

En el próximo post comienza la crónica de la mudanza, propiamente dicha, con las notas sobre cómo exportar la base de datos de MT.

Separar comentarios y trackbacks en WordPress 1.5

wordpress miniUna de las características que más se criticaron tras el boom de WordPress que provocó una migración masiva hacia este CMS, fue la manera de presentar comentarios y track/pingbacks de forma conjunta. La mayoría de ex-usuarios de Movable Type veían esto como un error y no eran partidarios de la forma que Matt había elegido.

Recuerdo haber visto modificaciones para las versiones 1.2 y anteriores, pero nunca me paré a buscar los pasos a seguir para esta 1.5. El otro día mientras preparaba lo que puede ser un nuevo diseño para el blog, encontré como separar trackbacks/pingbacks de los comentarios. Tan sólo hay que sobreescribir el archivo comments.php de nuestro theme por este otro.

OJO y cuidado al sustituir el archivo ya que perderéis, como es lógico, los cambios efectuados en él. Así que haced una copia del comments.php.

Últimos comentarios, ¡realmente rápidos!

Un problema constante con el que he tenido que lidiar durante algunos meses es la mala programación de todos o casi todos los plugins para ver los últimos comentarios escritos en el blog. El más famoso, Brian Latest Comments, es un problema y en los foros de WordPress se lo conoce como responsable de aumentar considerablemente la carga de servidores.

Edmundo Hidalgo, uno de los culpables de muchos de los posts escritos aquí en ALT1040 decidió hacer uno llamado Real Fast Latest Comments. Para usarlo bajen este archivo [y cambien la extensión .txt a .php]. Donde quieren que aparezca la lista de los últimos comentarios, sólo deben de poner la siguiente línea:

<?php rflc_show_comments(); ?>

Eso es todo.