Sigue este blog vía RSS, en el Fediverso en @acambronero@www.blogpocket.com, o vía email.

You don’t speak Spanish? Explore a selection of Blogpocket posts in English

Otro ejemplo de uso del bloque de columnas: cómo añadir un sidebar a los posts

¿Tienes WordPress 5.9 y un tema de bloques? ¿La plantilla de posts individuales no posee sidebar? En este post te enseñamos a añadir un sidebar a los posts.

En Un ejemplo del uso del bloque de columnas: una casilla de aceptación vimos cómo podíamos emplear el bloque de columnas para confeccionar una casilla de aceptación. Ese era un caso muy sencillo. Aquí planteamos algo un poco más sustancioso: añadir un sidebar (columna lateral) a las publicaciones (posts) de un blog.

Fíjate en el vídeo, cómo se modifica la plantilla correspondiente a los posts individuales para añadir un sidebar.

A modo de resumen, es de destacar lo siguiente:

  • Nos ayudamos de la vista del lista. Acude a nuestro curso de Full Site Editing para una revisión del funcionamiento del editor del sitio. La vista de lista permite no solo ver la estructura del diseño de bloques a vista de pájaro, sino también realizar fácilmente operaciones de inserción, borrado y movimiento de bloques.
  • Bloque de columnas. Utilizamos el bloque de columnas (insertado después del bloque de grupo) para obtener el diseño típico de un blog: contenido a la izquierda y sidebar a la derecha. La operación que vamos a ejecutar no debe afectar ni al bloque de cabecera ni al del footer.
  • Mover. Mover el grupo con el diseño de bloques, correspondiente al contenido del post, dentro del bloque de la columna de la izquierda. Esto se hace, de manera muy sencilla, utilizando la vista de lista.
  • Ya tenemos sidebar. Ahora solo hay que «rellenarlo» con otros bloques.
FSE-NEWS-1024x576 Otro ejemplo de uso del bloque de columnas: cómo añadir un sidebar a los posts

FSE NEWS son posts rápidos con tips, tools y noticias sobre Gutenberg y Full Site Editing (FSE). Consulta la página principal para acceder a todos los posts de FSE NEWS. Consulta el FAQ para aclarar los términos generales que se utilizan.

Responder en Mastodon (requiere usuario en esa plataforma)

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

Copia y pega esta URL (https://www.blogpocket.com/?p=70775) 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