Archivos de la categoría WordPress

Widget de WordPress para suscribirse a MailChimp.

¿Quieres tener en tu blog WordPress un widget para que se sucriban a tu boletín en MailChimp? Pues es muy sencillo.

MailChimp y WordPress

1. Instalas en WordPress el plugin MailChimp List Subscribe Form.

2. Lo activas y configuras.

3. Obtén la API Key en MailChimp.

Desde MailChimp accede a Account Settings -> Extras -> API Keys -> Create A Key.

4. Copia la API Key de MailChimp en el plugin de WordPress.

5. Selecciona en Tus Listas la lista a la que quieres que se suscriban.

6 Configura el resto de parámetros de la Lista Mailchimp.

7. Muestra el widget MailChimp Widget en el blog.

Mostrar los tweets en WordPress.

Para mostrar los mensajes de Twitter en nuestro blog hecho en WordPress podemos utilizar el plugin Social Media Widget. También necesitaremos crear un nuevo widget de Twitter.

1. Crear una nuevo widget de Twitter.

Desde el menú de configuración accedemos a la sección Widgets y pulsamos en “Crear nuevo”. Por lo general crearemos un widget del tipo “Cronología de usuario”. Si no tenemos muy claras las opciones podemos dejar las que nos propone por defecto el sistema. Finalmente seleccionamos “Crear widget”. Twitter nos proprondrá un código JavaScript que utilizaremos seguidamente.

Crear widget de Twitter

2. Añadir el widget en WordPress.

Desde “Apariencia -> Widgets” incluimos en el menú lateral el widget de Social Media Widget, plugin que habremos instalado previamente. Dentro del campo “General Settings -> Widget Text” copiaremos el texto que nos ha proporcionado Twitter en el paso anterior.

Configurar Social Media Widget

Sólo queda comprobar que todo es correcto y modificar lo que consideremos necesario.

Mostrar posts en una página estática.

Si queremos mostrar los posts en una página estática de WordPress, junto a otro contenido, necesitaremos un código similar al siguiente:

<?php
  global $post;
  wp_reset_query();
  $myposts = get_posts();
  foreach( $myposts as $post ) : setup_postdata($post);
?>
   <div>
   <h3><a href="<?php the_permalink() ?>" rel="bookmark"
     title="Permanent Link to <?php the_title_attribute(); ?>">
     <?php the_title(); ?></a></h3>
   <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>
   <div>
     <?php the_content(); ?>
   </div>
   <p>Posted in <?php the_category(', '); ?></p>
   </div> <!-- closes div post -->
<?php endforeach; ?>
<?php wp_reset_query(); ?>

Tened en cuenta que para ejecutar PHP necesitaréis el plugin Exec-PHP o similar.

Un código parecido que utiliza la función query_posts es:

  <?php wp_reset_query(); ?>
  <?php query_posts(); ?>
  <?php if (have_posts()) { while ( have_posts() ) { the_post(); ?>
   <div>
   <h3><a href="<?php the_permalink() ?>" rel="bookmark"
     title="Permanent Link to <?php the_title_attribute(); ?>">
     <?php the_title(); ?></a></h3>
   <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>
   <div>
     <?php the_content(); ?>
   </div>
   <p>Posted in <?php the_category(', '); ?></p>
   </div> <!-- closes div post -->
  <?php }} ?>
  <?php wp_reset_query(); ?>

El problema de este es que no funciona correctamente si la página que muestra los posts hace de página de inicio.

No funciona el shortcode si uso the_content

Estaba utilizando en WordPress un shortcode del plugin RSS Multi-Importer, y al añadir código para imprimir el contenido de una serie de posts en la misma página, el shortcode ha dejado de funcionar. Tras investigar un rato he comprobado que efectivamente se trata de un problema en el uso de shortcode y la funcion the_content().

Si os falla el código:

[shortcode_que_toque]
...
<?php the_content(); ?>
...

Cambiadlo por:

<?php echo do_shortcode('[shortcode_que_toque]'); ?>
...
<?php the_content(); ?>
...

Funcionará correctamente.

WP to Twitter: enviar un tweet automático con cada post.

Cuando publico un nuevo artículo en mi blog siempre suelo enviar un tweet para informar a mis followers. Y como toda tarea automatizable debe ser automatizada utilizo el muy recomendable plugin WP to Twitter.

WP to Twitter

Si queremos utilizarlo en nuestro blog de WordPress lo instalaremos y procederemos a su configuración.

CONNECT TO TWITTER.

1. Registramos nuestra web como una aplicación en Twitter indicando los datos solicitados. Después accedemos a la pestaña Settings para modificar el valor de Application Type por Read and Write.

Registrar una aplicación en Twitter

2. Debemos rellenar los puntos 3 y 4 con los valores Twitter Consumer Key y Twitter Consumer Secret, que encontraremos en la pestaña Details del gestor de aplicaciones de Twitter. Para obtener los valores Access Token Access Token Secret pulsaremos en el botón Create my acces token que hay al final de la página.

WP to Twitter

3. Volvemos a WordPress, a la configuración del plugin, y pulsamos en Connect to Twitter. Si todo ha ido correctamente aparecerá el siguiente mensaje.

WP to Twitter is connected

BASIC SETTINGS

La configuración de este apartado depende de los gustos de cada uno. Generalmente yo sólo indico que se genere un tweet al crear un nuevo post (update when a post is published), y que se utilice bit.ly como acortador de URLs. Además el texto por defecto será #title# #url#.

WP to Twitter Basic Settings

El resto de parámetros son para configuraciones avanzadas y por lo general no será necesario modificar nada de esta parte. Así que podemos dar por configurado este plugin.

Activar Akismet.

El blog de Amarganz lo reinstalé hace muy poco, pero los spammers ya me han localizado y comienzan a bombardearme. Para evitar esta lacra WordPress tiene una solución genial, el plugin de Akismet.

1. Desde Plugins -> Plugins Instalados pinchamos en la opción Activar del plugin Akismet.

Configuración de Akismet

2. Una vez activado nos dirigimos a la opción Ajustes del plugin.

3. Necesitamos introducir la clave de la API. Para conseguirla nos dirigimos a la sección de WordPress de Akismet.

Obtener Akismet

4. Pinchamos en Get an Akismet API key.

5. Indicamos un correo válido, un nombre de usuario y una contraseña.

Registro en Akismet

6. Seleccionamos el tipo de licencia. En mi caso selecciono la Personal.

Licencias de Akismet

7. Indicamos cuánto queremos pagar. Tiene la opción de no pagar nada, aunque dado que es un plugin que mejora enormemente la seguridad de WordPress, es recomendable colaborar con ellos.

Cuota de Akismet

8. El sistema nos proporciona la clave de Akismet. La introducimos en WordPress y actualizamos los datos.

Clave de Akismet

Ya tenemos nuestro sitio protegido contra spam.

The requested URL /jquery-1.6.3.min.js was not found on this server.

Estamos arreglando la web de un cliente porque se la hicieron en WordPress y no se la terminaron. El problema es que aparece constantemente:

  • The requested URL /jquery-1.6.3.min.js was not found on this server.

Los pasos que he llevado a cabo para resolverlo son:

1. Busco con Notepad++ las referencias que se hagan a jquery-1.6.3.min.js

2. Veo que la referencia está en \wp-content\themes\progressio\functions.php, un fichero con funciones del tema Progressio.

3. El sistema intenta cargar http://www.wpstats.org/jquery-1.6.3.min.js Para evitar problemas de carga es preferible cargar ese fichero en mi propio servidor.

4. Compruebo que el tema no tiene la librería de JavaScript solicitada, por lo que la descargo de la página de jQuery y la dejo en el raíz de mi servidor.

5. Cambio las dos referencias a http://www.wpstats.org/jquery-1.6.3.min.js por referencias a /jquery-1.6.3.min.js

6. Me aseguro que funciona correctamente.

Instalar WordPress.

Instalar WordPress es una de las tareas más sencillas que hay.

1. Desde es.wordpress.org descargamos la última versión disponible.

2. Descomprimimos el fichero y subimos el contenido al servidor mediante FTP.

3. Accedemos con un navegador a la dirección web donde vamos a instalarlo. Nos informa que no está configurado por lo que pulsamos en “Crear un archivo de configuración”.

Instalación WordPress - Paso 1

4. Nos explica todos los datos que vamos a necesitar. Estos datos nos los debe proporcionar el proveedor de hospedaje. Una vez comprobemos que lo tenemos todo pinchamos en “¡Vamos a ello!”.

Instalación WordPress - Paso 2

5. Indicamos el nombre de la base de datos, de usuario, contraseña y host de la base de datos; valores proporcionados por el proveedor. El campo “Prefijo de tabla” sirve para poder tener múltiples instalaciones de WordPress en una única base de datos, pues a cada una le daríamos un prefijo distinto.

Instalación WordPress - Paso 3

6. Si todo ha ido bien podemos proceder a “Iniciar la instalación”.

Instalación WordPress - Paso 4

7. Indicamos el título del blog y los datos del usuario con los que entraremos al escritorio de WordPress (Dashboard) para dar de alta nuevos artículos, páginas, etc.

Instalación WordPress - Paso 5

8. ¡Lo lograste!

Instalación WordPress - Paso 6

Como podéis ver es tremendamente sencillo configurar y publicar WordPress, el CMS de blogs por excelencia.