El camino hasta llegar a idear el producto “Blogpocket Website Premium”

Todo empezó en 2012 cuando decidí emprender una optimización de mi web Blogpocket.com.

En ese momento la idea fue solo mejorar mi sitio web a nivel de SEO, seguridad, optimización para móviles y rendimiento. Aquél trabajo lo hice bajo un mandamiento que se resumía en un hashtag que luego, durante algún tiempo, fue un lema: #BloggingFácil. También fue la época en la que el mantra era “Democratizar el aprendizaje del blogging” y “Ayudar a los bloggers a entender los métodos y herramientas para lograr un blog de éxito”.

Más tarde, en 2015, mi blog y yo aterrizamos en SiteGround. Allí me di cuenta de algo revelador: Blogpocket.com había mejorado en rendimiento sin que yo hiciese nada. Pero supe algo mucho más importante: las herramientas para optimizar un sitio web de WordPress no debían estar en el back-end sino en el propio hosting. Poco a poco, SiteGround fue perfeccionando su entorno de hospedaje de sitios web de WordPress y, en la actualidad, en la mayoría de los casos, solo es preciso algunos pequeños ajustes con el fin de obtener altos niveles de optimización del rendimiento.

Después conocí el trabajo de Jack Lennox y su theme Susty, y este artículo maravilloso acerca de la sostenibilidad a la hora de crear páginas web.

A finales de 2019 tenía listo un método conciso, con unas pocas herramientas y un procedimiento concreto, para tener en poco tiempo un sitio web optimizado en rendimiento, seguridad y SEO. También había logrado automatizar el control de cookies con Cookiebot y sabía cómo adaptar los formularios de captación de datos al RGPD.

Entre tanto, a finales de 2018 WordPress rompía de manera fulminante con su editor clásico y daba un paso de gigante instaurando el editor de bloques, más conocido por Gutenberg.

Pronto percibí que Gutenberg era mucho más que un simple editor de contenidos. Noté en mis propias carnes que uno podía ser más productivo usando el editor de bloques y que el aluvión de colecciones de bloques y nuevos recursos asociados con Gutenberg nos despertaba de una especie de letargo: WordPress volvía a ser divertido ;)

A lo largo de 2020 hubo dos recursos que fueron determinantes para dar forma a algo que tenía en mi cabeza desde hace mucho tiempo. Uno, el plugin Reusable Blocks Extended. De pronto, se podía llevar cualquier diseño a las áreas de widgets preparadas en un theme sin necesidad de utilizar un widget. Esto que parece banal, no lo es ni mucho menos. Lo trascendente es que cualquier zona de un theme, excepto la cabecera, se convertía en susceptible de recibir diseños hechos con bloques.

Pensémoslo despacio. Porque eso suponía que si uno era capaz de “vaciar” la página home y poseer un mecanismo como el proporcionado por Reusable Blocks Extended para alcanzar cualquier zona del theme (sidebar y footer, especialmente), teníamos el poder de ¡diseñar casi todo el theme con bloques de Gutenberg! Solo nos faltaría la cabecera.

La noticia no era que eso se pudiese hacer, porque ya había constructores visuales muy famosos que lo permitían. La gran (y buena) noticia es que se podía hacer con WordPress, de manera flexible, nativa y compatible. Colateralmente, el theme como concepto se diluía.

El otro recurso fascinante fue Gutenberg Hub. Munir Kamal, su creador, se imaginó a un usuario final que no sabía HTML ni CSS manejando bloques de Gutenberg e intentando personalizar el diseño de un theme. Consciente de las enormes dificultades que sufriría dicho usuario, se inventó un directorio de diseños de bloques, primero, y un conjunto de plantillas compuestas por diseños de bloques, un poco más tarde. Le sumó un plugin, denominado Editor Plus, y programó algo divino: para insertar en una página home (por ej.) diseños de bloques o plantillas de Gutenberg Hub, solo hay que hacer clic en un botón para copiar un código (que el usuario final no necesita conocer) al portapapeles y, luego, pegarlo en un bloque de párrafo vacío. Editor Plus permite que todo se ajuste como es debido; y facilita que puedas aplicar estilo CSS a cualquier bloque… ¡sin saber CSS!

Mucho antes de todo esto, a finales de de 2019, trabajando sobre el theme Sample de Genesis, y con los bloques pletóricos en el escenario, tuve una revelación. Había que dejar de desarrollar un theme, al estilo clásico, basado en el Sample de Genesis. La idea debía ser otra más acorde a la era post-Gutenberg y mucho más innovadora: proporcionar un Sample limpio y listo para recibir, excepto en la cabecera, bloques de Gutenberg. Sample serviría como folio en blanco y el diseño lo haría el usuario final… solo con bloques :)

Así nació Blogpocket Nineteen a principios de 2020, junto con la web Lanzatu.blog, una plataforma dedicada al aprendizaje de Gutenberg. Otros escribían posts sobre Gutenberg, yo desarrollaba un theme especial y un sitio web ;)

Pero proporcionar un recurso tan valioso solo para usuarios de Genesis no me pareció lo mejor. Me acordé de Jack Lennox, y su theme Susty, e hice lo mismo que con el Sample, vaciar a Susty y dejarlo listo para rellenarse con bloques de Gutenberg. Lo denominé Sustie, ¡qué poco original soy!

El único problema de Susty, es que Jack Lennox eliminó tantas cosas para dejarlo hiperminimalista y tártaro que incorporó un menú de navegación, que yo llamo “no menú”. Pasé gran parte del confinamiento intentando sustituir el menú “no menú” de Susty por uno normal pero siempre caía en remordimientos y el sentimiento de que estaba traicionando al bueno de Jack. Pero hace poco, decidí traicionarlo finalmente y Blogpocket Sustie ya presenta el menú tradicional y el menú “no menú” de manera opcional.

A lo largo de 2020, trabajé minuciosamente para ir mejorando Blogpocket Nineteen y Blogpocket Sustie. Y he visto, con mucha satisfacción, como se ha implementado en casos reales.

Ambos themes, junto con el Método Blogpocket, permiten crear de manera eficiente un sitio web de WordPress optimizado, preparado para recibir contenidos y diseño personalizado exclusivamente con bloques de Gutenberg. Todo libremente y gratis. Y cualquier puede hacerlo sin conocimientos de desarrollo web. Solamente se requiere conocer el funcionamiento del editor de bloques de WordPress. Esto es revolucionario, al mismo modo que un día tuvimos en nuestras manos una cajita para formatear texto y un botoncito que decía “Publish”. Hoy, tenemos la oportunidad de desarrollar sitios web sin saber desarrollo web.

Llego a 2021 con un Método para crear, en poco tiempo, sitios webs optimizados; y con un nuevo concepto de theme de WordPress que permite el diseño del sitio completo con bloques de Gutenberg. Justo para ver cómo en enero de 2021, Automattic ofrecía Blank Canvas, un theme para WordPress.com, con la misma idea de Blogpocket Nineteen/Sustie. Y para ver cómo está a punto de integrarse en el core de WordPress la función experimental “Edición del sitio”. Lo llaman “Full Site Edition” y supondrá un nuevo paradigma no solo a nivel de la creación de themes, sino en el concepto de creación de sitios web.

Antes de que todo eso sea una realidad, y como un atajo al FSE, he creado Blogpocket Website Premium, un producto que consiste en un sitio web de WordPress inicial alojado en SiteGround, con Blogpocket Nineteen, y la formación y consultoría necesaria para que el usuario pueda crear su propia web y diseñarla a su gusto con Gutenberg.

At that time the idea was only to improve my website in terms of SEO, security, mobile optimization and performance. I did that work under a command that was summarized in a hashtag that later, for some time, was a motto: # BloggingFácil. It was also the time when the mantra was “Democratize the learning of blogging” and “Help bloggers understand the methods and tools to achieve a successful blog.”
Later in 2015 my blog and I landed on SiteGround. There I realized something revealing: Blogpocket.com had improved in performance without my doing anything. But I knew something much more important: the tools to optimize a WordPress website should not be in the back-end but in the hosting itself. Slowly, SiteGround refined its WordPress website hosting environment, and today, in most cases, only a few small adjustments are required in order to achieve high levels of performance optimization.
Then I got to know Jack Lennox’s work and his Susty theme, and this wonderful article about sustainability when creating web pages.
At the end of 2019 I had a concise method ready, with a few tools and a specific procedure, to have a website optimized in performance, security and SEO in a short time. He had also managed to automate the control of cookies with Cookiebot and knew how to adapt the data collection forms to the GDPR.
Meanwhile, at the end of 2018 WordPress made a sudden break with its classic editor and took a giant step forward by introducing the block editor, better known as Gutenberg.
I soon realized that Gutenberg was much more than just a content editor. I noticed on my own that one could be more productive using the block editor and that the barrage of block collections and new resources associated with Gutenberg woke us from a kind of lethargy: WordPress was fun again;)
Throughout 2020 there were two resources that were decisive in shaping something that had been in my head for a long time. One, the Reusable Blocks Extended plugin. Suddenly, you could bring any design to the widget areas prepared in a theme without using a widget. This seems banal, it is far from it. The important thing is that any area of ​​a theme, except the header, became susceptible to receiving designs made with blocks.
Let’s think about it slowly. Because that meant that if one was able to “empty” the home page and have a mechanism like the one provided by Reusable Blocks Extended to reach any area of ​​the theme (sidebar and footer, especially), we had the power to design almost the entire theme! with Gutenberg blocks! We only need the header.
The news was not that this could be done, because there were already very famous visual builders that allowed it. The great (and good) news is that it could be done with WordPress, in a flexible, native and compatible way. Collaterally, the theme as a concept was diluted.
The other fascinating resource was the Gutenberg Hub. Munir Kamal, its creator, imagined an end user who did not know HTML or CSS handling Gutenberg blocks and trying to customize the design of a theme. Aware of the enormous difficulties that such user would suffer, he invented a directory of block designs, first, and a set of templates made up of block designs, a little later. He added a plugin, called Editor Plus, and programmed something divine: to insert block designs or templates from Gutenberg Hub into a home page (for example), you just have to click a button to copy a code (that the user end does not need to know) to the clipboard and then paste it into an empty paragraph block. Editor Plus allows everything to fit properly; and makes it easy for you to apply CSS style to any block … without knowing CSS!
Long before all this, at the end of 2019, working on the Genesis Sample theme, and with the full blocks on stage, I had a revelation. We had to stop developing a theme, in the classic style, based on the Genesis Sample. The idea had to be another one more in line with the post-Gutenberg era and much more innovative: provide a clean Sample ready to receive, except for the header, Gutenberg blocks. Sample would serve as a blank sheet and the design would be done by the end user … only with blocks :)
Thus, Blogpocket Nineteen was born in early 2020, along with the Lanzatu.blog website, a platform dedicated to learning Gutenberg. Others wrote posts about Gutenberg, I developed a special theme and a website;)
But providing such a valuable resource just for Genesis users didn’t seem like the best thing to me. I remembered Jack Lennox, and his Susty theme, and did the same as the Sample, emptying Susty and getting him ready to fill with Gutenberg blocks. I named it Sustie, how unoriginal I am!
Susty’s only problem is that Jack Lennox removed so much to make it hyperminimalist and tartar that he incorporated a navigation menu, which I call “no menu”. I spent much of the confinement trying to substitute Susty’s “no menu” menu for a regular one but I always fell into remorse and the feeling that she was betraying good old Jack. But recently, I decided to finally betray him and Blogpocket Sustie already features the traditional menu and the “no menu” menu optionally.
Throughout 2020, I worked painstakingly to improve Blogpocket Nineteen and Blogpocket Sustie. And I have seen, with great satisfaction, how it has been implemented in real cases.
Both themes, together with the Blogpocket Method, allow to efficiently create an optimized WordPress website, prepared to receive content and personalized design exclusively with Gutenberg blocks. All freely and u. And anyone can do it without knowledge of web development. You only need to know how the WordPress block editor works. This is revolutionary, in the same way that one day we had in our hands a box to format text and a little button that said “Publish”. Today, we have the opportunity to develop websites without knowing web development.
I come to 2021 with a Method to create, in a short time, optimized websites; and with a new concept of WordPress theme that allows the design of the complete site with Gutenberg blocks. Just to see how in January 2021, Automattic offered Blank Canvas, a theme for WordPress.com, with the same idea as Blogpocket Nineteen / Sustie. And to see how the experimental “Site Editing” function is about to be integrated into the WordPress core. They call it “Full Site Edition” and it will mean a new paradigm not only in terms of creating themes, but also in the concept of creating websites.
Before all that is a reality, and as a shortcut to the ESF, I have created Blogpocket Website Premium, a product that consists of an initial WordPress website hosted on SiteGround, with Blogpocket Nineteen, and the necessary training and consulting for the user can create their own website and design it to their liking with Gutenberg.