Temas de bloques de WordPress: la guía completa

temas-de-bloques-de-wordpress

WordPress tiene veinte años y todo indica que permanecerá aquí durante muchos años. Esta era es increíble en el mundo del software. Es como una criatura de la prehistoria que vive hoy en día. El dominio de WordPress se basa en el perpetuo cuidado de los usuarios por mantenerlo actualizado. Por ejemplo, existe un complejo plan de cuatro pasos para modernizar WordPress . Actualmente estamos en la segunda fase de este plan: edición completa del sitio mediante bloques de contenido.

Los temas de bloque son el resultado de la segunda fase del plan y, tarde o temprano, los adoptarás. Será mejor que te mantengas por delante de la competencia y aprendas más sobre los temas de bloques y cómo usarlos ahora.

Introducción a los temas de bloques

bloquear temas

¡Sería un error considerar los temas de bloqueo como una moda pasajera e ignorarlos! Por el contrario, podrás utilizar temas clásicos de WordPress durante muchos años a partir de ahora. En conjunto, los temas de bloques son el futuro, gracias a una forma más fácil de usar para crear sitios web.

Un tema de bloque es un tema de WordPress compuesto enteramente por bloques. Puede insertar, personalizar y eliminar bloques en todo el sitio web: páginas, publicaciones, encabezados, pies de página o barras laterales. Básicamente, crear un sitio web se reduce a colocar bloques en un lienzo.

No necesita escribir una sola línea de código para crear un sitio web de WordPress altamente complejo. Además de eso, los temas de bloques son más rápidos que sus homólogos clásicos. 

Los temas de bloques se encuentran en sus primeras etapas y, claramente, hay margen de mejora.

Temas clásicos versus temas de bloques

Es bueno conocer las diferencias entre temas clásicos y de bloques. Como visitante de un sitio, no se dará cuenta si un sitio web utiliza un bloque o un tema clásico. Pero hay diferencias bastante grandes bajo el capó. Estos son los principales aspectos que diferencian los temas de bloques.

Menos PHP, más HTML

Los temas y complementos de WordPress se basan en scripts PHP para realizar acciones. Mostrar las últimas cinco publicaciones, agregar un nuevo usuario o insertar un widget, todo se reduce a escribir código PHP. Los temas de bloque se basan en HTML y utilizan archivos PHP sólo como alternativa. En lugar de utilizar condicionales de PHP, la configuración del bloque permite resultados diferentes.

No más widgets

Aquellos que han estado en el espacio de WordPress durante los últimos años ciertamente usaron widgets. Los temas de bloques reemplazan los widgets con bloques. Todas las funciones de los widgets también se pueden lograr con bloques. Las personas que han usado widgets durante muchos años pueden dudar en reemplazarlos. Sin embargo, los nuevos usuarios aprecian el método unificado de creación de diseños. 

Menú de navegación

Si bien el menú de navegación sigue siendo igualmente importante en el bloque y en los temas clásicos, tiene un bloque normal para crear menús. No se preocupe, tiene un gran conjunto de opciones para personalizar el menú de su sitio.

El personalizador está en su apogeo

personalizador en tema de bloque

Como webmaster, pasas mucho tiempo en la sección Personalizador, ajustando tu sitio web. Es un cambio importante renunciar al Personalizador, pero es inútil para los temas de bloque. Hasta cierto punto, Site Editor es el nuevo Personalizador, pero es más sencillo y rápido de usar. 

Editor del sitio

¿Las características anteriores despertaron su interés? Ensuciarse las manos con temas de bloques es sencillo. Instala tu tema de bloque de WordPress favorito. Elija una de nuestras recomendaciones si no tiene ningún favorito. Instale y active el tema y vaya a Apariencia > Editor (Beta) desde su panel de administración.

Apariencia > Editor (Beta) desde su panel de administración

Dependiendo de tu tema, tienes algunas plantillas para personalizar. Por ejemplo, el tema predeterminado de WordPress Twenty Twenty-Three tiene las siguientes plantillas:

  • Buscar
  • Soltero
  • Blanco
  • Índice
  • Archivo
  • 404
  • Blog
  • Inicio
  • Página.

Es posible que su tema tenga plantillas ligeramente diferentes, pero los nombres suelen explicarse por sí solos. Ahora, ve a una de estas plantillas e inicia el proceso de personalización. Desde aquí, insertas patrones y bloques en la plantilla.

patrones en temas de bloques

Los patrones son componentes del sitio como botones, encabezados, columnas o texto. Prácticamente se trata de grupos de bloques con una finalidad funcional. Los bloques son construcciones de diseño simples típicas de los sitios web de WordPress.

bloques en el tema de wordpress

Párrafo, encabezado, tabla, galería, imagen, botones, HTML personalizado, nube de etiquetas o búsqueda son algunos de los bloques más comunes. Arrástrelos a su diseño, personalícelos y su página estará lista para brillar. 

Estilos globales

La barrera de entrada baja de los temas de bloques tiene un inconveniente inesperado. Cualquiera puede crear un sitio web. Pero, ¿se ajustan estos sitios web a las reglas del buen diseño?

Por ejemplo, los creadores de sitios web sin experiencia carecen de coherencia. Como resultado, existe una alta probabilidad de que agregar diferentes bloques en un lienzo dé como resultado un diseño inconsistente. Afortunadamente, los estilos globales resuelven este problema y ayudan a los usuarios a crear diseños atractivos y consistentes.

Vaya a su panel de administración de WordPress y acceda al Editor ( Apariencia > Editor ). En la esquina superior derecha, verá el ícono de estilos globales al lado del Guardar y de Configuración .

Panel de administración -> Apariencia -> Editor

Puede seleccionar los estilos del tema y configurar los colores, fuentes y diseños. Los estilos globales garantizan la coherencia, pero la configuración del bloque los sobrescribe. Por ejemplo, elige la fuente Roboto para los títulos H2 en los estilos globales. Sin embargo, puedes cambiar fácilmente la fuente de cualquier encabezado que desees insertando un bloque de encabezado y configurando una nueva fuente.

En la misma sección, puedes personalizar los bloques. Haga clic en el botón desplegable "Bloques" y seleccione el bloque a personalizar. A continuación, puede aplicar estilo al bloque, volver a la lista de bloques y seleccionar otro bloque, y así sucesivamente.

Site Editor aún se encuentra en las primeras etapas y puede tener errores o perder algunas funcionalidades útiles. Actualmente, los desarrolladores de WordPress prueban el terreno con temas de bloques de construcción. Hay muchos debates candentes, controversias e incertidumbres a este respecto. Lo que hoy es aceptable y fiable puede resultar inútil mañana. Sin embargo, debes tener en cuenta que los temas de bloques de WordPress son el futuro. Por lo tanto, será mejor que empiece a prepararse para el futuro antes que sus competidores.

10 geniales temas de bloques de WordPress para tu próximo sitio web

Tarde o temprano, seguramente utilizarás temas de bloques de WordPress para tus sitios web. Tenga en cuenta que están en la versión beta, por lo que hay mucho margen de mejora. Es posible enfrentar más errores de lo habitual, pero esa es la norma para los primeros usuarios. La creación de sitios web a través de bloques se encuentra en las primeras etapas. Las cosas están mejorando rápidamente gracias a una comunidad activa dispuesta a mejorar WordPress. 

Site Editor es el término más nuevo para describir el proceso de creación de sitios web de WordPress con bloques. Está bien si está más familiarizado con la edición completa del sitio; los términos son sinónimos.

En conjunto, Site Editor es la opción preferida para los entusiastas de WordPress porque es más sugerente para los usuarios ocasionales. Instale un tema de bloque para explorar Site Editor. ¿No estás seguro de qué tema de bloque elegir? ¡Aquí hay diez excelentes temas de bloques de WordPress para probar!

veinte veintidós

Veinte-veintidós-tema-de-bloque-de-WordPress

Twenty-Twenty-Two es el primer tema de bloque oficial de WordPress y se ha instalado más de un millón de veces. Se lanzó simultáneamente con WordPress 5.9 y es un tema bastante simple. Úselo con confianza para sus sitios web. Es el tema ideal para aprender a diseñar sitios web con bloques. veinte

Twenty-Two es la mejor solución si eres nuevo en Site Editor debido a su simplicidad. El tema se carga increíblemente rápido gracias al diseño simple y al formato de bloque. Por lo tanto, tiene una ventaja competitiva sobre los temas estándar de WordPress.

Base de bloques

Blockbase-bloque-tema

Automattic, la empresa detrás de WordPress.com, WooCommerce, Jetpack y Tumblr, sabe un par de cosas sobre WordPress. Cualquier tema lanzado por Automattic debería estar en tu radar. Blockbase es el concepto de Automattic de un tema basado en bloques.

Al igual que Twenty Twenty-Two, este tema viene con una funcionalidad básica. Los entusiastas del minimalismo aprecian su diseño. Sin embargo, tienes muchos bloques a tu disposición para agregar elementos al diseño.

El tema viene con plantillas básicas como Índice, Página, Único, Solo pie de página, Pie de página y encabezado, Búsqueda, Archivo y 404. Además, tiene algunas partes de plantilla simples, como pie de página, encabezado, encabezado centrado, post- meta o post-metaiconos. 

wabí

Temas-de-bloques-minimalistas-wabi

Wabi es un tema para narradores que quieren transmitir un mensaje auténtico. Es una solución para blogs y revistas de noticias que se centra en la calidad y la expresividad. Úselo con fines artísticos más que comerciales.

Comience a construir su sitio web consultando las plantillas de Wabi. A continuación, personalízalos para que coincidan con tu estilo. No olvide mirar las partes de la plantilla y, eventualmente, insertarlas en las páginas de su sitio. Agregue bloques al diseño y pruebe todas sus configuraciones para encontrar los resultados deseados. Es un trabajo sencillo y agradable, pero requiere tiempo y paciencia.

prensa de bloque

Blockpress-tema-WordPress

Blockpress es uno de los temas de bloques de WordPress más complejos. A pesar de eso, incluso los usuarios menos experimentados disfrutarán usándolo. El tema funciona para una gran variedad de propósitos, desde blogs hasta comercio electrónico.

Según los desarrolladores del tema, Blockpress utiliza la carga de recursos condicional que reduce sustancialmente el tamaño del archivo de estilo. En términos sencillos, el tema carga estrictamente lo que pides. En este contexto, el tema se carga increíblemente rápido a pesar de su complejidad.

Otra ventaja de Blockpress es el control global sobre la tipografía y las opciones dinámicas como habilitar un precargador o una barra de progreso en las publicaciones. 

Captura FSE

Tema Catch-FSE

Este es otro tema de WordPress basado en bloques que se adapta a una amplia variedad de propósitos. Impresiona por el mayor número de plantillas. Además de las plantillas estándar como Índice, Archivo, Página, Única y 404, viene con algunos elementos destacados como:

  • Archivar producto
  • Página de blog (barra lateral a la izquierda)
  • Página de blog (barra lateral a la derecha)
  • Página única (sin barra lateral de ancho completo)
  • Página única (barra lateral a la derecha)
  • Publicación única (sin barra lateral de ancho completo)
  • Publicación única (barra lateral a la derecha)
  • Producto único.

Tiene todo lo que necesita para crear un sitio web excepcional, pero también puede comprar el complemento FSE Pro para ampliar la funcionalidad del tema.  

ona

Ona-tema-de-bloque-de-WordPress

Ona está disponible para descarga gratuita tanto en el repositorio de WordPress como en el sitio web de los desarrolladores, DeoThemes. La versión premium del tema, Ona Pro, viene con soporte para WooCommerce y un par de plantillas y patrones adicionales. En total, incluso la versión gratuita tiene excelentes plantillas y patrones para diseñar un sitio web atractivo.

Crea tu sitio web ya sea con una plantilla o comenzando desde cero y agregando bloques. Aquellos con una suscripción premium obtienen acceso a plantillas profesionales adecuadas para múltiples propósitos, incluidas cafetería, moda, tienda en línea, salud, revista y agencia. Demuestra que Ona es un genuino tema de bloque multipropósito de WordPress.

BlockMag 

BlockMag-WordPress

Tienes que hacer todo lo posible para aumentar la velocidad de carga si tienes un blog o una revista de noticias. La competencia es dura en esta industria y los lectores tienen grandes expectativas. Por lo general, los temas de bloques de WordPress son más rápidos pero incluyen menos funciones. Este no es el caso de BlockMag, que es simultáneamente rico en funciones y de carga rápida. El tema también tiene una versión premium que tiene más plantillas y patrones.

Quedará impresionado por la cantidad y la calidad de las plantillas. Crear su sitio web es una actividad divertida con BlockMag porque tiene control total sobre cada píxel de cada página web.

Helada

Tema de bloque de escarcha

Frost es un tema de bloque administrado por WPEngine, una de las empresas de alojamiento de WordPress más famosas. Por lo tanto, la calidad del código y la confiabilidad del tema están fuera de discusión, así que descárgalo y úsalo libremente para tu proyecto. Consulte las secciones de patrones y guía de estilo del sitio web de Frost si es totalmente nuevo en este tema. Muestran cómo utilizar Frost de forma sencilla y concisa. Los patrones se ven geniales y tienes todos los ingredientes necesarios para un sitio web de calidad.

GenerarPrensa

Tema de bloque de WordPress GeneratePress

GeneratePress se distingue por ser compatible con creadores de páginas como Beaver Builder y Elementor. Además, es uno de los temas de bloques de WordPress con más funciones del mercado.

Considere utilizar la versión gratuita del tema para probar su potencial. Compra la versión premium si estás satisfecho con la gratuita, pero quieres más plantillas. La biblioteca del sitio incluye docenas de plantillas diseñadas profesionalmente que se incluyen en las categorías de negocios, comercio electrónico y blogs.

Si bien no es una razón per se para usar este tema, es notable que la versión gratuita del repositorio de WordPress tenga 500.000 instalaciones activas y una calificación perfecta: 5 de 5 estrellas.

ladrillo

Tema de bloque de WordPress de Bricsky

Si desea que su sitio web exprese positividad y felicidad, debe optar por Bricksy. Es un tema de bloque simple que funciona para proyectos centrados en imágenes. Bodas, viajes y desarrollo personal son solo algunas áreas adecuadas para Bricksy.

Gracias a su estructura de bloques, personalizar el tema es cuestión de simplemente arrastrar y soltar elementos en el lienzo. Como la mayoría de los temas de bloques de WordPress, tiene una versión pro con funcionalidad extendida.

A ti

El Editor del sitio se encuentra en las primeras etapas y seguramente mejorará con el tiempo. Lo mismo ocurre con los temas de bloques de WordPress: mejorarán con el tiempo. Sin embargo, los temas anteriores parecen prometedores y merecen su atención. Ser uno de los primeros en adoptar no es fácil, pero puede brindarle una valiosa ventaja frente a sus competidores. Por lo tanto, preste atención a los temas de bloqueo y, eventualmente, utilícelos en sus proyectos.

Comentarios

Deja un comentario

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

Inglés