Ayuda WordPress 5.0

Por si aún no te has dado cuenta, he cambiado el tema WordPress hace poco. Si visitas el blog desde el móvil es posible que hayas notado algo raro, pero sobre todo se ve claramente al visitarlo en un ordenador.

¿Por qué has cambiado de tema?

Aunque hace tiempo que me llevo planteando el cambio de tema en Ayuda WordPress hasta ahora lo había venido aplazando, por varios motivos:

  • El tema (Nexus) me gustaba, era claro, se navegaba bien.
  • No requería casi mantenimiento pues utilizaba estándares (bien por Elegant Themes)
  • Lo tenía bastante personalizado, con un tema hijo ya casi más grande que el padre.
  • No necesitaba nuevas prestaciones.
  • Los tiempos de carga del tema eran muy buenos.
  • A todos los que preguntaba les parecía bien.

Entonces ¿por qué he cambiado?

Bueno, han sido varias las causas, pero las principales han sido estas:

  • Hace tiempo que se abandonó su desarrollo, y aunque los temas no requieren muchas actualizaciones, siempre toca ir añadiendo las nuevas funciones básicas de compatibilidad con WordPress.
  • Desde hace tiempo quería cambiar a ancho completo o fluido, en vez del diseño en caja del tema anterior.
  • Utilizaba versiones antiguas de jQuery, así que o cambiaba el código afectado (mucho) o me decidía por fin a cambiar de tema y que otro se ocupe.

Por supuesto, la última causa ha sido la definitiva, sobre todo desde que salió WordPress 5.5.

No quería mantener código obsoleto y, para variar, no tenía tiempo de andar revisando todo por mi cuenta, así que tocaba cambiar de tema.

¿Qué tema es el nuevo y por qué lo has elegido?

Esta era la parte más difícil, con diferencia.

¿Por qué no un tema a medida?

Lo primero que hice fue descartar hacer un tema a medida por los siguientes motivos:

  • Demasiado tiempo de desarrollo.
  • Tener que ir actualizando por mi cuenta a cada cambio en los estándares.
  • En realidad no me gustan las cosas exclusivas, casi nunca aportas nada realmente relevante, y reinventar la rueda me parece un error.

Aunque algunos amigos se habían ofrecido a hacerlo, e incluso barajé la idea de hacer un concurso, en realidad pesaron más los motivos anteriores y lo descarté rápidamente.

¿Por qué no Divi?

Pues lo pensé, seriamente, pues es verdad que suelo recomendar lo que uso, y la verdad es que Divi lo uso mucho, lo tengo en mis sitios de servicios, cursos y mantenimiento web, y además me gusta que todas las webs del portal tengan un aspecto similar.

Pero para el blog me podía tomar alguna pequeña licencia de diseño, ya que por su propia estructura te pide otra disposición de los contenidos, pero sobre todo porque en el blog no necesito para nada el maquetador, porque es simplemente el listado de entradas, un diseño limpio y ya, poco más.

¿Por qué entonces Astra?

Pues también me costó mucho decidirme por el tema, y mira que los hay buenos, bonitos … y baratos.

El tema tenía que tener algunos básicos, a saber:

  • No romper demasiado con la estructura del blog de siempre. Que el cambio fuese suave, sin sorpresas.
  • Estructura a 2 columnas: Contenido + Barra lateral derecha. Esto, que igual te parece anticuado, puesto que actualmente se lleva más en general el ancho completo, con los widgets en el pie de página, en el caso de Ayuda WordPress no es así. Casi todo el tráfico (más del 97%) es desde ordenadores de escritorio, donde tiene sentido la barra lateral y los recursos de ayuda que siempre ha tenido el blog: «Necesito ayuda para…», «Necesito ayuda con…» y el buscador, además de los distintos banners habituales y recursos de navegación.
  • Tipografía clara y diseño minimalista, centrado en la facilidad de lectura.
  • Prescindibilidad: Que el tema permita personalizar qué muestra o no en cada contenido, no solo globalmente.
  • Carga rápida.
  • Preparado para accesibilidad.
  • Fácil de configurar desde el personalizador sin tener que hacer otro monstruo de tema hijo.
  • Desarrollo activo, compatible con todas las nuevas funcionalidades de WordPress.

Con todo esto en la lista mi duda estaba entre estos 3 temas:

  1. Astra
  2. GeneratePress
  3. Unwind

Y la verdad es que los tres son grandes temas, que cumplen con mi lista de deseos.

Así que me puse a probarlos en una copia del blog que hice. Durante más o menos 4 meses he estado haciendo todo tipo de pruebas a estos temas, y finalmente el ganador fue Astra.

Y los motivos estos:

  • Cientos de opciones de personalización, por dispositivo, por px, em, %, no solo por píxeles.
  • Varios tipos de estructura, incluida la fluida/adaptable, que era mi opción preferente.
  • Prescindibilidad, permitiendo decidir en cada página/entrada qué se muestra del tema y qué no (barras laterales, título, cabecera, etc.), algo fundamental actualmente en WordPress.
  • Montones de ganchos (hooks) con los que personalizar y desactivar prácticamente cualquier característica del tema.
  • Es un tema que suelo recomendar a mis alumnos, y me gusta utilizar lo que recomiendo, o recomendar solo lo que utilizo, elige tú el orden 🙂

Por resumir, Astra tiene todo lo que se debe esperar de un tema WordPress actualmente, como expliqué en este webinar…

De hecho, como ya te he comentado, en todos mis cursos es el tema gratuito que estaba recomendando siempre actualmente para todo tipo de proyectos, pues aunque tiene una versión Pro en la versión gratuita ofrece todos los elementos de prescindibilidad tan importantes en el presente y futuro de WordPress.

Es cierto que no puede competir con Divi para diseñar webs complejas, en las que necesites estructurar totalmente a medida cualquier parte del sitio, pero con un uso inteligente y efectivo de los bloques del editor por defecto y alguno más se pueden crear landings realmente fantásticas.

En este vídeo puedes comprobar cómo hice una página de inicio en directo solo con Astra y unos pocos bloques

Además, por supuesto, cumplía con los requisitos genéricos que me había planteado.

¿Por qué Astra es el mejor tema WordPress gratuito?

Si me quedase en «mis» motivos para elegir Astra como tema para el blog me quedaría corto en lo referente a sus virtudes, así que te voy a detallar sus muchas ventajas algo más en detalle, por si te estás planteando cambiar de tema.

A la hora de decidir qué tema WordPress elegir hay algunas características principales que debes tener en cuenta:

  • Velocidad de carga rápida
  • Buena programación
  • Buena documentación
  • Personalización sencilla
  • Integración con plugins

Además, hay que comprobar si hay una versión premium, pro o como se llame, y compararlo con el resto de temas similares en características, como GeneratePress, OceanWP o Unwind.

Astra tiene una versión gratuita realmente completa, en la que echarás muy poco en falta, especialmente si sigues los artículos que publico en el blog para personalizarla, y luego tiene una versión pro en la que ya encuentras todas las personalizaciones a golpe de un clic.

Dicho esto, vamos a ver qué ofrece Astra…

Velocidad de carga

GTmetrix

Astra promete ser muy ligero, con unos tiempos de carga de so lo 0,5 segundos.

Uno de los motivos por los que Astra carga tan rápido es porque no usa jQuery. Además, solo utiliza menos de 50 Kb de recursos adicionales, comparado con los más de 300 Kb de la mayoría del resto de temas.

Recientemente, en una prueba de velocidad de carga de temas, en el blog de WP Rocket, Astra fue el segundo más rápido de los temas que probaron.

Por supuesto, la velocidad de carga final depende de muchos otros aspectos y factores, como tu elección del hosting, los plugins que uses y otras decisiones que afectan a la velocidad de carga de tu web.

Calidad del código

Aunque vayas a usar un maquetador para crear la mayor parte de tu web tiene sentido que la base de tu sitio esté bien programada ¿no?

Astra está basado en el tema Underscores, que es la base de la mayoría de los temas WordPress por defecto. Esto implica que el tema está estructurado sobre una base lógica, simple y totalmente compatible con WordPress.

Además, al derivar de Underscores, Astra tiene la mayoría de las características de un tema listo para accesibilidad, aunque no es perfecto en este sentido. Dos cosas en las que falla Astra en este sentido son que no subraya los enlaces en el contenido y el enlace de salto a la navegación, aunque con un simple plugin puedes solucionar estas carencias.

En la parte buena, toda la navegación es accesible, incluso las migas de pan.

Como te he comentado antes, Astra tiene montones de ganchos, algo que te facilitará añadir cualquier contenido adicional o personalizar el existente.

Otros plus son que es compatible con el marcado de Schema, que ayuda al SEO de los contenidos de tu sitio, y con AMP, pues incorpora sus propias plantillas para este HTML especial para móviles que ha desarrollado Google.

Para finalizar, todo el código de Astra está disponible en GitHub.

Documentación

No hay nada peor que empezar a utilizar un tema WordPress para luego descubrir que estás atascado porque su documentación es poca o mala.

Afortunadamente este no es el caso con Astra, pues en la misma web oficial hay montones de artículos, tutoriales, vídeos, de todo.

Puedes encontrar todo tipo de recursos para ampliar, modificar, personalizar Astra.

Personalización

El personalizador de Astra ofrece una gran cantidad de opciones. Para empezar, puedes cambiar los colores principales del tema, usar fuentes de Google y cambiar el diseño de las entradas y las páginas. Hay áreas de widgets de cabecera, barra lateral y pie de página.

Muchos temas sólo te permiten subir un logotipo y ya está. ¡Con Astra no es así! Puedes añadir un logotipo a la izquierda o a la derecha del menú principal, o centrarlo sobre el menú. También puedes cambiar el ancho del logo y subir diferentes versiones para pantallas Retina o móviles.

Otro problema molesto con algunos temas es que dificultan la personalización del pie de página.

Con los ajustes de la barra del pie de página de Astra, puedes tener una o dos secciones. Cada una puede contener texto, un widget o un menú de pie de página.

Acertadamente, los creadores de Astra han incluido un shortcode para el año en curso. (¡No me deja de sorprender que el tema de Divi no ofrezca esto!)

Astra ofrece cabeceras transparentes incluso en la versión gratuita, para que puedas tener una imagen de fondo que se extienda en el área de la cabecera. También puedes aplicar un color y una transparencia a la cabecera.

El menú del móvil es un icono básico de hamburguesa, pero puedes cambiarlo. Por ejemplo, puedes cambiar el punto de ruptura en el que aparece el menú del móvil, añadir la palabra «Menú» al icono o darle un contorno con esquinas redondeadas.

Especialmente relevante es poder personalizar para cada tipo de dispositivo prácticamente cualquier ajuste.

Pero lo que más destaca de Astra, incluso en la versión gratuita, es poder personalizar totalmente el aspecto en cada tipo de contenido (entrada, página, etc.), no solo globalmente.

En el editor de WordPress puedes configurar qué elementos del tema se mostrarán y cómo en cada contenido en particular, desde su caja de ajustes…

Integración con plugins

Los creadores de Astra han trabajado duro para hacerlo compatible con los plugins más populares.

Como he mencionado, Astra funciona muy bien con los maquetadores de páginas, y de hecho es el tema recomendado por los mismos creadores de Elementor.

Asra tiene una barra lateral derecha por defecto, pero puedes desactivarla para hacer diseños de ancho completo en las páginas y otros tipos de contenido, o en todo el sitio, o en cada página o entrada o producto o lo que sea en concreto.

Si estás construyendo un web de comercio electrónico, Astra es una opción totalmente recomendable para usar en una tienda WooCommerce.

El tema de Astra se basa en las opciones por defecto de WooCommerce para darte más control sobre el aspecto de tu tienda y las páginas de productos. Tiene montones de personalizaciones, tanto en la versión gratuita como en la Pro.

La popularidad de Astra

Todas estas virtudes han hecho que Astra rompa moldes en WordPress, y de hecho es el primer y único tema, no por defecto, en superar el millón de instalaciones en toda la historia de WordPress, ahí es nada.

¿Y por qué no GeneratePress?

Es buena pregunta, y me la hacen mucho, pues probé GeneratePress y también me gusta bastante, e incluso en el test que hicieron de velocidad quedó un poco por encima.

Pero hay algunos motivos que me hicieron decidirme finalmente por Astra en vez de por GeneratePress:

  • La versión gratuita de GeneratePress es mucho más limitada que la versión gratuita de Astra, y me gusta recomendar y usar productos que sean cuanto más completos posibles en su versión gratis.
  • Las opciones de personalización de GeneratePress gratis frente a las de Astra gratis son muchísimas menos, dejando la mayoría de las más interesantes para la versión de pago.
  • Las personalizaciones para WooCommerce de GeneratePress están todas en la versión de pago, y aunque las opciones de Astra Pro son impresionantes, en la versión gratuita permite algunas personalizaciones interesantes también.
  • Los ajustes de diseño GeneratePress solo permite hacerlos en píxeles mientras que en Astra puedes hacerlos en em o %, que me parecen mejores para diseños adaptables a todo tipo de dispositivos, algo actualmente vital.
  • Aunque ambos funcionan bien con todo tipo de maquetadores y plugins, la integración de Astra es total.
  • Pero sobre todo, lo que más los diferencia, es que GeneratePress no dispone de los ajustes por página/entrada que sí ofrece Astra incluso en la versión gratis, fundamentales para la ya citada prescindibilidad, algo importantísimo a la hora de crear páginas de venta, portadas, landing pages, etc, y hoy en día básico para el diseño mediante bloques o módulos, da igual si usas el editor de WordPress o maquetadores visuales.

Este último punto es vital, y mientras que en Astra gratis tienes todos los ajustes de prescindibilidad por contenido disponibles, con GeneratePress solo están en la versión de pago, y no tan completos como en Astra.

¿Merece la pena la Astra Pro?

Aunque yo soy mucho de publicar trucos para conseguir personalizaciones sin tener que pagar por los temas y plugins, y me propongo hacerlo también con trucos para Astra, realmente merece la pena pagar por Astra Pro, especialmente si es para una tienda online.

No podría escribir esta reseña del tema de Astra sin evaluarla puramente desde el punto de vista del coste/valor.

Aunque el tema Astra de WordPress.org es gratuito, algunos de sus elementos más potentes están incluidos en sus actualizaciones de pago.

Hay tres niveles de actualización: Astra Pro, Astra Mini Agency Bundle y Astra Agency Bundle.

Con Astra Pro, tienes acceso a más plantillas de sitios de inicio, aunque algunas de las mejores están reservadas para los suscriptores de Agency Bundle.

Pero para la mayoría de la gente, la principal razón para comprar Astra Pro son las características del Pro. Entonces, ¿qué obtienes?

Bueno, antes de nada, debes saber que el modo de activar Astra Pro es particular, cuando lo pagas lo que recibes es el plugin Astra Pro, que convierte tu tema gratuito Astra en todo lo que la versión Pro te ofrece, así que la instalación no puede ser más sencilla.

Hay 18 módulos en Astra Pro que puedes activar para más opciones de personalización.

La realidad es que con Astra Pro todo es más rápido y fácil.

Por ejemplo, con Blog Pro tienes distintas estructuras adicionales para el blog, incluso en cuadrícula o masonry, además de poder personalizar prácticamente cualquier elemento que se muestre tanto en los archivos como en las entradas.

Puedes, incluso ocultar la marca de Astra con el módulo de marca blanca, para personalizar el nombre del tema y el plugin.

Y, sobre todo, las personalizaciones infinitas con los ganchos, con los que puedes configurar distintas acciones que se realizarán basándote en condiciones mediante código.

Pero sobre todo, lo que más destaca son las opciones de personalización para WooCommerce, absolutamente maravillosas…

Con los ajustes de personalización de Astra para WooCommerce te vas a ahorrar unos cuantos plugins, además de ayudar a vender tus productos de manera notable con características como los distintos estilos de galería de imágenes de producto, sombras, filtros visibles u ocultos, vista rápida, página de finalizar compra sin distracciones o incluso en 2 pasos.

Y, si eres desarrollador, el módulo de diseños personalizados ya son la guinda del pastel, permitiéndote realizar personalizaciones casi infinitas sin tocar los archivos del tema.

Puedes configurar todo tipo de código a ejecutarse en casi cualquier parte del sitio en según qué condiciones y dispositivos, una virguería.

Conclusiones ¿las hay?

Bueno, casi mejor tú dirás qué te parece el cambio, yo personalmente creo que ha mejorado bastante la legibilidad de los contenidos y la distribución de los distintos elementos.

Mejoras y cambios

Además, he aprovechado para añadir algunas mejoras:

  • Iconos con enlace rápido para buscar artículos por temática (temas, plugins, wpo, etc.) además de los históricos enlaces a contenidos por dificultad (principiante, avanzado, experto).
  • Cálculo del tiempo de lectura en los datos meta de las entradas, algo que hace tiempo que quería añadir pero que con Astra ha sido super fácil pues es un ajuste a un clic que puedes añadir.
  • Tipografía más grande y clara, para facilitar la lectura.
  • Ancho fluido, adaptable a todo tipo de dispositivos.
  • Sustitución del plugin de códigos coloreados, porque cargaba más scripts de los que quería. Ahora es todo más simple y sencillo a la hora de copiar códigos para tu web.
  • Me he ahorrado el plugin de paginación numérica porque Astra ya incluye esta característica.
  • Ahora al final de cada entrada hay enlaces a la anterior y siguiente (con su nombre) por si quieres seguir aprendiendo de manera sencilla.
  • Ha mejorado mucho la accesibilidad.
  • Las versiones AMP de los contenidos son mucho mejores, y entre la nueva versión del plugin y lo optimizado que está Astra a este respecto, ahora lanzan muchos menos errores y son más legibles.
  • He reducido bastante el tamaño del logo y lo he puesto en un lado, para priorizar el contenido.
  • Reordenado y mejoras del menú principal, también para móviles.
  • He eliminado los enlaces superfluos en la portada del blog (autor, fecha, comentarios, etc.) porque realmente solo son útiles cuando accedes a la entrada.

Ayuda WordPress 5.0 – La evolución

Para los curiosos, aquí dejo una galería con la evolución de los distintos diseños que ha tenido Ayuda WordPress durante estos más de 12 años compartiendo información, trucos y tutoriales sobre WordPress.

¿Qué falta?

Uy, falta mucho, aún ni siquiera he regenerado las miniaturas, motivo por el que los analizadores me muestran ahora peores puntuaciones al servir imágenes sin escalado.

También me faltan muchas personalizaciones de código y optimizaciones que, con el tiempo y el profundo conocimiento que tenía del tema anterior ayudaban mucho. Con Astra sigo descubriendo cosas casi cada día, que te iré contando.

¿Y a ti, qué te parece el cambio?

Ahora ya solo queda tu opinión.

Como todo, no es definitivo, pero estoy bastante contento con los cambios. Iré  haciendo mejoras, si es con tu ayuda mucho mejor.

La entrada Ayuda WordPress 5.0 la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Laura D´Cuero
0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *