Tove theme: presentación de un tema de WordPress compatible con Full Site Editing

Hamilton, Hitchcock, Chaplin, Miyazaki: esos nombres probablemente te recuerden a personas famosas, especialmente cuando piensas en deportes y cine.

¿Pero sabías que también tienen algo que ver con WordPress? Sí, de verdad. Excepto que no es lo que piensas: Lewis Hamilton no ha decidido dedicarse al diseño web de WP después de perder el título mundial de 2021 en la última vuelta del último Gran Premio.

Dicho esto, podría volverse loco por eso (hola Alfred), pero te estás perdiendo el punto. De hecho, esos 4 apellidos famosos también son temas de WordPress creados por el prolífico y creativo Anders Noren .

El hombre tiene más de 20 de ellos en el directorio oficial, y hoy nos vamos a centrar en su último bebé, llamado Tove .

El nombre también está asociado con una celebridad, volveremos a eso más adelante, pero sobre todo está íntimamente relacionado con una pequeña revolución con el lanzamiento de WordPress 5.9.

¿Su nombre? Edición completa del sitio (FSE). Admítelo, te mueres por saber más, ¿no? Luces, cámara, acción: ven conmigo a descubrir a Tove… y al mismo tiempo, un poco de FSE también, ¡ya que van juntos!

¡Tus mejores proyectos de WordPress necesitan el mejor anfitrión!

WPMarmite recomienda Bluehost: gran rendimiento, gran soporte. Todo lo que necesitas para un gran comienzo.

Prueba Bluehost

¿Cuál es el tema de Tove?

Tove es un tema de WordPress gratuito y multipropósito basado completamente en bloques utilizados por el editor de contenido de WordPress (Gutenberg). Ha sido diseñado para ajustarse y cumplir con los requisitos del proyecto de edición completa del sitio, publicado con WordPress 5.9 (lanzado el 25 de enero de 2022).

Lanzado en septiembre de 2021, Tove sigue siendo muy confidencial en el momento de escribir este artículo. Tiene “solo” más de 400 instalaciones activas, principalmente por una simple razón: solo se puede usar con WordPress 5.9 o con una de las últimas versiones del complemento Gutenberg.

Entre las especificidades del tema WordPress Tove, destacan los siguientes puntos, como destaca su desarrollador, Anders Noren:

• Tove es muy ligero en términos de código , lo que es una verdadera ventaja en términos de velocidad de carga y la experiencia de usuario que puede ofrecer.
• Fue diseñado específicamente para restaurantes y cafés , “pero puedes usar Tove para cualquier tipo de sitio web que quieras” , dice Noren. Tove también se caracteriza por su flexibilidad.
• El tema Tove tiene alrededor de 40 patrones de bloques que se pueden agregar con un solo clic a sus páginas para tener un encabezado y un pie de página listos para usar, por ejemplo.

Esto lo convierte en un tema digno de estudio, sabiendo que los temas compatibles con FSE actualmente no están muy extendidos en el ecosistema.

Por un lado, encontrarás algunos creados de forma experimental (Armando, Q, TT1 Blocks).

Por otro lado, te encontrarás con temas que tomaron la decisión de subirse a la ola FSE antes que los demás, como Blockbase, Hansen o Aino.

Bueno, me refiero a la edición completa del sitio, pero este término podría sonar griego para ti. Para ayudarte a entenderlo mejor, te daré algunos consejos sobre este tema candente.

¿Qué es la edición completa del sitio?

El proyecto de edición completa del sitio, disponible con WordPress 5.9, le permite crear y editar la estructura completa de un sitio (incluidos el encabezado, el pie de página, el menú y las plantillas de página, no solo su contenido) utilizando los bloques del editor de contenido (Gutenberg).

Como se detalla en este artículo, los elementos clave que normalmente maneja el tema, como el encabezado o la página 404, ahora se pueden tratar utilizando los bloques del editor de contenido, que ya usa para escribir sus publicaciones, por ejemplo.

Este es un cambio importante, acercando el editor de contenido de WordPress a la forma en que funciona un creador de páginas .

También puede consultar nuestro estudio detallado sobre FSE y su impacto en las tiendas de temas de WordPress.

¡Ahora ya sabes todo sobre FSE! Sigamos centrándonos en el desarrollador del tema Tove, Anders Noren.

Tema de Tove: el toque de Anders Noren

Si sigues de cerca las noticias de WordPress, el nombre de Anders Noren seguro que te suena.

Este desarrollador y diseñador web sueco con sede en Estocolmo se hizo famoso por sus temas de WordPress, todos disponibles de forma gratuita en el directorio oficial.

En total, ofrece 22 de ellos y ha habido cerca de 4 millones de descargas . La mayoría de ellos se dedican principalmente a bloguear, pero también puedes encontrar algunos para crear un portafolio o una tienda online.
A menudo, la pauta es la misma: un aspecto minimalista y limpio.

Más allá de eso, Noren también contribuye al desarrollo de WordPress Core. ¿Un ejemplo? Diseñó el tema nativo Twenty Twenty, que viene con WordPress 5.3 .

En medio de este pequeño ejército de temas, se encuentra Tove, el primer tema 100% compatible con FSE creado por Noren. Después de esta primera prueba de pulso, es hora de echar un vistazo a este tema innovador.

Para que conste, el nombre Tove proviene de Tove Jansson, una escritora, pintora y caricaturista finlandesa conocida principalmente como autora de libros para niños según Wikipedia. En particular, creó los Moumines, una familia de trolls blancos.

¿Cómo es el tema de Tove?

Según la presentación de demostración del tema Tove, podemos ver varias características importantes:

• Los colores pastel y llamativos , con predominio del rosa, azul y amarillo.
• Los diferentes elementos de la cabecera : iconos que redirigen a redes sociales, horarios de apertura (recuerda que el tema está dedicado a cafeterías y restaurantes), e incluso un botón de llamada a la acción. El logotipo se encuentra en el centro del encabezado.
• Las imágenes se muestran en pantalla completa.
• Bloques de contenido rectangulares y cuadrados .
• Espacios vacíos para permitir la respiración y acentuar el lado aireado.
• El uso de tipografía “DM Sans” , geométrica y sans serif.

La demostración está ahí para darte un aspecto visual completo del tema, pero, por supuesto, puedes modificar sus características básicas (colores, tipografía, tipos de bloques, etc.) jugando con la bestia.

Esto es en lo que nos centraremos en la siguiente parte.

Únase a los suscriptores de WPMarmite

Obtenga las últimas publicaciones de WPMarmite (y también recursos exclusivos).

SUSCRÍBASE AHORA

¿Cómo personalizar el tema Tove en WordPress?

editor del sitio

Una vez que haya activado el tema Tove, vaya a Apariencia > Editor. El Editor del sitio ha llegado con WordPress 5.9.

Aquí es donde puede personalizar Tove, así como cualquier otro tema basado en bloques que instalará más adelante.

Como puede ver, el menú Widgets desapareció, al igual que el Personalizador.

Ahora todo sucede en este famoso editor de sitios, que utiliza bloques de Gutenberg para crear y alimentar todas las áreas de su sitio .

De forma predeterminada, termina en una plantilla de "Índice", que enumera todas las publicaciones de su blog.

Al principio, puede ser un poco confuso. Verás que ahora todo se puede editar mágicamente. Para apreciar esto, simplemente pase el mouse sobre cualquier elemento de la página.

Al hacer clic en él, accederá a la barra de herramientas del editor de contenido, desde la cual puede realizar ajustes :

Plantillas

Para facilitar la creación de páginas estándar, Tove también ofrece 5 plantillas. Puede acceder a ellos haciendo clic en "Examinar todas las plantillas":

Entre esas plantillas se encuentran las siguientes:

• Publicación única , para administrar la visualización de la página de la publicación (imagen destacada, metaetiquetas, etc.).
• Página , para organizar la presentación de una sola página, como lo harías con una publicación.
• Índice , para personalizar la organización de tu página de Blog, la que lista todas tus publicaciones.
• Página sin título , para diseñar una página sin título.
• 404 , para crear una página 404 personalizada.

Estilos globales

Permanezcamos en el tema de la configuración general de su sitio mirando los estilos globales. Esta es una nueva característica en WordPress 5.9 , que por supuesto usa el tema Tove.

Con estos estilos globales, ahora puede cambiar los colores, la tipografía, el diseño e incluso la apariencia de bloques específicos en todo su sitio, todo a la vez.

Ya no necesita pasar por el lento proceso de modificar cada elemento uno por uno.

Básicamente, el objetivo es reemplazar la herramienta de personalización al proporcionar un lugar para administrar todas las configuraciones de estilo de bloque y tema.

Para acceder a esta opción y cambiar la apariencia visual de Tove -el color rosa puede no encajar en tu guía de estilo-, haz clic en el pequeño botón en la parte superior, a la derecha de la barra de herramientas del editor del sitio:

Desde allí, puede administrar la configuración de diferentes elementos, como la selección de color. Incluso puede crear su propia paleta, si lo desea.

Estilos de bloque

¿Quieres repasar un elemento a la vez? ¿Cada bloque por separado? También es posible con el tema Tove, que ofrece algunos estilos de bloques personalizados.
Para descubrirlos, solo tienes que hacer clic en el bloque de tu elección.

Dependiendo del bloque seleccionado, se sugerirán uno o varios estilos . Por ejemplo, el bloque "Cita" ofrece un estilo "Simple" y uno "Grande", que cambian el tamaño de la fuente:

El bloque "Imagen" ofrece dos opciones de estilo: "Redondeado" o "Sombreado".

Patrones de bloque

Finalmente, sepa que con el tema Tove, puede crear el contenido de sus páginas y publicaciones desde cero, gracias a la adición de patrones de bloques.

Estas son secciones de contenido listas para usar, hechas de varios bloques de Gutenberg . Puede agregarlos muy fácilmente a su contenido, haciendo clic en la pestaña "Patrones" en el editor de contenido de WordPress.

Los patrones se introdujeron con WordPress 5.5. Para su información, además del editor de contenido, también puede encontrarlos en un directorio específico en el sitio web oficial de WordPress. Para usarlos, solo tienes que copiar y pegar el patrón de bloque que te interesa directamente en el editor de contenido.

Anders Noren ofrece casi 40 patrones de bloques sobre el tema Tove. Se dividen en 7 categorías:

• Llamada a la acción , con 2 plantillas para crear una llamada a la acción horizontal o vertical.
• Blog , para personalizar la visualización de su página de Blog, especialmente como una cuadrícula o una lista (5 plantillas en total).
• Header , que ofrece 6 plantillas de encabezado diferentes.

• General , donde encontrarás 11 plantillas para mostrar testimonios, tablas de precios, banners informativos y otros íconos de redes sociales.
• Hero , que incluye 4 plantillas para mostrar un fondo, un título, botones y un texto.
• Restaurante , con 8 plantillas listas para usar específicas para restaurantes: menú, horarios, información práctica, botón de reserva.

• Pie de página, con 7 plantillas para personalizar tu pie de página, incluidos los créditos y el diseño (con columnas, por ejemplo).

Bueno, ahora ya sabes cómo manipular y personalizar a Tove. Antes de continuar, aquí está mi sentir sobre el manejo de este tema.

En términos generales, el tema Tove es fácil de usar, lo cual es una gran ventaja. Aunque al principio tendrá que acostumbrarse al editor de sitios de WordPress, especialmente para aquellos que leyeron este artículo a principios de 2022, lo dominará rápidamente, especialmente si ya conoce el editor de contenido.
¿Tienes el truco de usar bloques? Entonces Tove no tendrá ningún secreto para ti.

Finalmente, para cerrar esta parte sobre la personalización del tema, sepa que puede combinar a Tove con un creador de páginas.

Sin embargo, no es el propósito original del tema, ya que fue diseñado para usarse con el editor de sitios de WordPress. Pero nada te impide usarlo como punto de partida acoplándolo con un Elementor, por ejemplo.

Construye tu sitio web con Elementor

Diseñe fácilmente la apariencia de su sitio web de WordPress con el famoso creador de páginas. Prueba Elementor

Prueba Elementor

¿Todavía concentrado? Luego, pasemos a la siguiente parte del artículo, que cubre varios temas que deberían interesarle.

Rendimiento, SEO, receptivo: enfoque en 3 aspectos principales

Rendimiento del tema WordPress Tove

El primer aspecto en el que los webmasters tienden a centrarse, y con razón, es la velocidad de carga de su sitio.

Evidentemente esto es algo a tener muy en cuenta, ya que repercute en la experiencia del usuario , y mucho menos en el SEO, contrariamente a la creencia popular.

Varios factores pueden alterar la velocidad de carga de las páginas de su sitio: el peso de sus imágenes, los complementos que utiliza, su servidor web, su versión de PHP, etc.

Entre ellos, también está su tema. Cuanto más ligero y mejor codificado sea, más probable es que tenga un sitio rápido.

En este sentido, Tove es una excelente estudiante. No está sobrecargado con elementos innecesarios y, como se indica en su página de presentación, dado que se basa en el proyecto de edición completa del sitio, Tove sigue siendo “simple y delgado. muy delgado El tema pesa poco más de 200 kilobytes, y la mayoría de esos bytes provienen de las ilustraciones de marcador de posición y la captura de pantalla del tema” .

Eso es lo que notará si prueba la demostración del tema en una herramienta de medición de rendimiento como WebPageTest.

Por cierto, si su sitio está un poco retrasado, aproveche la oportunidad para darle un pequeño impulso activando el excelente complemento premium WP Rocket (enlace de afiliado), por ejemplo.

SEO

¿Te preocupa la velocidad de carga de tus páginas? Entonces, como creador de sitios concienzudo, seguramente debe estar preocupado por su SEO.

Es cierto que la buena clasificación de su contenido en la primera página de los resultados del motor de búsqueda es crucial para obtener más tráfico y todo lo que conlleva (ventas, descargas, suscripciones a boletines, llenado de formularios, solicitud de cotización, etc.).

Para que una página posicione correctamente en Google y otros, esquemáticamente debes:

• Trabaje en el contenido de su sitio en torno a las consultas objetivo (palabras clave).
• Obtener enlaces de otros sitios (los famosos backlinks).
• Cuida la arquitectura de tu sitio .

Un tema bien codificado respetando las buenas prácticas de SEO te permitirá empezar con bases sólidas, como es el caso del tema Tove.

Para administrar su SEO en el sitio (optimización de contenido), no tendrá ninguna opción específica con el tema de Anders Noren.

En el editor de contenido de WordPress, podrá elegir las etiquetas de título (h1, h2, h3, h4, h5) de su elección y aplicarlas correctamente a sus diferentes títulos.

Por lo demás, recomiendo usar un plugin de SEO general como Yoast SEO. No hará que ganes posiciones automáticamente en las páginas de resultados de búsqueda.

Sin embargo, se asegurará de que pueda configurar correctamente algunos aspectos clave de su SEO, siempre que lo haga de la manera correcta.

Para eso, dirígete a nuestra guía sobre el complemento SEO más famoso, en el blog WPMarmite.

Sensible

Cuidar el rendimiento de su sitio y el SEO es excelente. Pero no lo arruines con un sitio que no sea compatible con dispositivos móviles. En palabras exactas, llamamos a esto "responsive diseño".

Una vez más, esto es algo de lo que realmente hay que ocuparse, especialmente si la mayoría de sus visitantes llegan a su sitio de WordPress con un teléfono inteligente o una tableta.

Sugerencia: para averiguar qué tipo de dispositivo utilizan sus visitantes, vaya a Google Analytics: Audiencia > Móvil > Resumen.

Anders Noren no es fanático del marketing agresivo para promocionar sus temas, por lo que no encontrará grandes inserciones pomposas en la página de presentación del tema que certifiquen que Tove responde.

Hoy en día, cualquier tema de WordPress que se precie debe ser en gran medida receptivo, incluso si probablemente tendrá que hacer algunos ajustes de su lado para asegurarse de que todo esté bien.

En la gran mayoría de los casos, los temas de WP que encontrarás en el directorio oficial responden por defecto.

Para asegurar esto manualmente, puede proceder de dos maneras:

1. Estrecha la ventana de tu navegador a la izquierda o a la derecha , para comprobar que los contenidos encajan correctamente, unos debajo de otros. Para Tove, es el caso: todo se muestra impecablemente a medida que la ventana se estrecha.
2. Utilice una herramienta gratuita ofrecida por Google : la prueba de compatibilidad con dispositivos móviles. Para hacerlo de la manera correcta, puse a prueba la página de demostración de Tove. Google no encontró nada malo en ello:

Aquí estamos: receptivo, SEO y rendimiento, hemos terminado con esta parte difícil. Ya que llegamos al final de la revisión de este tema, ¿hablamos del proyecto de ley?

Tove precio y soporte al usuario

Con Tove no hay sorpresas ni costes ocultos a la hora de fijar el precio: es 100% gratuito , como el resto de temas diseñados por Anders Noren.

Eso siempre es bueno, pero ya sabes, el tema gratuito significa soporte reducido.

Pues sí, no se puede tener todo en la vida. En caso de que te quedes atascado o tengas un problema técnico con Tove, no tendrás soporte de usuario dedicado.

Siempre puede intentar publicar sus solicitudes en el foro de soporte público de Tove. Y aquí están las buenas noticias: notará que Anders Noren es bastante reactivo y responde las preguntas que le hacen , la mayor parte del tiempo.

Dicho esto, en la práctica, la mayoría de los problemas que puede encontrar tendrán que ver con el editor del sitio de WordPress, no necesariamente con Tove, que depende de él.

Y para eso no existe una receta milagrosa: tendrás que practicar para domar al animal y dominarlo como un jefe .

Dado que la edición completa del sitio es un proyecto reciente, según el momento de la escritura, es posible que deba leer sobre el tema para comprender todas las sutilezas.

Para ello, Noren recomienda la web de Carolina Nymark, colaboradora del WordPress Core: fullsiteediting.com.

Nuestra opinión sobre el tema Tove

Bueno aquí estamos. La degustación de Tove ha terminado. Es hora de digerir todo esto y de informar. Resumamos todo lo que hemos repasado desde el comienzo de este post.

Al cumplir con los requisitos del proyecto de edición completa del sitio, Tove es un tema pionero de WordPress. Por el momento, la mayoría de las tiendas y otros diseñadores de temas no se han puesto al día con lo que representa el futuro de la creación y edición de sitios con WP.

Simple de manejar, agradable y fácil de usar sin codificación , Tove es un tema que parece naturalmente destinado a principiantes.

De hecho, puede adaptarse a este tipo de perfil, especialmente si trabaja en catering y desea crear un blog o un sitio web de exhibición simple, pero me parece más adecuado para personas que ya conocen WordPress y su editor de sitios .

De hecho, incluso si los patrones de bloques le permiten agregar fácilmente plantillas listas para usar dentro de sus páginas, no olvide que tendrá que dar forma al diseño y la arquitectura de sus páginas clave (Blog, 404, etc.). .).

Además, si lo comparamos con otros temas famosos del directorio oficial, Tove sigue siendo mucho más ligero en cuanto a opciones de personalización (lo cual es lógico ya que no es su propósito).

Por lo tanto, un diseñador web principiante seguramente se sentirá más cómodo con los temas que lo guían de la A a la Z y que están llenos de plantillas y otras opciones de estilo como Astra, GeneratePress, Kadence o Blocksy.

En cualquier caso, Tove está conectada con el futuro . Debería continuar ampliándose con el desarrollo del FSE, y quizás se convierta en un tema imprescindible en los próximos meses. A seguir de cerca, entonces.

Descarga el tema Tove:

¿Qué piensa usted al respecto? ¿Ya planeas optar por el FSE y el tema Tove?

Estoy esperando sus respuestas en los comentarios a continuación.