Como insertar dos galerías de imágenes en un mismo post de WordPress

December 23, 2009 by Fedelosa · Leave a Comment 

Por defecto WordPress solo permite insertar una galería de imágenes por post, cada imagen que subamos mediante el editor, se insertará en la galería en forma automática si creamos una

Un buen adelanto en la última versión de WordPress es la posibilidad de excluir imágenes de la galería. Pero hasta ahora no contempla la posibilidad de insertar dos galerías de imágenes en el mismo post.

La solución consiste en crear otro post con la segunda galería a insertar,  y guardarlo como borrador tomando nota de su ID, de esta forma volvemos al post en el cual queremos tener las dos galerías de imágenes, y en el lugar donde debamos ubicar la segunda, usando el editor HTML, ponemos [ gallery id="nnn" ] (sin dejar espacios entre las llaves y el resto) donde “nnn” es el numero de ID del post que contiene la segunda galería.

Como agregarle avatares de Gravatar a Wordpress

December 16, 2009 by Fedelosa · 4 Comments 

Cada vez son mas los themes de wordpress que traen gravatares por defecto en los comentarios, pero que pasa si el tuyo es un theme viejo, o si justo el que te gusta no tiene esta opción. Agregarselos es muy fácil, solamente debes ubicar este código en tu archivo comments.php:

<div class="comments">
<ol class="comments_list">
<?php foreach ($comments as $comment) : ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<cite><?php comment_author_link() ?></cite> Says:

Y justo antes de la última línea, debes agregar esta:

<?php echo get_avatar( $comment, 42 ); ?>

Podemos cambiar el “42″ por el tamaño que queramos que tengan los gravatares.

Solo nos queda editar el archivo style.css y agregar:

img.avatar {
     float:right;
     margin-right:5px;
}

Eligiendo aquí, si queremos que se muestren a la derecha, o a la izquierda por ejemplo.

En el caso de que nuestro theme de Wordpress, este diseñado para mostrar comentarios anidados, el archivo que debemos modificar al principio sera el legacy.comments.php buscando las mismas lineas de código que aquí menciono

Gmail theme para WordPress

December 14, 2009 by Fedelosa · 4 Comments 

Revolviendo en los rincones de Internet, me encontré con la posibilidad de descargar este theme, que por algún extraño motivo su creador quito de su propia página (comentan que Sergey y Larry le mandaron 17 amigos a la casa (?))

gmail-themeUn theme para WordPress que emula perfectamente la bandeja de entrada de Gmail, y que puedes descargar gratis ahora mismo, viene con el PSD del logo para cambiarlo, y con varios plugins.

Insertar AdSense entre posts en Wordpress

December 3, 2009 by Fedelosa · 9 Comments 

Hace ya un tiempo, intentando optimizar el blog Moda Económica, insertando todos los anuncios de AdSense que el programa permite, quise colocar bloques entre los post, pero a su vez, no querí­a usar ningún plugin que me permitiera controlar los anuncios de Google AdSense.

Buscando en la web me encontré con varios sitios que te brindaban el código a insertar y donde colocarlo para que los anuncios de AdSense se mostraran de acuerdo a tus gustos, pero solo uno me dio la solución, aunque tuve que modificar un poquito el código que allí se mostraba.

Debemos modificar el archivo index.php de nuestro wordpress, por lo que sugiero que se haga una copia de seguridad, yo no la hice y no tuve problemas, pero en el apuro siempre podemos borrar algo de mas sin querer.

Debemos buscar el siguiente código en el archivo index.php, se encuentra bastante al principio del archivo.

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

Una vez ahi, debemos pegar antes de ese código:

< ?php $numeropost = 1; $publi = 1; ?>

De forma que quedaría:

< ?php $numeropost = 1; $publi = 1; ?>
< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>

Hasta aquí solo hemos inicializado unas variables, que nos servirán para controlar cuantos bloques de AdSense queremos mostrar entre cuantos post.

Ahora vamos a colocar ese bloque, buscamos este código:

< ?php the_content ….

    .

    .

    .
<?php endwhile; ?>

Y justo encima de esta ultima linea, colocamos el siguiente código:

< ?php if ($numeropost <= $publi) { echo ‘[AQUI CODIGO DE GOOGLE ADSENSE]‘; } ?>
< ?php $numeropost++; ?>

De esta forma, el código quedaría mas o menos así:

< ?php the_content(’Seguir leyendo… &raquo;’); ?>
<h4>Por < ?php the_author(); ?></h4>
 < !– end post –>
< ?php if ($numeropost <= $publi) { echo ‘<script type=”text/javascript”>< !–
    google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
    /* 300×250, creado 2/03/09 */
    google_ad_slot = “9081969334″;
    google_ad_width = 300;
    google_ad_height = 250;
    //–>

    <script type=”text/javascript”
    src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
    </script>’; } ?>
< ?php $numeropost++; ?>
< ?php endwhile; ?>

Obviamente donde dice google_ad_client, las xxxxxxxxxxxxxxxx equivalen a tu numero de editor.

Así lograremos colocar Google AdSense entre el primer y el segundo post, si quisiéramos colocar otro bloque entre el segundo y tercer post, tan solo deberíamos modificar el valor de la variable $publi dándole el valor 2.

Fuente original: Tamba2

Obtener mas comentarios, modificando el formulario de Wordpress

December 2, 2009 by Fedelosa · 22 Comments 

Hace un tiempo leí una entrada de Aeromental en la que decían que habían triplicado el numero de comentarios rediseñando el formulario de comentarios, a raíz de eso comencé a observar los comentarios en los blogs que administro, y note que me sucedía exactamente lo mismo, que muchos lectores al no saber que poner en el campo “Sitio Web” ponían palabras sueltas, URLs erróneas (Que al final son links rotos en nuestro blog), y varias cosas mas, por lo que supuse que ademas, algunos lectores no se animarían a comentar por no saber que poner en ese campo.

formulario-comentarios

Antes de que salte algun purista del diseño web, voy a aclarar que yo no tengo idea de diseño web, ni de programación, ni de PHP, ni de CSS, ni de nada, por lo que si consideran que alguno de los cambios realizados al código es una aberración a las buenas costumbres, me pasan el código como debería ser y lo cambio :)

Lo primero que hice fue editar el archivo comments.php:

Busque esta parte del código:

<input id="author" name="author" type="text" value="&lt;?php echo $comment_author; ?/&gt;" tabindex="1" />
<label for="author"><small>&lt; ?php _e("Nombre", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="email" name="email" type="text" value="&lt;?php echo $comment_author_email; ?/&gt;" tabindex="2" />
<label for="email"><small>&lt; ?php _e("E-Mail (no será publicado)", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label>

Y la sustituí por:


<span style="float: right;">
<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label></span>

<input id="email" name="email" type="text" value="&lt;?php echo $comment_author_email; ?/&gt;" tabindex="2" />
<label for="email"><small>&lt; ?php _e("E-Mail (no será publicado)", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label>

Si observan, lo que hice fue agregar [/html]

al código del campo del formulario donde se deja la dirección del sitio web, luego ubique el campo al principio del formulario, con eso ya cambiamos la posicion de este campo.

Luego, hice que el fondo quedara de color gris, como para diferenciarlo del resto del formulario y de alguna manera quitarle importancia, esto lo hice editando el archivo style.css, busqué la parte del estilo del formulario que en mi caso era así:

#author, #email, #url {
background: #FFFFFF !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #DDDDDD;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

y la cambié por:

#author, #email {
background: #FFFFFF !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #DDDDDD;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
#url	{
background: #E8E8E8 !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #999999;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

Es muy simple, solamente quite el id “url” y lo puse aparte, copié todo y solo modifiqué el valor para “background

En unas semanas les cuento si el experimento resulta favorable :)

Windows Live Writer para Wordpress

October 20, 2009 by Fedelosa · 4 Comments 

windows-live-writer

Windows Live Writer es sin duda uno de los mejores, sino el mejor producto que ha hecho Microsoft después de Windows 98 SE, hoy por hoy me parece que Live Writer es el mejor editor para Wordpress que existe, el único detalle que estaba faltando, era poder manejar bien los “Custom Fields”, estos campos personalizados en las entradas de Wordpress, tienen múltiples usos, entre ellos, uno de los mas importantes a la hora de hacer un post, es el SEO.

Si usamos el plugin All IN ONE SEO Pack en nuestro blog, (o cualquier otro del estilo), ahora podemos ingresar los Metadatos para el SEO desde el Windows Live Writer con este nuevo plugin hecho por el mismo equipo desarrollador de Microsoft, y presentado el 26 de setiembre en el WordCamp de Seattle, pueden chequear el blog del equipo de desarrollo.

El plugin para el Windows Live Writer se instala muy fácil, solo descargamos el .dll y lo guardamos en la carpeta C:/Archivos de programa/Windows Live/Writer/Plugins, luego iniciamos el programa y ya veremos habilitados los 3 plugins que acabamos de instalar. ¿Por qué tres? Porque es uno para poder usar los custom fields, otro para moderar comentarios aprobándolos o marcándolos como spam, y el tercero (el menos útil) para cambiar el TagLine de nuestro blog, todo desde nuestro Windows Live Writer.

Espero que lo prueben y me digan que resultado les dio!