WordPress 5.4 ya disponible ¿actualizo ya?

Si te has pasado por el escritorio de administración de tu web WordPress habrás comprobado que tienes un aviso de que ya está disponible la versión 5.4 de WordPress.

Ahora bien ¿debo actualizar ya? ¿merece la pena?

Actualizar siempre es recomendable por seguridad

No me canso de decir que siempre debes tener todo actualizado: WordPress, tema y plugins. No obstante, cuando llega una actualización mayor, por ejemplo de la 5.3.x a la 5.4 hay que tomar algunas precauciones, o al menos comprobar qué aporta y cómo abordar la actualización.

Dicho lo cual vamos a meternos en detalles…

¿Incorpora WordPress 5.4 mejoras de seguridad?

No, si tienes WordPress 5.3.2 estás al día en cuanto a actualizaciones de seguridad.

¿Qué mejoras o novedades incorpora WordPress 5.4?

Vamos al lío, porque hay unas cuantas, ya te aviso que la inmensa mayoría para el editor de bloques.

Bloque de botones

El anteriormente conocido como bloque de botón ahora se llama bloque de botones, y por fin es algo realmente útil.

Hasta ahora, si querías poner dos o más botones en horizontal tenías antes que insertar un bloque de columnas y, dentro de cada columna, insertar un bloque de botón.

Ahora, con WordPress 5.4, el nuevo bloque de botones por defecto permite añadir botones en horizontal, tantos como quieras.

Bloque de iconos sociales

El que sí es nuevo del todo es el bloque de iconos sociales.

Con él, puedes añadir bonitos botones con enlaces a tus perfiles sociales favoritos, todos en horizontal.

Puedes añadir más botones, y para añadir la URL asociada a cada uno solo tienes que hacer clic en el botón y añadir la URL a tu perfil en esa red social.

Imágenes destacadas en el bloque de entradas relacionadas

El bloque de entradas relacionadas por fin tiene sentido, pues ahora puedes activar un ajuste para que se muestre la imagen destacada asociada a cada entrada relacionada, algo que tendrá mucho éxito especialmente a la hora de crear páginas de portada.

Widget de salud del sitio en el escritorio

Para que los administradores sean/seamos más conscientes de la optimización y seguridad de nuestra web, ahora en el escritorio hay un widget con el indicador de salud del sitio y un enlace para ir a la pantalla de información de saludo del sitio.

Mejoras de accesibilidad

  • Mejor gestión del enfoque en las pantallas de menús, personalizador y salud del sitio para corregir algunos problemas actuales de navegación con el teclado.
  • Navegación con el teclado más sencilla para una mejor semántica en las ventanas emergentes de medios.
  • Una guía de política de privacidad más fácil de leer.

Pantalla completa por defecto

Esto me parece un error, pero bueno, doctores hay.

Ahora, la primera vez que abras el editor se mostrará a pantalla completa, ocultando la barra vertical de administración de WordPress.

En la parte superior izquierda se ha sustituido la flecha por un logo de WordPress, porque antes era engañoso y parecía que era para quitar la pantalla completa.

No obstante sigo pensando que esa debería ser su utilidad, y no ir al listado de entradas, lo que te saca del editor sin guardar cambios, un peligro que no veas.

Si no te gusta, ya sabes, «Más herramientas y opciones >  Modo a pantalla completa» y lo desactivas.

Otras mejoras y novedades

Además de estos cambios, hay otras novedades que quizás te interesen:

  • Más opciones de color para los bloques de botón, fondo, grupo y columnas.
  • Navegación más sencilla en las migas de pan de bloques.
  • En móviles la barra de herramientas se queda fija arriba, para que no la pierdas.
  • Redimensión de imágenes más sencilla en el bloque de galería.
  • Arrastrar y soltar imágenes en la caja de imagen destacada.
  • Leyendas en el bloque de tabla.
  • Ahora puedes subir un archivo .ico como favicon, en caso de no subir ninguno se usará el logo de WordPress.
  • Nuevo incrustado de TikTok, con lo que esta guía ya queda obsoleta 🙁
  • Ahora puedes dar color a solo algunas partes del texto en cualquier bloque de texto enriquecido.
  • Posibilidad de cambiar el atributo de título de una imagen dentro del bloque de imagen.
  • Reducción del tiempo de carga del editor de bloques del 14% y una reducción de tiempo de tecleo del 51%.
  • Mejoras en el aspecto de la guía de privacidad.

¿Qué debo hacer antes de actualizar?

Lo importante es que antes de actualizar a WordPress 5.4 o cualquier otra actualización de WooCommerce o de lo que sea, debes probar que todo funcionará.

¿Qué cómo lo haces?

Sencillo:

  1. Haz una copia exacta (clon o staging) de tu sitio completo.
  2. Actualiza en la copia.
  3. Prueba que funcione TODO.
  4. Si todo ha ido bien actualiza en el sitio real

¿Merece la pena actualizar ya o no?

A ver, pues yo creo que deberías esperar unos días, por si salen incompatibilidades, y así de paso das tiempo a  los desarrolladores de plugins y temas a actualizar sus códigos y hacer pruebas, y si fuese necesario sacar actualizaciones.

No es nada malo, sino todo lo contrario. De hecho siempre recomiendo actualizar antes plugins y temas que WordPress, especialmente a versiones mayores.

Pero esto no significa que no debas actualizar, solo que esperes unos días prudenciales.

Pero ¿merece la pena actualizar una vez vistas las novedades?

  • Si no usas el editor de bloques casi no aporta nada relevante.
  • Si no necesitas imperiosamente usar los nuevos bloques o sus mejoras entonces no.
  • Si necesitas imperiosamente usar los nuevos bloques o sus mejoras sí, claro.

En resumen, y bajo mi punto de vista, no es una actualización mayor en cuanto a novedades relevantes, que te vayan a cambiar la vida o el modo de crear, así que no te matará esperar unos días y, tras las pruebas pertinentes, cuando todos tus plugins y temas sepas a ciencia cierta que son compatibles con la nueva versión, entonces si, actualizar.

La entrada WordPress 5.4 ya disponible ¿actualizo ya? la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Cómo añadir estilos de ancho amplio y ancho completo a bloques WordPress

El editor de bloques de WordPress, también conocido como Gutenberg, ha cambiado el modo en el que crear contenido con nuestro querido WordPress.

Pero también ha abierto nuevas posibilidades, como todo cambio.

Si hablamos de estilos, uno de los más interesantes es la posibilidad de añadir bloques en formato de «ancho amplio» o «ancho completo» a una página o entrada.

Esta característica permite a un bloque del editor romper el ancho por defecto del contenido de un tema, que no es cosa pequeña, y es algo que era prácticamente imposible con el editor clásico.

Y luego están las enormes posibilidades de diseño que ofrecen los bloques con ancho amplio o ancho completo, como por ejemplo crear nuevas secciones de página con un fondo a ancho completo con un texto o imagen superpuesto, lo más parecido a los famosos elementos Hero de los temas y maquetadores modernos.

Y solo hay un requisito: Tu tema tiene que ser compatible con bloques anchos.

Afortunadamente es algo bastante fácil de hacer, así que aquí  te traigo  un rápido tutorial sobre cómo añadir la compatibilidad con bloques conn ancho amplio y completo a tu tema WordPress, y de paso de cómo aplicar estilo a los bloques mediante CSS.

Añadir la compatibilidad del tema

Lo primero que tenemos que hacer es añadir  una única línea de código al archivo

functions.php

del tema activo.

Modifícalo con tu editor favorito, lo encontrarás en 

/wp-content/themes/tu-tema/

(¿hace falta recordar que debes cambiar lo de «tu-tema» por el nombre de la carpeta de tu tema activo?. Lego copia y pega el siguiente código PHP:

add_theme_support( 'align-wide' );

Guarda los cambios.

Este pequeño código le indica al tema que quieres bloques con anchos amplios y completos. Sí, todo en esa simple línea de código.

Ahora, para comprobar que funciona, abre el editor de WordPress y comprueba si algunos bloques (fondo, imagen, vídeo, etc.) tienen las nuevas opciones de alineación llamadas «Ancho amplio» y «Ancho completo».

Estilos básicos en los bloques

Ahora que ya tenemos el tema compatible con los estilos de ancho amplio y completo tocaría darle un poco de estilo.

Hay muchas técnicas y formas de hacerlo, aquí tienes un ejemplo:

@media screen and (min-width: 960px) {
     .alignwide, .alignfull {
          width:  100vw;
          max-width:  100vw;
          margin-left:  calc(50% - 50vw);
     }
}

Date cuenta de que en el ejemplo estoy usando una media query de CSS solo para integrar este estilo cuando el tamaño de pantalla sea de 950 píxeles o más ancho.

Esto es debido a que normalmente no es  necesario este tipo de efecto en pantallas más pequeñas.

Además, en este caso he usado los mismos estilos para ambos anchos de bloque, aunque es totalmente posible aplicarles estilos diferentes para que cada ancho se muestre de manera diferente en la web.

También te debo avisar de un pequeño inconveniente, y es que en algunos diseños al usar esta técnica se verá una barra de desplazamiento horizontal (si no lo digo Ana me mata).

Si fuera el caso añade el siguiente CSS al elemento

body

:

body {
     overflow-x:  hidden;
}

¿Funciona?

Pues claro, y es uno de los recursos que más van a marcar diferencias en el inmediato futuro de WordPress, pues con este sencillo campo te adentras en el mundo, hasta ahora exclusivo, de los maquetadores.

Desde el momento en el que añadimos a los bloques la posibilidad de saltarse el ancho del contenido estándar del tema y aplicar anchos amplios y completos a los bloques, entramos directamente en una nueva fase de diseño sin salir del editor de WordPress.

Así, podrás crear fácilmente bloques de vídeo a ancho completo…

Y luego, cuando estén publicados los cambios, el bloque se verá como queríamos, ocupando el bloque todo el ancho de la página, mientras que el resto del contenido sigue el ancho predefinido del tema.

Y todo lo hemos conseguido simplemente con una única línea de código en el archivo

functions.php

  del tema y luego algo de estilo CSS, lo mínimo.

Y a pesar de este mínimo esfuerzo se nos abre un mundo de oportunidades de cosas que hacer con el diseño de nuestra web.

Si luego seguimos añadiendo CSS o nos centramos en aplicar estilos a bloques específicos, tendremos un enorme arsenal de posibilidades de diseño en nuestras manos.

Al menos de momento, en una instalación por defecto de WordPress, Gutenberg no ofrece todas las virguerías que encontramos en los maquetadores visuales, pero solo con añadir anchos amplios y completos entramos de cabeza en ese territorio.

Se acabaron los tiempos en que la estructura del tema limitaba tu capacidad de diseño desde el editor, y esto hará que WordPress sea más fácil para todos, especialmente para los nuevos usuarios, que ya no tendrán que decidir a la hora de diseñar el aspecto de sus páginas entre…

  • Cambiar de tema
  • Cambiar o añadir CSS
  • Usar un maquetador

Desde el primer momento el mismo editor de WordPress ya ofrece oportunidades de diseño que le permiten crear las tan populares secciones de ancho completo, algo que pronto todos los temas incorporarán, y sino aquí has aprendido cómo añadirle tú mismo esta funcionalidad a tu tema.

¿Quieres seguir aprendiendo?

Si te has animado y quieres seguir personalizando tu tema y sus estilos aquí te dejo un par de artículos de rabiosa actualidad:

La entrada Cómo añadir estilos de ancho amplio y ancho completo a bloques WordPress la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Quédate en casa y cuídate – Y para tus proyectos web 3 meses de hosting por menos de 1 euro

Hoy te traigo una oferta especial de alojamiento web que está haciendo SiteGround que me parece especialmente interesante en estos días que estamos viviendo, encerrados en casa, y con algo más de tiempo para proyectos que, de otro modo, estaríamos aplazando.

La idea es que si tienes la inquietud de crear una web, aprovechando todo este tiempo que estamos pasando en casa por responsabilidad en la lucha contra la pandemia del COVID-19, dispongas de un hosting de primera calidad a un precio que no te suponga un freno para tu proyecto.

¿En qué consiste la oferta?

Se resume fácil y rápido:

  • 3 meses de hosting por 0,99€
    (Este precio es válido para todos los planes de hosting compartido: StartUP, GrowBig, GooGeek. No incluye dominio gratuito)
  • La promoción no tiene fecha de finalización por el momento

¿Qué pasa después de los primeros 3 meses?

  • Tras los 3 meses de promoción especial, las cuentas se renovarán automáticamente con un 60% de descuento sobre nuestro precio normal durante 1 año, manteniendo el coste general muy asequible.
  • La primera renovación seguirá nuestra oferta habitual durante 1 año.

¿Qué planes de hosting SiteGround puedo contratar con esta oferta?

Esta oferta de 3 meses de hosting por 0,99 € es para todos los planes de hosting compartido de SiteGround.

Independientemente de su precio original tendrás los 3 primeros meses por 0,99 € y el resto de meses del primer año al precio habitual rebajado (actualmente  un 60%).

Ya el segundo año, si renuevas, sería al precio normal.

¿Tienen alguna limitación estos planes a 0,99 € frente a la contratación normal?

No, en absoluto, son los planes de hosting WordPress de SiteGround con todos los beneficios que ofrece habitualmente.

Tendrás la caché exclusiva de SiteGround, soporte 24/7 especializado en español, WP-CLI, SSH, certificados SSL gratis, actualizaciones automáticas, copias de seguridad diarias, todo.

Quiero probarlo pero ¿y si no me convence? ¿tengo garantía de devolución?

Por supuesto, como siempre en todos los planes de hosting de SiteGround.

Si te animas simplemente haz clic en este enlace para conocer más detalles de la oferta o simplemente revisar las características del hosting de SiteGround.


Bueno, no me enrollo más.

Me ha parecido una iniciativa muy interesante, si quieres aprovecharla y usar el mismo hosting que usamos en Ayuda WordPress no tendrás otra ocasión mejor y a menos precio.

Ya me contarás qué tal.

La entrada Quédate en casa y cuídate – Y para tus proyectos web 3 meses de hosting por menos de 1 euro la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.