Siempre tuve mi sitio web hecho con html, Javascript y css porque la carga es más veloz y, me voy a sincerar, me daba pereza hacer toda la construcción que correspondía a crear un tema de WordPress 5.9, crear los contenidos e incluirlos… El sitio era sencillo, un “One Pager” con un contacto y listo. Que además ya era viejo, ya saben “En casa de herrero cuchillo de palo”.
Pero con el tiempo me vi en la necesidad de tener algún contacto con mis alumnos, por lo que hice un blog en “blogger” que me pareció odioso (en ese entonces, no puedo hablar de cómo será hoy en día), luego lo pasé a wordpress.com pero no me gustó lo constreñido y al final hice un subdominio en mi sitio y puse mi blog de WordPress.
La verdad fue muy esclarecedor encontrarme con los problemas que mis clientes me comentaban en carne propia, encontrar mis propias necesidades y resolverlas ha sido mi más grande espacio de aprendizaje y experimentación, con algunos de los clientes ese problema se resolvía y no había seguimiento, por lo cual nunca terminaba de enterarme si la solución fue la adecuada. En muchas ocasiones le di seguimiento hasta el final y hasta aprender que WordPress se quedaba corto y había que hacer algo diferente…
Pero toda esta retahíla de palabras viene al caso porque en esta nueva actualización WordPress saca su propio constructor de páginas y en honor a seguir experimentando para que mis clientes tengan lo mejor para ellos de mi parte, me arrojé a aprender a usarlo… Y he aquí lo que aprendí:
Lo nuevo
Para empezar el cambio más importante se dio en la sección que se llama “Apariencia”, ahora tiene una sección nueva que se llama “Editor” y en sólo esa sección se va a tratar este artículo. (Foto apariencia.png) En esta versión todavía tiene el rótulo que dice “beta” porque todavía en este momento es una prueba, que sin lugar, a dudas va a mejorar en el futuro.
En una instalación limpia (un WordPress recién instalado) incluye en la sección de “Temas”: Twenty Twenty, Twenty Twenty-One y Twenty Twenty-Two… Y cuando entras a la sección nueva de “Editor” te aparece el espacio para trabajar dentro del tema Twenty Twenty-Two y es muy interesante.
Logo de WordPress
La barra superior el WordPress (WP) de Izquierda a derecha tiene: El logo de WP que es una letra W y este enlace abre un menú al lado izquierda que da la oportunidad de regresar al “Escritorio”, tiene una sección que se llama “Editor” que se divide en “Sitio”, “Plantillas” y “Partes de Plantilla”.
En el “Sitio” es el lugar que nos encontramos y podemos hacer la página de inicio, se puede cambiar el encabezado, poner contenido y el pie. Pero en la sección del menú que se llama “Plantillas” nos muestra todas las partes posibles del sitio en si, como: 404, Archivo, En blanco, Inicio, Índice, Página (cabecera grande), Página (sin separadores), Página, Buscar, Entrada individual (sin separadores), Entrada individual… Y en cada una de esas cambiamos todas las “Plantillas” o “Templates” del tema en el que nos encontramos, yo en lo personal no hice experimentos con los templates Twenty Twenty o Twenty Twenty-One, me quede en el tema que viene por defecto (Twenty Twenty-Two).
“Partes de la plantilla” es la sección donde modificamos el “Pie de página” y varias cabeceras “Cabecera (oscura, grande)”, “Cabecera (oscura, pequeña)” y “Cabecera”, esta sección es muy interesante porque es donde podemos darle la estructura constante al sitio pero lo veremos más adelante.
Insertador de Bloques
O como es visualmente el símbolo de: “+” en un botón azul, aquí no pretendo gastar mucho tiempo porque los usuarios ya han de conocerlo, es donde insertamos desde un párrafo hasta “patrones” complejos constituidos de varios bloques… Pero aquí hay una nueva sección que es una cosa hermosa, se llama “Tema”, aquí puedes encontrar el logo del sitio, la navegación e incluso cosas más complejas como una cabecera completa… Algo que me encantó, es que se pueden poner la “Imagen destacada de la entrada” en cualquier parte del sitio, lo cual era algo impensable hasta hace muy poco sin instalar un plugin para construir páginas.
Esta parte es la que trae la actualización y que hace WP una herramienta mucho más potente y es lo que viene a tratar de competir con los muchos constructores que hay. Les dejo un enlace sobre este tema “13 Impresionantes Constructores de Página de WordPress para Recortar la Codificación” de kinsta que ya es viejo pero sirve…
Luego viene el Lápiz, Deshacer y Rehacer que ya son viejos… Pero algo que a mí me encanta es la vista de lista…
Vista de lista
Es lo que en Elementor se conoce como “Navegador”, pero en este caso en vez de tener una ventana flotante que es como viene el “Navegador” se tiene una sección lateral a la izquierda que es la que te muestra las secciones que tiene tu sitio y qué hay adentro de cada sección hasta llegar al bloque.
En mi primera investigación de cómo utilizar cada una de las partes esta herramienta es una maravilla, ahí descubrí partes que no sabía que existía y la utilización del bloque “Fila” (Poner varios objetos en fila con flexbox) y mi consejo es que lo usen de esa manera si se animan a construir un sitio propio.
El “Detalle del témplate” que está en el centro (flecha de abajo que dice inicio cuando entras por primera vez), este objeto es una flecha en la que desciende un menú en el que puedes ver cuáles son las “Partes de Plantilla” que conviven en la página que estás modificando.
Vista previa y guardar no voy a abordarlos porque son muy transparentes, al igual que Ajustes ( icono del Engrane) que son del uso cotidiano de la creación de contenidos, pero es importante apuntar que en la sección de “Bloque” en cada bloque hay cosas nuevas…
Estilos
Cuando entramos en esta sección nueva que tiene el icono de un círculo dividido a la mitad, nos sale una ventana que nos explica qué cosas podemos hacer ahí, cuando avanzamos están tres secciones: “Tipografía”, “Colores” y “Disposición”…
En la sección de “Tipografía” tenemos los “Textos” y “Enlaces” y aquí podemos cambiar la “Familia de la fuente” y los estilos de estas pero en el tema Twenty Twenty-Two no tenemos tipografías de donde escoger sólo están la del sistema o Source Serif Pro, se puede cambiar el “Tamaño” de la tipografía en cuatro opciones estándar o hacerlo personalizado, el “Alto de la línea” puede ser modificado en EM y por último tenemos lo que se llama “Apariencia” que es una mezcla de “calibre y estilo” de la tipografía. Y todo lo antes descrito se repite en la sección de “Enlaces”.
Paleta de color
En la sección “Colores” tenemos dos partes: “Paleta” y “Elementos”… La “Paleta” es donde se establece que paleta de color se va a utilizar en el sitio, viene una establecida por defecto y se pueden agregar colores personalizados, hasta abajo hay un símbolo de “+” que permite incluir el color que se escoja desde un selector o incluir un Hex, RGB o HSL. Luego sigue la “Disposición” que nos da la oportunidad de ponerle un “Relleno” (en css padding), se puede hacer para todos los lados el al mismo tiempo o a todos los lados por separado.
Si uno se va con la finta le parece que eso es todo, pero si viajamos al final de ese menú hay una sección que dice “Bloques” que si le das click ahí te extiende la lista de todos los bloques que se le pueden hacer modificaciones a cada uno para personalizarlo, hasta cierto punto, para que quede adecuado, dicho bloque, a lo que necesitas. Espero que esta sección crezca y se haga más elástica con el tiempo.
Más herramientas y opciones
Tiene una sección que se llama “Método de enfoque” y sirve solamente para que te enfoques al objeto que quieres modificar, después de esto está lo que se llaman “Plugins” que te da enlaces a “Ajustes” y “Estilos” que son los botones previos.
Más abajo tiene una sección que me parece importante y por eso lo incluyo, “Herramientas” tiene una sección para “Exportar” en un archivo zip la plantilla y partes de estas, que la verdad no he usado pero es prometedor. Después viene los “Atajos del teclado” que son siempre utilicimos. Y al final la “Ayuda” que te lleva a la página oficial de wordpress.org con el manual del nuevo editor.
Mi experiencia con WordPress 5.9
Lo más retador fue entender por dónde empezar, y para mí, la respuesta fue empezar por las “Partes de plantilla” y además entre prueba y prueba terminé descomponiendo lo que venía predeterminado, pero al fin logré vencer haciendo un encabezado netamente mío… Mis problemas empezaron porque no estaba comprendiendo la utilización de los bloques, lo que me llevó a hacer un desastre en el encabezado. (vista-de-lista-menu-mal.png) Tenía un grupo que tenía dentro otro grupo y ese grupo a su vez otro adentro… Para no hacer eso largo el bloque del logo estaba siete niveles adentro de un desastre, igual el menú.
(vista-de-lista-menu-arreglado.png) Pero cuando terminé de entender los acomodos de la “Vista de lista” simplifiqué la estructura que estaba haciendo y de ahí en adelante todo fluyó más amablemente. Confesión: tuve que borrar todo y volver a empezar para que quedara bien.
Algo que también fue un poco confuso es la nueva forma de hacer los menús, antes acudías a la parte Apariencia>Menú y creabas tu menú en esa sección especial… Ahora es parte de la sección del encabezado que se llama “Navegación” que a su vez es un bloque, cuando lo seleccionas aparece un “+” al final de la fila, si le picas aparece un pequeño menú en el que puedes escribir un nombre de una de tus páginas una url y luego cambias el título del botón mismo…
Plantillas
La verdad sea dicha no hay mucho que contar a partir de ahí puesto que ya de ahí en adelante lo que hice fue terminar el Pie y luego ir plantilla por plantilla para terminar el sitio en la sección de “Plantillas” en la “W”.
En la sección de plantillas lo que hice fue ir de acuerdo al plan de mi diseño pero si terminé creando una plantilla diferente para las entradas que son los proyectos terminados de mis clientes… Que es también una sección nueva de mi sitio.
Otra cosa que creo es un gran avance es el bloque de “consultar el loop” porque con el podemos hacer que el blog se vea en la página que nosotros queramos, además a la consulta del loop podemos decirle que incluya ciertas categorías o que excluya estas otras categorías… Esto para la creación de mi sitio fue magnífico, porque entonces en el mismo blog que ya tenía en el sitio empecé a crear otras entradas pero ahora con la información de mis proyectos pasados.
En un inicio antes de este bloque de “consultar el loop” lo que había pensado era sacarle provecho al plugin Jetpack que da la posibilidad de hacer dos “custom posts” diferentes, uno para testimonios y otro para portafolio y, antes de la actualización, había empezado a recoger mis proyectos en el portafolio de este plugin… Pero una vez que pude usar este bloque mejor copié lo que ya tenía en el “custom post” de testimonios para terminar borrándolos, y ahora todo lo tengo en el mismo lugar, regido por las categorías que son las que determinan en dónde se ve qué…
Entonces en WordPress 5.9
Una vez que terminé de hacer el sitio me puse a cavilar sobre todo lo acontecido porque me parece que WordPress ha avanzado muchísimo en estos pasados 2 años, pero antes de esta actualización el futuro se estaba decantando por los creadores de páginas de paga (sobre todo Elementor que ha crecido mucho) y ahora mi perspectiva es otra, pero con la discreción de que todavía no estamos ahí, todavía falta crecimiento y si bien el futuro de esta actualización es brillante no está lista para quitarle clientes a los constructores de páginas, pero si lo suficiente para que pongan las barbas en remojo.
Me fascina que se logra ver ese potencial, con todas las desventajas que tiene el software libre de por medio, pero si se puede ver una nueva era para WordPress.
