Divi – ¿el Mejor Tema WordPress?

En este artículo voy a revisar mi tema favorito de WordPress, el tema llamado Divi. Es un tema premium de Elegant Themes y es un tema multipurpose. Eso significa que con este tema puedes crear cualquier tipo de página web o blog. Por ejemplo, puedes ver algunos ejemplos de páginas web creadas con Divi las cuales he seleccionado para mostrar en mi blog cómo los ejemplos mejores.

La gran característica del tema Divi es que contiene su propio constructor. Se llama Divi y está disponible también como plugin (The Divi Builder plugin). El constructor está disponible tanto en el back-end como en el front-end (en el front-end se llama constructor visual). Ahora voy a hablar sobre las características de Divi.


El constructor Divi nos ofrece unos 40 módulos diferentes, como por ejemplo: un slider, una galería, accordion, botones y muchos más.

Divi también viene con algunas construcciones predefinidas, las cuales puedes utilizar para crear tus propios diseños. Yo personalmente utilizo la página de contacto o landing pages.

Otra característica destacable de la biblioteca Divi es que puedes guardar tus diseños. Esta opción es muy buena ya que te permite reutilizarlos sin mucho esfuerzo. Yo la utilizo personalmente por ejemplo en los artículos de mi blog, utilizando siempre el diseño guardado. Esto hace mi trabajo mucho más fácil.

En cuanto al header, hay varios diseños predefinidos, centrado, logotipo centrado, en línea, etc.

Divi también ofrece la opción de poder hacer A/B testing nativo, funcionalidad que otras temas no ofrecen por defecto. Con otros temas tendrás que utilizar plugins para esto. Esto es una ventaja bastante importante si te gusta hacer experimentos.

Otra característica si eres diseñador web es el editor de roles, con el cual puedes prohibir algunas opciones del constructor para algunos usuarios de WordPress. Esto es ideal para que los clientes no rompan la web.

Existe una gran comunidad alrededor de Divi. Hay bastantes grupos en Facebook donde puedes aprender, pedir ayuda etc, la comunidad es bastante activa. Mi grupo favorito es Divi Theme Users & Elegant Marketplace. Está en inglés y es el grupo de Divi más grande.

El precio del tema Divi es US$ 89 por año o US$ 249 de por vida. Yo tengo comprado el paquete por vida, porque utilizo Divi cada día. Y ya he construido unas 30 páginas web con ello.

Junto con Divi, comprando una cuenta de Elegant Themes, tendrás acceso a sus otros 87 temas, incluyendo el tema Extra, el cual es otro tema perfecto. Este tema utiliza el constructor Divi también. Y además de todo eso obtendrás acceso a los plugins estupendos de Elegant Themes, como Monarch y Bloom. Monarch es un plugin con el cual puedes añadir botones para las redes sociales y Bloom es un gran plugin para obtener suscriptores a tu lista de email (soporta por ejemplo Aweber o MailChimp).

Pues este es el fin de mi revisión de Divi. Ahora puedes echar un vistazo a este tema y comentar que te parece. 🙂

 

Metadata y Custom Fields para Taxonomías WordPress

Es posible que te encuentres ante la necesidad de añadir campos personalizados (Custom fields) o Metadata en tus taxonomías o taxonomías personalizadas (Custom Taxonomies). Pues bien, es posible! Aquí te explicaremos como hacerlo de manera sencilla tocando un poquito de código! Vamos a ello.

Este es un manual que requiere conocimientos de programación, bien no difíciles, ya que explicaremos paso a paso como hacerlo, por lo que sera casi copiar&pegar.

Hemos decidido realizar esta tarea en forma de plugin (mu-plugin) de modo que sea independiente del tema.

Para ayudarnos, usaremos una clase llamada Tax-Meta-Class que nos servirá de apoyo para crear nuestro plugin. Vamos por pasos!

Descargamos Tax-Meta-Class y lo colocamos en la carpeta mu-plugins.

El repositorio cuenta con un archivo de ejemplos de usos que nos servirá de apoyo para lo que queramos hacer.

Creamos un fichero plugin en mu-plugins que se hará cargo de «dar de alta» , por ejemplo mu-metadata-taxonomy.php.

Como veis, es bastante sencillo de crear vuestros Custom Fields para una categoria / taxonomia dada. Para ver mas ejemplo de uso, podéis recurrir al fichero de ejemplo  (archivo de ejemplos de usos).

Como recuperar los datos?

Una vez introducido los datos desde el dashboard, ahora querréis recuperar los datos desde vuestro template. Estos datos son guardados en la tabla options de WP. En la clase auxiliar hay una función que se encarga de recuperar los datos guardados: get_tax_meta().

O bien incluis la clase de nuevo, o bien copiais esta función en vuestro function.php para tener disponibilidad desde cualquier parte del template.

 

Una vez mas, espero que os haya gustado!

Saludos

p.d: Foto credito de https://www.flickr.com/photos/planeta/11427773216/

Guardar formularios o leads en base de datos wordpress

Es posible que os encontréis ante la necesidad de guardar en vuestra base de datos los emails, formularios de contacto o leads enviados desde vuestros formularios de WordPress para después realizar un estudio-tracking sobre ellos o simplemente mantener una copia de los mismos.

También es muy posible y me aventuraría a decir que usáis algún plugin para realizar dichos formularios.

Pues estáis de ¡enhorabuena! El plugin Contact Form DB hace exactamente esta labor.

Dicho plugin soporta los siguientes plugins para Contact Forms:

Desde tustemaswordpress.com recomendamos Contact Form 7, ¡bastante sencillo y completo!

Pues bien, Contact Form DB es bastante sencillo de usar, solo tienes que instalarlo y activarlo.

Una vez instalado puedes acceder al Dashboard > Contact Form DB

Configuración:

Dashboard > Contact Form DB > Options

Podrás controlar todo tipo de configuración, el uso mas sencillo es marcar como True el plugin que estéis usando vosotros por ejemplo con CF7: Capture form submissions from Contact Form 7 Plugin. Y todos los demas plugins como False. Con esta sencilla configuración, you are ready to go!

Hay bastante más configuraciones, pero para un uso sencillo y menos técnico, con esto es suficiente.

Dashboard > Contact Form DB > Shortcodes

Puedes integrar shortcodes para ver tu lista de formularios guardados fuera del panel de administración, por ejemplo en un post o página.

Uso y Exportacion:

Dashboard > Contact Form DB > Contact Form DB

Aquí encontrarás todos los leads o forms guardados.

Contact Form DB screenshot

Hay varios formatos para exportar como son Excel, CSV, JSON, HTML, etc…

Descargar Contact Form DB.

¿Es posible realizar esto con código en vez de usar un plugin?

Efectivamente, todo es posible en código, no nos hemos querido centrar esta vez en esta parte, puesto que este plugin funciona muy bien y es bastante sencillo, pero si sois de los que os gusta programar, simplemente buscar el hook que vuestro plugin de envío de forms use antes o después de enviar el email. Por ejemplo para CF7, un hook podría ser wpcf7_before_send_mail y se implementaría una función que realizaría la tarea de guardar en la base de datos.

Espero que os haya sido útil y si es así, ¡no olvides dejar un comentario! ¡Gracias! 😉

 

Redirigir errores 404 a tu pagina principal en WordPress

Es posible que os hayáis encontrado ante el problema de una migración poco planificada, estéis usando un dominion expirado ,del cual haya links entrantes que ya no existen, o bien simplemente habéis hecho limpieza y borrado algún que otro artículo y os encontréis con errores 404 indeseados. Un numero alto de errores 404 en vuestra web puede ser una alarma para vuestro SEO, lo mejor es hacer una redirección 301 de cada link perdido al contenido de tu web mas cercano, pero si no es el caso, podréis redirigir todos los errores 404 a tu pagina principal con una redirección 301.

Qué es una redirección 301?

Una redirección 301 es según la wikipedia un código de estado HTTP que indica una redirección permanente. Algo asi como que el contenido anteriormente contenido en dicho link ya no existe ahí y se ha movido permanenteme a una nueva dirección.

Beneficios SEO de la redirección 301:

  • Elimina molestos errores 404
  • Indica a los buscadores que esa URL ya no existe para eliminar su indexación
  • Pero a la vez les indica cual es la nueva URL para indexar
  • Transfiera el «poder» y la importancia de la antigua URL a la nueva de modo que no pierde ranking.

Es bueno redireccionar todos los errores 404 a portada?

Probablemente una redirección 301 a tu página principal no es la mejor opción de todas, lo ideal es tomar tiempo e ir creando redirecciones 301 una a una a tu contenido mas cercano, de este modo pasamos el «poder» del antiguo link, al nuevo.

Aun así, si este es tu caso y quieres redireccionar todos tus errores 404 a tu página principal, te explicaremos cómo de una forma fácil!

Redirección de errores 404 a página principal sin plugin:

La forma mas sencilla es crear una pequeña función y un hook en functions.php, como sigue

Como veis, este sencillo trozo de código comprobara si estais ante un error 404 y realizará una redirección 301 a la url que le indiques, pudiendo ser tu portada o cualquier otra!

Redirección de errores 404 a página principal con plugin:

Si eres de los que no le gusta meterse a tocar código, hemos encontrado un sencillisimo plugin para hacer justamente lo que buscamos:

Este plugin llamado 404 to 301 hace exactamente lo que su nombre indica, y además te ofrece la posibilidad de seleccionar otros tipos de redirecciones 301,302,307, es bastante ligero y totalmente gratuito.

Esperamos que os haya ayudado redireccionando vuestros errores 404 a portada! Esperamos vuestros comentarios

Un saludo,

El equipo de tustemaswordpress.com

Redireccionar imagen post para mejorar SEO en WordPress

Hoy os traemos un pequeño truco SEO para vuestras páginas WordPress. Habréis podido comprobar que al subir una imagen a vuestro blog, WordPress automáticamente crea un Post con la imagen y enlaza esta imagen a dicho Post. La mejor manera de solucionar este problema es redireccionar esta imagen post a su post padre para mejorar el SEO.

Cuando esta imagen post no es perjudicial?

Bien, esto puede ser util en determinadas ocasiones, pongamos que seáis dueños de un blog de fotografía o un portafolio y el valor añadido de vuestra web es precisamente este, no hay ningún problema, pero para la mayoría de los usuarios, una imagen en un post, no es mas que eso, y solo ayuda a la redacción del artículo.

Cómo afecta esto al SEO de tu página?

Estamos creando muchas páginas redundantes sin valor añadido (una por cada imagen usada en algún post) que posiblemente acaben en Google y el usuario puede entrar a ella sin aportar mas que la imagen.

Cómo solucionarlo?

La mejor manera para solucionar este problema sera redireccionar la imagen post a su post padre. Exponemos diferentes soluciones con y sin plugin.

Redirección con Yoast SEO Plugin:

Si usas este plugin para mejorar vuestro SEO (apuesto que la mayoría lo usa) es pan comido.

Clicka en SEO > Enlaces permanentes o permalinks.

Activa el siguiente click:

Redireccion imagen post con YOAST

Redirección con Attachment Pages Redirect:

Este es un sencillisimo plugin de instalar en el cual no hace falta configuración. Redirecciona 301 a su post padre y si no existe hace un Redirect 302 (temporal) hacia home.

Redirección sin plugin:

Si eres de los que no le gusta sobrecargar su WordPress con demasiados plugins, puedes hacer una fácil y rápida modificación en tu Tema WordPress para conseguir el mismo fin.

Modifica o crea en el tema image.php

Y añade la siguiente línea de código:

Esta linea sera el único contenido de dicho archivo.

Como veis, cualquiera de las tres soluciones expuestas son bastante sencillas y no tomaran mas de 5 minutos en implementarlas!

Como última recomendación para futuros posts, o al menos así lo hacemos en tustemaswordpress.com, es tener cuidado cada vez que añadimos un objeto a cada post y seleccionamos enlazar a Ninguna, como vereis en la siguiente foto, asi al menos evitamos el enlace de la foto a algo.

Enlazar imagen post a nada

Espero que os hayamos ayudado con este post! Deja un comentario si te gusto!

Un saludo,

El equipo de tustemaswordpress.com

Migrar una web WordPress a otro servidor o realizar una copia de seguridad con Duplicator

Uno de los mejores plugins para WordPress que os puedo recomendar, es sin duda este que vamos a comentar. Duplicator es un plugin que te ayudará a migrar tu web WordPress o realizar una copia de seguridad de la misma. El uso que le vamos a aplicar en este caso, es el de migrar una web WordPress de un entorno local al servidor que sea necesario, dándote independencia para trabajar tranquilamente de manera local y una vez finalizado o casi finalizado el proyecto, trasladarlo al servidor correspondiente. Como no, también podrás usarlo para migrar tu web de un servidor (hosting) a otro.

Trasladar una web en WordPress de un lado a otro, no tiene por que ser complicado, pero sí hay una serie de pasos que pueden resultar problemáticos si no se realizan correctamente. Duplicator te facilita esta labor, haciendo que te olvides de acciones como las de editar las tablas de WordPress para adaptarlas al nuevo dominio utilizado.

Vamos a ver un paso a paso de cómo utilizar Duplicator de manera sencilla y rápida.

1 – Instalar el plugin en la web WordPress que queramos migrar

Dirígete a la sección de Plugins en el menú de WordPress y elige añadir uno nuevo. Tras ello, busca «Duplicator» e instálalo normalmente. Te dejo una imagen aquí abajo y también un enlace a la web oficial de LifeInTheGrid, creadores de Duplicator, desde dónde también podrás descargarlo e instalarlo subiendo el zip con el panel de WordPress o por ftp directamente a la carpeta de plugins.

duplicatorPlugin

2 – Crear copia del sitio web

Una vez instalado, buscamos la sección Duplicator en el menú de WordPress. Aquí se nos ofrecerá un listado (vacío si no creaste aún ningún paquete) con los paquetes que has ido creando. Se le denomina paquete a la copia de seguridad que se realiza y puedes realizar tantas como quieras.

listaDePaquetesDuplicator

crearPaqueteDuplicator

escaneoCompletadoDuplicator

Como veis en las imágenes anteriores, sólo tenéis que elegir un nombre para el paquete (por defecto es una fecha), y se realizará un escaneo de todo el sitio web. Si dispones de gran cantidad de archivos grandes y el servidor desde dónde extraes la web es más bien justito, Duplicator podría darte algún problema al crear el zip. Si esto pasa no te preocupes, puedes crear la copia sin los archivos y posteriormente subirlos con la Librería multimedia.

Una vez creado el paquete, se nos permitirá descargar un archivo «instalador» y un zip que contiene toda la web que deseamos migrar.

3 – Subir los archivos al nuevo servidor

El siguiente paso es subir los archivos, instalador y zip, al nuevo hosting donde vayamos a realizar la migración de nuestro sitio web. La carpeta a la que debes subirlo puede variar bastante dependiendo de si realizas el despliegue en la raíz del servidor o en subdominios con sus propias carpetas, por lo que si andas un poco perdido te diré que busques una carpeta llamada «public_html» o «httpdocs», donde podrás subir los dos archivos antes comentados.

httpdocs

NOTA: No debes olvidar configurar en tu dominio los servidores DNS de tu nuevo servidor. Puedes obtener la información sobre los servidores DNS de tu servidor, preguntándole a tu proveedor de hosting o directamente desde su panel de control. Una vez las hayas localizado, dirígete al panel de control del dominio y busca la sección para configurar los servidores DNS.

4 – Crear la base de datos en el nuevo servidor

Antes de realizar el despliegue, es necesario crear la base de datos de la web que estamos migrando. Necesitarás crear el nombre de la base de datos, el nombre de usuario y la contraseña de usuario, y no olvides guardarlas por que las necesitarás para la fase de despliegue.

5 – Desplegar la web en el nuevo servidor

Por fin llegamos a la fase de despliegue de la web en el nuevo servidor. Para ello introduce en el navegador algo tal que así:
http://www.dominio.com/installer.php, donde «www.dominio.com» es el dominio donde vayas a alojar la web que estamos migrando.

Si todo está correctamente, te aparecerá la siguiente pantalla

instaladorPaso1Duplicator

Lo primero que nos pide, como veis en la imagen, es configurar la base de datos. Este es el momento en el que necesitarás la información de la base de datos que hemos creado en el paso 4. Introduce el nombre de la base de datos, el nombre de usuario y la contraseña de usuario y prueba la conexión. Si todo está correcto puedes continuar con el siguiente paso.

instaladorPaso2Duplicator

Ahora vemos que se nos indica introducir el nuevo dominio donde alojaremos la web. Esto es necesario ya que WordPress hace sus instalaciones dependientes del dominio en el que esté instalado, por lo que es necesario cambiar la URL de «New Settings» por la del nuevo dominio. Normalmente se rellena automáticamente con la dirección url donde se está instalando, por lo que si ya estas usando tu nuevo dominio, debería aparecer como tal, sino no te olvides de ponerlo ;).
Una vez realizado esto, puedes continuar al siguiente paso.

NOTA: Antes de nada, y si la web que estas migrando piensas que puede darte algún problema con los plugins, pulsa en «Advanced Options» y verás una sección denominada «Activate Plugins» que te permite desmarcar todos los plugins que no deseas activar. De esta manera previenes posibles errores y posteriormente podrás activarlo desde la sección de Plugins en el panel de control de WordPress.

Y ya hemos llegado al paso final, ahora sigue los pasos que se indican en la siguiente imagen:

instaladorPaso3Duplicator

Si vas pulsando en cada uno de los links se te irá guiando para:
1 – Actualizar los enlaces permanentes.
2 – Borrar los archivos de instalación que hemos usado (instalador y zip).
3 – Probar la web para cerciorarnos de cualquier posible error.
4 – Consultar el log por si ha ocurrido cualquier problema en el despliegue de la web.

Una vez realizado esto, tendremos nuestra web completamente migrada al nuevo servidor y lista para ser visitada. ¡Espero que sea útil y os sirva de ayuda! 🙂