Método Blogpocket 2025: sitio web inicial personalizado

El Método Blogpocket como nunca lo habías visto antes: sitio web inicial personalizado

Este es el quinto post de la serie El Método Blogpocket como nunca lo habías visto antes (2025), una especie de actualización 2025 del Método Blogpocket. En el que descubrirás como personalizar en diseño y capacidades un sitio web de WordPress creado con el Método Blogpocket, simplemente empleando el Editor del sitio (Gutenberg).

Este es el primer paso de la segunda fase de la construcción de manera eficiente de un sitio web de WordPress optimizado, mediante el Método Blogpocket.

¿Qué es Gutenberg y el Editor del sitio?

El Editor del sitio, en WordPress, es distinto al Editor de contenidos y sirve para componer tanto el diseño como la estructura del sitio web sin necesidad de constructores visuales del estilo de Divi o Elementor.

El Editor del sitio (Gutenberg) es la herramienta visual que te permite diseñar y personalizar toda tu web directamente desde el navegador, sin necesidad de escribir código. Es el corazón del sistema de edición por bloques de WordPress, introducido para hacer que la creación de sitios sea más visual, flexible y coherente.

Antes, solo podías editar el contenido de las entradas o páginas. Con el Editor del sitio, ahora también puedes modificar el diseño completo: encabezado, pie de página, plantillas, estilos globales y mucho más. Todo desde un mismo lugar.

¿Cómo funciona?

Gutenberg utiliza un sistema de bloques, pequeñas piezas modulares (como textos, imágenes, botones, menús o columnas) que puedes combinar y mover libremente para construir cualquier tipo de diseño. Cada bloque tiene sus propias opciones de personalización: color, tipografía, alineación, márgenes, bordes, etc.

Piensa en ello como en un juego de construcción digital:

• Los bloques son las piezas.
• Las plantillas son los planos.
• Y el Editor del sitio es el espacio donde diseñas todo.

¿Qué puedes hacer con el Editor del sitio?

• Editar la cabecera y el pie de página de tu web sin usar temas hijos ni código.
• Crear y modificar plantillas (por ejemplo, la del blog o la de una página específica).
• Aplicar estilos globales, controlando fuentes, colores y espaciado en todo el sitio.
• Reutilizar patrones o diseños predefinidos para ahorrar tiempo.
• Visualizar los cambios en tiempo real, sin recargar la página.

Requisitos

El Editor del sitio solo está disponible con temas basados en bloques (Full Site Editing), como Twenty Twenty-Four o Blockbase.

Si usas un tema clásico, solo podrás acceder al editor de bloques dentro de las páginas o entradas, no al diseño completo.

En resumen

El Editor del sitio convierte a WordPress en una herramienta de diseño web completa, más parecida a un constructor visual (como Elementor o Divi), pero integrada en el propio núcleo de WordPress y basada en estándares abiertos. Te da el control total sobre tu web, incluso si no sabes programar.

Cómo personalizar el sitio web inicial

Una vez que tenemos disponible y operativo un sitio web inicial 100 % optimizado en rendimiento y seguridad, con uno de los temas de bloques predeterminado (por ej. TT5), es cuestión de personalizar el Front-end (página home, página del blog, etc.) y crear las páginas correspondientes. 

La personalización del tema requiere el conocimiento del Editor del sitio y del Editor de contenidos. Ambos se basan en bloques. Los diseños con bloques incluyen patrones de bloques y plantillas. Todo eso se asocia a páginas del sitio web y es así de sencillo. No se requiere el uso de ningún plugin de terceros para la construcción del Front-end, del estilo de Divi, Elementor, etc.

• Cómo personalizar la página de inicio y del blog en el tema de bloques Twenty-Twenty Four (actualizado a WordPress 6.6) [Incluye 4 vídeo tutoriales explicativos]
• Punto de entrada en Blogpocket a toda la información sobre el Editor del sitio: Curso de Full Site Editing (Edición completa del sitio)
• IMPORTANTE: Cómo migrar plantillas en WordPress, entre temas y sin perder estilos y Cómo personalizar la página de inicio y del blog en el tema de bloques Twenty-Twenty Four (actualizado a WordPress 6.6).

Revisa el nivel de optimización del rendimiento

Probablemente, tras la personalización con la incorporación de nuevos elementos (plantillas, bloques, widgets, etc.) hayas perdido algo de velocidad de carga o hayas incrementado el peso de las páginas (en KB’s).

Pero como has partido de un sitio totalmente optimizado, será fácil determinar qué elemento es el causante de las penalizaciones. Puedes optar por reajustes, eliminar las piezas que provocan el aumento de velocidad o del peso de las páginas o, incluso, por asumir ese coste, siempre y cuando esté dentro de los niveles aceptables (menos de un segundo y menos de 512KB de peso, son los valores recomendados).

Resumen

Ya sabemos como diseñar el front-end del sitio web inicial sin necesidad de usar complejos constructores visuales como Divi o Elementor.

Lo siguiente es personalizar el sitio web inicial, añadiendo diseño, contenidos, plugins, scripts, etc. lo que es motivo del próximo capítulo.

¿No tienes suficiente?

Entra en nuestro curso especial súper máquinas: Método Blogpocket Curso Crea Tu Web Profesional Tú Mism@.

¿Eres impaciente?

Tenemos algo ideal para ti: Volviendo al «WordPress simple» y un curso de WordPress para impacientes (7 vídeos de corta duración + bonus vídeochecklist).

Listo para pasar al sexto paso: «Web Premium»

Con el sitio web inicial optimizado y personalizado, pasamos al siguiente paso: una Web Premium.

[Imágenes generadas mediante ChatGPT]