Cómo personalizar la página de inicio y del blog en el tema de bloques Twenty-Twenty Four (actualizado a WordPress 6.6)

Share to social media
Cómo personalizar la página de inicio y del blog en el tema de bloques Twenty-Twenty Four (actualizado a WordPress 6.6) - Soy consciente de la importancia del atributo ALT y estamos trabajando para mejorar la accesibilidad de este sitio web.

Este artículo, actualizado para WordPress 6.6 (julio de 2024), explica cómo personalizar las páginas de inicio y del blog en un tema de bloques como Twenty-Twenty Four. Para establecer una página de inicio estática, uno debe crear dos páginas y asignar la página de inicio a una de ellas y la del blog a la otra. Si se desea tener ambas páginas, se debe crear una plantilla de página de inicio y asociar la página de inicio a ella en los ajustes de lectura. Luego, se deben editar ambas plantillas para personalizarlas. Además, se debe tener en cuenta que las plantillas no deben contener contenido, solo la estructura y bloques para mostrar el contenido. También, se han añadido los correspondientes videotutoriales para facilitar la comprensión del proceso de configuración.

Una de las cuestiones a resolver cuando instales un tema es la de personalizar las páginas de inicio y las del blog. Vamos a suponer que quieres crear un sitio web que tenga ambas páginas.

Cómo se hacía en un tema clásico

Tradicionalmente (antes de Gutenberg), esto se hacía mediante el cambio correspondiente en la opción «Ajustes de la página de inicio» en la personalización de un tema clásico. Allí, se podía elegir qué mostrar en la página de inicio de tu sitio. Podían ser las entradas en orden cronológicamente inverso (lo que todos entendemos como blog) o una página fija/estática. Para establecer una página de inicio estática, primero había que crear dos páginas. Una se convertía en la página de inicio y la otra era donde se mostrarán tus entradas. Si no hacías esto último, en general, lo que se mostraba de manera predeterminada era la página con las últimas entradas del blog.

Sin embargo, todo eso depende del tema clásico que se esté configurando. Por ejemplo, en Twenty Seventeen hay preparada una configuración por defecto, mediante la opción de «Ajustes de la página de inicio», dentro de la personalización del tema (ver vídeo 1). En dicho vídeo se muestra cómo al ir a la opción de personalizar el tema, tenemos en los desplegables páginas preparadas (que no hemos creado nosotros) y que se crean en el momento de «publicar» los cambios.

Si el tema clásico no tiene preparadas las página de inicio y del blog, tendrás que crearlas tú antes de ir a la opción de personalizar – Ajustes de la página de inicio.

Pero lo que nos interesa, en este artículo, es cómo se configuran las páginas de inicio y la de entradas en un tema de bloques, usando el editor del sitio.

Cómo se hace en un tema de bloques

El editor del sitio emplea las plantillas predeterminadas y las que puedas crear nuevas para establecer y personalizar las páginas de inicio y del blog.

Cómo se hace en Twenty-Twenty Four

Vamos a ver, a continuación, cómo determinamos y ajustamos las páginas de inicio y del blog en el tema de bloques Twenty-Twenty Four. Aunque es un caso concreto, el método es perfectamente válido con cualquier tema de bloques. Lo único que tendrás que ver es qué plantillas tienes activadas por defecto pero el funcionamiento de las mismas pertenece al núcleo de WordPress.

Establecimiento del blog como página de inicio

Por defecto, Twenty-Twenty Four asocia la plantilla «Inicio del blog» (Blog Home) a la página de inicio (ver vídeo 2). Si vas a la vista previa de dicha plantilla leerás lo siguiente: «Muestra las entradas más recientes, así como la página de inicio del sitio o una página personalizada definida en los ajustes de lectura. Si existe, la plantilla de «Página de inicio» (Front Page) sobreescribirá a esta plantilla cuando se muestren las entradas en dicha página de inicio.«

Efectivamente, si vamos a los ajustes de lectura (Ajustes > Lectura), comprobaremos que «Tu página de inicio muestra» tiene habilitada la opción «Tus últimas entradas». Sin embargo, de manera predeterminada esto es falso en Twenty-Twenty Four. Una pequeña jugarreta que es preciso corregir de inmediato.

El método para resolverlo de inmediato es editar la plantilla «Inicio del blog» (Blog Home), ir a la pestaña «Plantilla» en la configuración de la columna de la derecha, hacer clic en la sección «Diseño» y elegir la plantilla «Plantilla de índice de blogs».

Después de ese pequeño cambio, tendremos establecido el blog como página de inicio. Y los ajustes de lectura coinciden con lo que queremos.

Establecimiento de una página estática como página de inicio

Si lo que queremos como página de inicio no es el blog, podemos dejarlo como estaba, yendo otra vez a la pestaña «Plantilla» en la configuración de la columna de la derecha. Después haremos clic en la sección «Diseño» y elegiremos otra vez la plantilla «Plantilla de página de inicio de negocios».

Pero si lo que deseamos es tener página de inicio y blog, entonces podemos optar por lo siguiente (ver vídeo 3):

Primero, crea la plantilla «Página de inicio» (Front Page). En la vista previa, esta plantilla se explica de la siguiente manera: «Muestra la página de inicio de tu sitio, tanto si está configurada para mostrar las últimas entradas como si es una página estática. La plantilla de la página de inicio tiene prioridad sobre todas las plantillas.«. Antes de continuar, recuerda que puedes elegir el diseño predefinido de tu portada, a partir de los que se ofrecen en la sección «Diseño», dentro de la pestaña «Plantilla».

Comprueba que no es la del blog. Ya sabes que puedes editarla yendo otra vez a la pestaña «Plantilla» en la configuración de la columna de la derecha. Después haz clic en la sección «Diseño» y elige la plantilla que quieras. E, incluso, editarla a tu gusto añadiendo o quitando bloques.

Después, crea dos páginas nuevas: Inicio y Blog. En principio, déjalas vacías y asociadas a la plantilla por defecto.

Ahora, dirígete a los ajustes de lectura y cambia a la opción de «página estática», asignando la portada a la página «Inicio» y la del blog a la página «Blog». ¡Guarda los cambios y comprueba cómo se ha hecho la magia!

Entra en la lista de páginas para comprobar que la página «Inicio» es la página de inicio y «Blog» es la del blog. Además si las editas, verificarás que se han asignado automáticamente las plantillas «Página de inicio» e «Inicio del blog».

Ahora, sería cuestión de personalizar a tu gusto esas dos plantillas.

Diferenciar entre presentación y contenido

Tal y como explicamos en WordPress y Edición del sitio: cuál es la diferencia entre tipos de contenido y plantillas, las plantillas no deberían llevar nada de contenido, solamente la estructura y bloques como «Contenido de la publicación» (Post Content) o de loop para mostrar las entradas.

De esta manera, para finalizar esta tarea de personalizar la página de inicio y la página del blog en el tema de bloques Twenty-Twenty Four, deberíamos editar y modificar la plantilla «Página de incio» (Front Page) dejando solamente los patrones de cabecera y pie de página y un bloque intermedio de «Post Content» o «Contenido» (ver vídeo 4). ¿Dónde diseñaríamos la página de inicio? Lógicamente, en la página «Inicio» que se creó para establecer una página estática como página de inicio.

Puedes copiar al portapales los bloques de la plantilla predeterminada «Página de inicio» (Front Page), excepto la cabecera y el pie, borrarlos y sustituirlo por un bloque de «Post Content».

Finalmente, pega los bloques del portapeles dentro de la página «Inicio».

En los diseños que están asignados a una plantilla concreta (como «Inicio del blog») no tiene sentido implementar la separación entre presentación y contenido, ya que se trata de una página especial y que, además, suele ser única. Siendo rigurosos, también se podría hacer pero habría que asignar la página «Blog» a una plantilla específica que no fuese «Páginas». En esa plantilla específica se insertaría el bloque «Contenidos», entre los bloques de cabecera y pie, y el bloque de grupo se movería a la página «Blog».

Pensamientos finales

En este post hemos repasado cómo se personaliza la página de inicio y la página del blog en un tema de bloques.

En el caso de que solo quieras página del blog como página de portada, hemos visto cómo arreglar ese pequeño problema, en Twenty-Twenty Four, alterando la plantilla «Inicio del blog».

En el caso de que quieras página de inicio y página del blog, hemos revisado el método, que consiste en habilitar la plantilla «Página de inicio » (Front Page) y crear dos páginas nuevas vacías, modificando -en los ajustes de lectura- cuál es la página estática de portada y cuál es la del blog.

Te leo en los comentarios.

Responder en Mastodon (requiere usuario en esa plataforma)

Puedes usar tu cuenta de Mastodon para responder a este post de acambronero

Copia y pega esta URL (https://www.blogpocket.com/2024/07/18/como-personalizar-la-pagina-de-inicio-y-del-blog-en-el-tema-de-bloques-twenty-twenty-four-actualizado-a-wordpress-6-6/) en el campo de búsqueda de la interfaz web de tu servidor Mastodon.

Icono de Mastodon

Deja una respuesta

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

Información básica sobre protección de datos Ver más

  • Responsable: Antonio Cambronero.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a GreenGeeks que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir al contenido