Publicado el Deja un comentario

Notificar a los usuarios cuando un comentario es aprobado en WordPress

Hoy en día la participación de los visitantes de un blog involucra distintas actividades como leer, compartir contenido, y comentar. Los comentarios de los lectores son una parte muy importante de un blog, no sólo permiten crear una comunidad, también pueden ayudar a mejorar el ranking de un sitio web en los motores de búsqueda.

En publicaciones anteriores ya mostramos distintas formas de aprovechar el potencial de los comentarios en WordPress, desde la integración de sistemas alternativos, hasta un método para destacar comentarios específicos. A continuación te mostramos una configuración adicional que servirá de complemento a tu sitio web… descubre cómo notificar a los usuarios cuando un comentario es aprobado en WordPress:


Plugin: Comment Approved

Notificar a los usuarios cuando un comentario es aprobado en WordPress

Por defecto WordPress incluye un sistema de notificación básico para informar exclusivamente al administrador del sitio cuando un comentario es creado, por lo que esta notificación no aplica para los lectores o visitantes del blog. Y es que tradicionalmente los usuarios de WordPress suelen activar la moderación manual de comentarios, impidiendo al lector conocer el momento preciso en que su comentario es publicado… es aquí donde entra en acción “Comment Approved“.

Comment Approved” es un plugin gratuito y muy ligero que permite notificar a los usuarios cuando un comentario es aprobado en WordPress. Una vez que el plugin haya sido instalado y activado es momento de atender sus ajustes generales, para hacer esto ve a al menú lateral izquierdo “Ajustes” > “Comment approved”:

Notificar a los usuarios cuando un comentario es aprobado en WordPress

En la página de configuración edita a placer el contenido del correo electrónico que notificará al usuario cuando su comentario haya sido aprobado, el plugin incluye un par de shortcodes para mostrar el “nombre de usuario” y el “enlace permanente” del comentario:

Notificar a los usuarios cuando un comentario es aprobado en WordPress

Asegúrate de activar la casilla “Enable comment approved message” y guarda los cambios realizados:

Notificar a los usuarios cuando un comentario es aprobado en WordPress

La próxima vez que tu blog reciba un comentario y sea aprobado, el lector será notificado con el mensaje correspondiente!

Descargar Plugin: Comment Approved

Publicado el 83 comentarios

Cómo hacer un downgrade en WordPress

Cómo hacer un downgrade en WordPress

Después del lanzamiento de una nueva versión de WordPress muchos usuarios deciden actualizar de forma inmediata, con el objetivo de tener una instalación más segura, o para disfrutar de las nuevas funcionalidades incluidas. El problema surge cuando los plugins o temas aún no han sido actualizados por los desarrolladores, provocando errores graves o que simplemente no funcionen de forma correcta.

En esta entrada te explicamos cómo hacer un downgrade en WordPress:

IMPORTANTE: Antes de atender los siguientes pasos asegúrate de contar con una copia de seguridad completa de tu sitio: FTP y Base de Datos.

Paso 1: Descargar la versión anterior de WordPress

Para empezar necesitarás una copia de la versión anterior de WordPress. Encontrarás todas las versiones de lanzamientos de WordPress en el “archivo oficial de lanzamientos“. Asegúrate de descargar el archivo “.zip” de la versión que es de tu interés y descomprímelo:

Cómo hacer un downgrade en WordPress
Descarga el archivo “.zip” de la versión anterior de WordPress

Paso 2: Desactivar todos los plugins

Antes de comenzar este paso ya deberías tener una copia de seguridad completa de tu sitio webla copia de seguridad será tu salvavidas si algo sale mal. Consulta nuestra publicación “Respaldar la base de datos de WordPress con phpMyAdmin” para obtener más información.

Ve al “Escritorio” de WordPress > menú lateral izquierdo “Plugins” > clic sobre “Plugins instalados” y marca la casilla de verificación para seleccionar todos los plugins instalados. Cuando estés listo selecciona la opción “Desactivar” del menú desplegable “Acciones en lote” y clic sobre el botón “Aplicar“. Al desactivar todos los plugins evitaremos contratiempos durante el downgrade de WordPress:

Cómo hacer un downgrade en WordPress
Desactiva todos los plugins

Una vez que los plugins hayan sido desactivados, estás listo para continuar.


Paso 3: Eliminar carpetas de la instalación actual de WordPress

Este paso lo puedes realizar a través de FTP, o “cPanel” (vía administrador de archivos es la forma más rápida y segura). En el directorio raíz de tu sitio web localiza las siguientes carpetas de WordPress y elimínalas:

  • Carpeta: “wp-admin
  • Carpeta: “wp-includes
Cómo hacer un downgrade en WordPress
Elimina las carpetas “wp-admin“ y “wp-includes“
NO selecciones ningún otro elemento.
Cuidado: si eliminas la carpeta “wp-content” perderás todo.

Paso 4: Cargar carpetas vía FTP

A través de una conexión FTP ve a la carpeta raíz de tu sitio web. Carga las siguientes carpetas contenidas en el archivo “.zip” que descargamos desde el archivo oficial de lanzamientos:

  • Carpeta: “wp-admin
  • Carpeta: “wp-includes
Cómo hacer un downgrade en WordPress
Carga las carpetas “wp-admin“ y “wp-includes“
NO cargues ningún otro elemento.

Paso 5: Reemplazar archivos de la instalación actual de WordPress

En este momento tu sitio web tendrá una instalación parcial de WordPress, ahora es necesario reemplazar los archivos que se encuentran en servidor con los archivos de la carpeta “.zip” que descargamos desde el archivo oficial de lanzamientos. Asegúrate de cargar y reemplazar los siguientes archivos:

  • index.php
  • wp-activate.php
  • wp-blog-header.php
  • wp-comments-post.php
  • wp-cron.php
  • wp-links-opml.php
  • wp-load.php
  • wp-login.php
  • wp-mail.php
  • wp-settings.php
  • wp-signup.php
  • wp-trackback.php
  • xmlrpc.php
Cómo hacer un downgrade en WordPress
Reemplaza los archivos de la instalación actual de WordPress

Paso 6: Actualización automática de la base de datos

Hecho lo anterior accede al “Escritorio” de WordPress. Verás el siguiente mensaje: “Database Update Required” (Actualización de la base de datos requerida). Haz clic sobre el botón: “Update WordPress Database” para que WordPress se encargue de actualizar la base de datos:

Cómo hacer un downgrade en WordPress
Clic al botón “Actualizar Base de Datos de WordPress)”

Espera algunos segundos para que WordPress actualice la base de datos de forma automática. Cuando termine ese procedimiento, haz clic en “Continue” (Continuar) para regresar al “Escritorio“:

Cómo hacer un downgrade en WordPress
Clic al botón “Continuar” para regresar el “Escritorio”

Paso 7: Activar los plugins

Activa los plugins y asegúrate de que todo funcione correctamente. Te sugiero activar los plugins uno a uno para identificar si existe algún problema de compatibilidad:

Cómo hacer un downgrade en WordPress
Activa los plugins manualmente uno a uno
Eso es todo! estos sencillos pasos te permitirán hacer un downgrade de WordPress y volver a una versión anterior de nuestro CMS favorito de forma segura. Recuerda que a partir de WordPress 3.7 en adelante, se incluye un nuevo sistema de actualizaciones automáticas, haz clic aquí para conocer cómo desactivarlas.
Publicado el Deja un comentario

Capturas de pantalla de sitios web en automático

Muchos blogs utilizan capturas de pantalla de otros sitios web para enriquecer sus publicaciones, en este tip para WordPress te mostraremos una herramienta que se encargará de generar en automático una captura de pantalla de cualquier URL a partir de un simple shortcode:


Plugin: WP Screenshot

Capturas de pantalla de sitios web en automático
Plugin: WP Screenshot

WP Screenshot” es un plugin gratuito desarrollado por el danés Lars Bachmann, es una herramienta ideal para sitios con portafolio o para una web tipo directorio. “WP Screenshotutiliza el servicio “MShots” de WordPress.com basado en Python que permite la generación de las capturas de pantalla de sitios web en automático.

Una vez que el plugin ha sido instalado y activado en tu sitio web no es necesaria ninguna configuración adicional, basta con incluir un shortcode similar a l siguiente para desplegar la captura de pantalla de cualquier sitio web en páginas o entradas:

Ten en cuenta que algunas imágenes pueden no mostrarse al instante. Dependiendo de las dimensiones algunas capturas de pantalla pueden tardar más tiempo en visualizarse. Al final las capturas de pantalla de sitios web en automático lucirán similar a:

Capturas de pantalla de sitios web en automático
No olvides definir el ancho “width” en pixeles de la captura de pantalla y la URL del sitio web a mostrar

Descargar Plugin: WP Screenshot

Publicado el 2 comentarios

Añadir iconos sociales a las imágenes de un sitio web con WordPress

Hoy en día existen diferentes opciones que permiten compartir el contenido de un sitio web en las redes sociales más populares – y con ello generar un mayor tráfico y atraer clientes. Para compartir el contenido de páginas y entradas puedes utilizar desde el plugin Jetpack y su módulo “Compartir“, hasta servicios externos como “AddThis“.

En esta entrada te mostraremos el plugin ideal para añadir iconos sociales a las imágenes de tu sitio web con WordPress:


Plugin: WordPress Image Hover

Añadir iconos sociales a las imágenes de un sitio web con WordPress

WordPress Image Hover” es un plugin disponible en versión gratuita y versión de pago. Una vez que instales y active el plugin, “WordPress Image Hover” incluye distintas opciones y ajustes, entre las cuales destacan:

  • Definir el color del efecto “Hover” (Sobre) de las imágenes.
  • Estilo cuadrado o redondo para los iconos.
  • Soporte para las redes sociales: Facebook, Twitter, Linkedin, Google+, Pinterest, Digg, Delicious, y StumbleUpon.

Añadir iconos sociales a las imágenes de un sitio web con WordPress

La próxima vez que ingreses al editor de páginas y entradas verás un nuevo botón “Image Hover Lite” en la barra de herramientas del editor visual:

Añadir iconos sociales a las imágenes de un sitio web con WordPress
Botón “Image Hover Lite”

Este nuevo botón te permitirá elegir los efectos “Hover” (versión de pago), y asignar los botones de las redes sociales que son de tu interés. Para hacer esto primero selecciona la imagen en cuestión (trabaja con el editor visual), después haz clic sobre el botón “Image Hover Lite“:

Añadir iconos sociales a las imágenes de un sitio web con WordPress
WordPress Image Hover en acción

Al final el resultado de añadir iconos sociales a las imágenes lucirá similar a:

Añadir iconos sociales a las imágenes de un sitio web con WordPress

Considera que los iconos sociales son compatibles con responsive design y con los navegadores más populares (incluido IE). La versión de pago ofrece ajustes extras como widgets personalizados para la barra lateral, crear una llamada a la acción, soporte para títulos y leyendas de imagen, opciones para personalizar los colores de iconos y efectos adicionales.

Descargar Plugin: WordPress Image Hover Lite

Publicado el 18 comentarios

Cómo dividir una entrada en varias páginas

Si has publicado entradas que tienen una gran cantidad de contenido, te habrás dado cuenta que lo mejor es dividirlas para facilitar su lectura, evitando así que el usuario deba hacer un desplazamiento continuo. Para dar solución a este detalle, hoy te mostramos cómo dividir una entrada en varias páginas:

La funcionalidad que utilizaremos es conocida como “paginación“, la cual está incluida por defecto en toda instalación de WordPress y es soportada por los temas y plantillas más populares. Es posible integrar esta funcionalidad a través de una simple etiqueta HTML, aquí los pasos necesarios:


Paso 1:

Para comenzar a dividir una entrada en varias páginas, asegúrate de utilizar el editor de “texto“:

Cómo dividir una entrada en varias páginas


Paso 2:

Escribe la siguiente etiqueta HTML en cada sección donde deseas dividir la publicación:

Cómo dividir una entrada en varias páginas

Al final el resultado lucirá similar a la siguiente captura de pantalla. Como puedes observar, la “paginación” se añade en automático y se muestra al final de la entrada:

Cómo dividir una entrada en varias páginas


Activar la paginación en cualquier tema:

Si por alguna razón la “paginación” no se muestra correctamente, entonces la funcionalidad no está incluida en tu tema. Para resolver esto sólo debes añadir el siguiente código en el archivo “single.php” (dentro del loop) del tema activo en tu sitio:

Enlace de referencia – Codex de WordPress: aquí otros parámetros que puedes incluir a esta funcionalidad.


Muchos bloggers suelen utilizar la “paginación” para incrementar los anuncios publicitarios que puede tener una publicación. Dividir una entrada en varias páginas también puede resultar útil para reducir el porcentaje de abandono de un sitio web, forzando al lector dedicar más tiempo a la lectura del contenido.

Publicado el 4 comentarios

Cómo añadir subtítulos en WordPress

Recientemente participé en un proyecto que requería añadir subtítulos en publicaciones específicas, el administrador de este sitio web requería también que dicha funcionalidad fuera fácil de utilizar y estuviera disponible para los editores del blog.

En esta entrada te mostraremos cómo añadir subtítulos en WordPress utilizando un plugin gratuito:


Plugin: Secondary Title

Una vez instalado y activo en tu sitio web, “Secondary Title” permitirá añadir la funcionalidad de subtítulos a páginas, entradas, tipos de entradas personalizadas, y a temas de forma manual (ideal para los usuarios técnicos). Ingresa a los ajustes del plugin desde el menú lateral izquierdo “Secondary Title”:

Cómo añadir subtítulos en WordPress

Los ajustes del plugin incluyen opciones para:

  • Definir en qué tipo de publicaciones estarán disponibles los subtítulos
  • Categorías en las que se activarán los subtítulos
  • Activar los subtítulos para entradas específicas – escribiendo su ID

Cómo añadir subtítulos en WordPress

Así como opciones y etiquetas HTML para elegir el formato del título y subtítulo en WordPress, o cambiar su posición (desplegar el subtítulo arriba del título o por debajo de éste):

Cómo añadir subtítulos en WordPress

La próxima vez que un usuario edite o escriba una nueva publicación, el campo “Enter secondary title here” será visible en el editor principal:

Cómo añadir subtítulos en WordPress

Al final el resultado lucirá similar al siguiente:

Cómo añadir subtítulos en WordPress

Descargar Plugin: Secondary Title

Publicado el 20 comentarios

Personalizar el botón "Añadir al carro" en la página de un producto con WooCommerce

Recientemente uno de nuestros clientes nos preguntaba cómo personalizar el botón “Añadir al carro” en la página de un producto con WooCommerce, este texto personalizado debía cumplir con dos objetivos:

  1. Informar al usuario que un producto ya se encuentra en el carrito de compras
  2. Aún y cuando el producto se encuentre en el carrito, el usuario debe ser capaz de volver a añadirlo

De acuerdo con los objetivos, convenimos utilizar el texto personalizado “Ya en el carrito – ¿Añadir otra vez?“, el cual luce similar al siguiente ejemplo:

Botón “Añadir al carro” personalizado

Código para personalizar el botón “Añadir al carro”

Si estás interesad@ en personalizar el botón “Añadir al carro” en tu sitio web con WordPress y WooCommerce, esto puede lograrse fácilmente utilizando un par de filtros y funciones incluidas con el plugin de comercio electrónico.

Asegúrate de copiar y pegar el siguiente código en el archivo “functions.php” del tema activo en tu sitio:

Observa que puedes editar a placer el texto personalizado (línea 13).

Al final el resultado será similar a:

Publicado el 6 comentarios

Mostrar la dirección IP de usuarios y visitantes en WordPress

Existen varios beneficios de por qué mostrar la dirección IP de usuarios y visitantes en WordPress. Uno de ellos puede ser la disuasión de usuarios maliciosos. Si uno de estos usuarios visita tu sitio web, verá a su dirección IP en la página o entrada de tu elección, por lo que se dará cuenta que ha sido identificado. Otro beneficio puede ser meramente informativo, para hacerle saber a los usuarios y visitantes el protocolo de internet que actualmente utilizan.

El código que veremos a continuación incluye la función “get_the_user_ip” que te permitirán mostrar la dirección IP de usuarios y visitantes en WordPress utilizando un shortcode similar al siguiente:

Mostrar la dirección IP de usuarios y visitantes en WordPress
Shortcode para mostrar la dirección IP de usuarios y visitantes en WordPress

Para comenzar, asegúrate de copiar y pegar el siguiente código en el archivo “functions.php” del tema activo en tu sitio:

Integra el shortcode [direccion_ip] en la página o entrada que es de tu interés. Al final el resultado lucirá similar a:

Mostrar la dirección IP de usuarios y visitantes en WordPress
Shortcode en acción
Publicado el 31 comentarios

¿Utilizas qTranslate? no olvides la traducción del menú y títulos de widgets

qTranslate” es un plugin gratuito disponible desde el repositorio oficial que permite crear rápidamente un sitio multilingüe en WordPress. El plugin es muy versátil ya que utiliza el editor principal de entradas y páginas para gestionar su traducción; sin embargo, muchos usuarios suelen pasar por alto, o desconocen el procedimiento para la traducción del menú y títulos de widgets.

A continuación te mostramos el procedimiento necesario (fácil y rápido!) para atender la traducción del menú y títulos de widgets utilizando qTranslate:


Traducción del menú:

Una de las ventajas de qTranslate es su integración de etiquetas y funcionalidades para filtrar el idioma en cuestión, utilizaremos como ejemplo un sitio de pruebas con Genesis Framework disponible en los idiomas: español, portugués, e inglés.

Ve al menú que es de tu interés, en el campo “Etiqueta de navegación” asegúrate de escribir el nombre del elemento en cada idioma de la siguiente forma:

¿Utilizas qTranslate? no olvides la traducción del menú y títulos de widgets

Observa que utilizamos etiquetas con el código de idioma correspondiente, en este caso: español (es), portugués (pt), e inglés (en). Guarda los cambios y repite el procedimiento para el resto de los elementos del menú:

¿Utilizas qTranslate? no olvides la traducción del menú y títulos de widgets

Visita tu sitio web, elige un idioma desde el menú desplegable (creado con el widget de qTranslate: “Selector de idioma”), observa que los elementos de menú serán filtrados de acuerdo al idioma de tu selección:

¿Utilizas qTranslate? no olvides la traducción del menú y títulos de widgets


Traducción de los títulos de widgets:

El procedimiento para traducir los títulos de widgets es similar al de los menús, ve a la página “Widgets” y elige el elemento que incluirá la traducción, en el siguiente ejemplo usaremos el widget “Entradas recientes“.

En el campo “Título” asegúrate de escribir el título de forma similar a:

¿Utilizas qTranslate? no olvides la traducción del menú y títulos de widgets

No olvides añadir las etiquetas con el código de idioma correspondiente. Guarda los cambios y visita tu sitio web, observa el filtro de idioma de qTranslate en acción:

¿Utilizas qTranslate? no olvides la traducción del menú y títulos de widgets

Descargar Plugin: qTranslate