Cómo fue la charla «¡Conoce la Edicion Completa de Sitio (FSE) de una vez!»

Participación alicantina en la WordCamp Europe

  • Gustavo
  • Kristof
  • Héctor

Nuevos patrocinadores

Marco Finestrat quien va a grabar y editar los vídeos. Marco es un videógrafo profesional, ofrece servicios Audiovisuales como:
– Creación de vídeos de empresa
– Eventos en Streaming
– Grabación y edición de podcasts
– Grabación de eventos
– etc…

Su web: https://marcoproducciones.com/

¡Siteground! Desde aquí gracias a Moncho de Siteground que acudió en nuestra ayuda cuando pude compartir con él unos estupendos ratos en la WordCamp Europe.

Siteground es un hosting web con planes especializados en WordPress y que colabora con la comunidad de WordPress tanto apoyando meetups y WordCamps como aportando personal donde gran parte de su tiempo es el de crear contenido y material relacionado con WordPress.

Va a estar con nosotros al menos 6 meses y nada, se hará cargo de nuestras cervezas mientras tanto.

Ahora están con un descuento del 80% en sus planes de hosting

Su web: https://www.siteground.es/

Qué es la Edición Completa de Sitio

Es parte del proyecto Gutenberg que se divide en tres partes o fases:

  • Editor de bloques. Lanzada con WordPress 5.0 en Diciembre 2018
  • Full site editing o edición completa de sitio. Lanzada en WordPress 5.8 en Julio 2021.
  • Multilenguaje. ¿Se lanzará en WordPress 7.0 en 2026?

¿En qué consiste?

Si ya estás familiarizada/o con el editor de bloques, con el FSE podrás usar los bloques también en el header, en el footer y decidir cómo se muestra la información dependiendo de qué información se verá en la pantalla.

Nuevos bloques

A los bloques tradicionales de WordPress (link de wordpress.com, pero perfectamente aplicable a wordpress.org) se unen algunos nuevos:

  • Navegación
  • Logo
  • Lema
  • Comentarios
  • Template parts
  • Header
  • Footer
  • y muchos más…

Nuevas unidades:

Estilos del tema (Colores y Tipografías)

Podemos elegir entre los estilos (colores y tipografías) que nos propone el tema instalado y personalizar los bloques por defecto del tema.

Las templates o plantillas

Donde podremos crear nuestras visualizaciones de contenido.
Parecido a la jerarquía de plantillas de temas de WordPress y a las plantillas de página.

Por defecto ya creadas:
Front Page
404
Page (Large Header)
Single Post (No Separators)
Search
Page
Blank
Index
Single Post
Home
Page (No Separators)
Archive

Puedes añadir:
Front Page
Author
Category
Date
Tag
Taxonomy

Para crear nuevas plantillas de singular (page, post, Custom Post Types item…), necesitamos ir a la página de edición y crearlo desde ahí

Las template parts o partes de plantilla

Partes de plantillas que podemos usar dentro de las plantillas.

Hay tres tipos:

  • Header. Parte alta de la página o cabecera, donde suele ir el logo. Lo maneja el bloque “Header”.
  • Footer. Parte baja de la página. Pie de página. Lo maneja el bloque de “Footer”
  • General. Son plantillas que podemos mostrar en el cuerpo de la página. Las manejan el bloque “Template Part”

Los patrones de bloque

Cada tema viene con patrones de bloques que puedes definir registrándolos desde block-patterns.php
Galería de patrones en wordpress.org
Se acceden a ellos desde el navegador de bloques, pestaña patrones.

Grandes cambios con respecto a los temas anteriores

👉 Los menús ahora son bloques de menus. Desaparece el Apariencia > Menú para convertirse ahora todo en bloques.

👉 Desaparecen los widgets. Tendrás que crear la parte de la plantilla en cuestión para que aparezcan.

Desaparece el «Apariencia > Personalizar» ahora todo en editor. Los favicon se establece en el bloque “site logo”.

Lee este artículo de Nelio sobre cómo pasar de tu antiguo tema a uno nuevo de bloques.

👉 Aparece una nueva parte en nuestras páginas de contenido que es el Template

Cómo se instala / usa

Se instala como cualquier otro tema, solo que tenemos que cerciorarnos de que sea compatible con la Edición Completa de Sitio / Full Site Editing.

Para utilizarlo:
Apariencia > Editor: es la nueva sección de WordPress

Temas compatibles con el FSE

Plugins interesantes

Conditional Blocks – Visibility control for Full Site Editing – WordPress plugin | WordPress.org

Cómo aprender

👉 A usarlo: Mi canal de YouTube donde estoy subiendo sesiones en directo de uso mientras aprendo.
👉 La página sobre FSE que es un poco la biblia.
👉 La flamante web de “Learn WordPress” trae un apartado importante sobre Full Site Editing, en concreto 3.
👉 Un artículo en castellano en la web de Kinsta sobre la actualización 5.9 donde habla del Full Site Editing y un análisis profundo del FSE
Artículo de Nelio
👉 A crear temas compatibles con Full Site Editing Este vídeo introductorio de Brad Schiff en el que presenta el apartado de su curso avanzado de WordPress Developer de Udemy Become a WordPress Code Developer Course | Udemy

El vídeo


Comentarios

Deja una respuesta

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