{"id":14983,"date":"2024-05-08T16:43:48","date_gmt":"2024-05-08T14:43:48","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=14983"},"modified":"2024-10-08T16:41:29","modified_gmt":"2024-10-08T14:41:29","slug":"wordpress-como-crear-un-nuevo-tema-de-bloques","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2024\/05\/wordpress-como-crear-un-nuevo-tema-de-bloques\/","title":{"rendered":"WordPress, como crear un nuevo tema de bloques"},"content":{"rendered":"

En este mismo blog ya hemos visto con anterioridad como crear un tema de WordPress desde cero sin saber PHP<\/a>. Este tipo de temas actualmente se conocen como temas cl\u00e1sicos<\/strong>, ya que desde la versi\u00f3n 5.9 WordPress soporta un nuevo tipo de temas llamados temas de bloques<\/strong> (block themes). En este art\u00edculo vamos a ver como crear de forma f\u00e1cil un nuevo tema de bloques \u00abdesde cero\u00bb<\/strong>.<\/p>\n

El plugin Create Block Theme<\/h2>\n

Create Block Theme<\/a> es un plugin oficial<\/strong>, desarrollado por los creadores de WordPress, que nos va a permitir crear un nuevo tema de bloques en un \u00abplis plas\u00bb.<\/p>\n

Para ello, el primer paso ser\u00e1 buscar e instalar dicho plugin (obviamente).<\/p>\n

\"Instalar<\/a>

Instalar Create Block Theme<\/p><\/div>\n

Una vez instalado, la opci\u00f3n que nos interesa (crear un nuevo tema) la podemos encontrar dentro del men\u00fa Apariencia<\/strong>.<\/p>\n

\"Apariencia<\/a>

Apariencia > Create Block Theme<\/p><\/div>\n

De las opciones que nos aparecer\u00e1n, debemos de seleccionar la de \u00abCrear tema en blanco<\/strong>\u00ab…<\/p>\n

\"Crear<\/a>

Crear tema en blanco<\/p><\/div>\n

Y despu\u00e9s, en las numerosas opciones que nos aparecer\u00e1n en la derecha, la \u00fanica importante (y obligatoria) es la de \u00abNombre del tema\u00bb<\/strong>. As\u00ed que tenemos que darle un nombre a nuestro tema, y si queremos, podemos aprovechar e indicar tambi\u00e9n una descripci\u00f3n y el autor. No tenemos que preocuparnos por el resto de datos, ya que adem\u00e1s de ser opcionales, no es nada que no se pueda acabar a\u00f1adiendo con posterioridad.<\/strong><\/p>\n

Abajo de esta p\u00e1gina, despu\u00e9s de todas las opciones, encontramos un bot\u00f3n de \u00abGenerar\u00bb<\/strong>. Le damos al bot\u00f3n y ya tenemos nuestro tema de bloques \u00aben blanco\u00bb creado.<\/strong><\/p>\n

Podemos activarlo de forma similar a cualquier otro tema dentro de Apariencia > Temas<\/strong>.<\/p>\n

\"Activamos<\/a>

Activamos nuestro nuevo tema de bloques<\/p><\/div>\n

Una vez activado nuestro tema, veremos que tiene unos estilos extremadamente b\u00e1sicos y que es feo a rabiar. Obviamente, lo siguiente que tenemos que hacer es mejorar su aspecto y ampliar sus caracter\u00edsticas. Aunque esto es algo que veremos en futuros art\u00edculos. Por ahora nos vamos a limitar a revisar que archivos componen el tema.<\/p>\n

Estructura de archivos de un tema de bloques b\u00e1sico<\/h2>\n

Antes de tocar nada, es recomendable echar un vistazo a los archivos que se han generado. Dentro de nuestra carpeta de WordPress tendremos una carpeta llamada wp-content<\/strong> y dentro otra llamada themes<\/strong>. Dentro de esta \u00faltima, encontraremos una carpeta con el nombre de nuestro tema<\/strong>. Todos los archivos de nuestro tema se encuentran dentro.<\/p>\n

\"Archivos<\/a>

Archivos de un tema de bloques<\/p><\/div>\n

Vamos a revisar que tenemos aqu\u00ed:<\/p>\n