Publii: Mejorar los temas con fuentes cargadas localmente

Mejorar los temas con fuentes cargadas localmente

Los temas son lo que realmente hace que su sitio web se destaque, por lo que es importante que sigamos presentando nuevas funciones de temas para que realmente destaquen. En esta versión, la característica destacada de los temas, además de la incorporación de compatibilidad con comentarios a través de complementos, es la nueva función DynamicAssets agregada para desarrolladores que cambia por completo la forma en que Publii maneja las fuentes. Entonces, ¿qué significa eso para nuestros usuarios?

Fuentes de Google cargadas localmente

Las versiones anteriores de Publii utilizaban fuentes de Google preseleccionadas, que ofrecían algunas opciones interesantes, pero no siempre eran la solución de carga más rápida. Además, dado que el almacenamiento en caché de recursos en sitios y dominios ya no funciona, no podemos confiar en que los usuarios ya tengan las fuentes elegidas en la memoria caché de su navegador; siempre será necesario descargar los archivos de fuentes cuando visite su sitio por primera vez, lo que aumenta el tiempo de carga.

Ahora, con esta nueva función, Publii incluye un conjunto de más de 40 fuentes variables para que nuestros usuarios elijan, y solo las fuentes especificadas se implementarán en el servidor. Esto significa que nuestra solución de fuentes ahora cumple al 100 % con el RGPD, ya que las fuentes se cargan directamente desde su servidor en lugar de una CDN de terceros, y tiene enormes beneficios en los resultados de velocidad de la página (cerca de 100/100).

Velocidad de la página de las fuentes de Google cargadas localmente

Si quieres saber todos los detalles de esta nueva función, puedes consultar nuestro artículo sobre las fuentes Publii aquí: https://getpublii.com/docs/fonts.html

Este cambio también trae consigo algunas otras novedades interesantes. Se pueden elegir dos fuentes y asignarlas a los encabezados, el contenido del cuerpo, el logotipo y el menú de forma individual. Como alternativa, también se puede asignar una tercera opción llamada system-ui , que utiliza la fuente base asignada al navegador del usuario.

Opciones de fuente

Otro beneficio de las fuentes variables es que solo es necesario cargar un único archivo de fuente para cada fuente, en lugar de archivos separados para las versiones normal y negrita de la fuente. Y como son variables, puedes usar cualquier grosor de fuente en todo el rango, es decir, en lugar de solo un grosor normal, como 400 para la versión normal, y un grosor mayor, como 600 para la versión negrita, puedes configurar cualquier grosor de fuente intermedio, como, por ejemplo, 478. Esto les da a nuestros usuarios un control muy específico sobre cómo se verá y se verá exactamente el contenido de su sitio en la página.

Peso de fuente en rango completo

También hemos realizado algunas mejoras en los temas individuales que están disponibles para Publii; puedes leer un registro de cambios completo para cada tema en su página respectiva en el mercado, pero por ahora nos gustaría mencionar que el tema Simple ahora tiene un modo oscuro .

Tema simple con modo oscuro

Otros cambios para los usuarios

Hay algunas otras novedades en esta versión de Publii que vale la pena mencionar:

El protocolo "dweb" (que es "dweb" y no "dweeb", si es que usted es un producto de los años 80), se refiere a la "Web distribuida", es el protocolo utilizado por la "Web distribuida", que descentraliza la web y la distribuye a través de una red peer-to-peer. Con este soporte añadido, ahora puede seleccionar "dweb" como el protocolo para la dirección de su sitio web, si así lo desea.

Protocolo Dweb

Al cambiar la ubicación de los sitios a través de la opción Ubicación de archivos , se agrega un botón para cambiar la ubicación de almacenamiento de los "sitios" sin copiar los archivos de los sitios existentes a la nueva ubicación; útil si desea comenzar de nuevo sin perder los archivos originales del sitio.

Ubicación del archivo del sitio

El administrador de archivos Publii ahora admite los formatos de imagen AVIF , webP y TIFF  .

Finalmente, se ha agregado una nueva posición para su HTML personalizado ; @commentsCustomCode , que permite a los usuarios agregar código HTML personalizado al área donde se muestran los comentarios, ya sea utilizando su propia solución o una de las soluciones existentes proporcionadas por los complementos de Publii.

Comentarios Código personalizado


La versión 0.39 también incluye una serie de mejoras específicamente para desarrolladores:

Vista previa avanzada

Se ha añadido una opción a la sección Configuración de la aplicación → Opciones para desarrolladores de Publii, Habilitar vista previa avanzada . Cuando está habilitada, al hacer clic en el botón Obtener vista previa de los cambios se mostrarán los archivos del sitio, pero no se abrirá el navegador para mostrar la vista previa.

Habilitar vista previa avanzada

Nuevas variables, ayudantes y opciones

Esta actualización incluye una serie de nuevas variables, ayudantes, etc. que ayudarán a los desarrolladores a aprovechar aún más sus sitios basados ​​en Publii:

  • Se agregaron nuevas variables globales: @website.rootUrl , @website.mediaFileUrl , @website.tagsUrl y @website.baseUrl .
  • Se agregaron nuevos ayudantes: getAuthor y getAuthors .
  • Se agregó el nuevo ayudante 'asset' , que devuelve rutas de activos.
  • El banner de cookies de Publii ahora emite eventos personalizados para document.body , lo que permite que los complementos reaccionen a las acciones de consentimiento del usuario.
  • Se agregó una nueva opción para temas, files.useDynamicAssets , y soporte para el nuevo archivo dynamic-assets-mapping.js , que permite a los desarrolladores de temas evitar implementar archivos incluidos con un tema.

Otras mejoras

Como siempre, no solo hay un montón de nuevas funciones; también hemos realizado pequeñas mejoras en varias áreas para que Publii sea más fácil de usar que nunca. A continuación, puede encontrar una lista completa de estas incorporaciones:

  • Se modificó el comportamiento de implementación manual; los archivos ahora se guardan en un directorio separado (por ejemplo, [SITENAME]-files) en lugar de borrar la URL de destino.
  • Detección mejorada de directorios de sitios faltantes.
  • Se mejoraron los indicadores para los procesos de creación de copias de seguridad y duplicación de sitios, para que sean más claros de entender.
  • Detección mejorada de títulos de publicaciones vacías.
  • Se permite el uso de postConfig y themeConfig con los archivos visual-overrides.js y theme.variables.js .
  • Se permitió que el asistente de fecha devolviera texto sin formato.
  • La regeneración de miniaturas ahora se puede cancelar a través de la configuración del sitio.
  • Mejor manejo de clases CSS en galerías.
  • Se mejoró el comportamiento de la información sobre herramientas en el editor de bloques al crear un nuevo bloque.
  • Se mejoró el manejo de los parámetros de filas/columnas para el campo de área de texto que se configuran en las opciones.
  • Se fusionó el editor de bloques con el núcleo de Publii.
  • Se actualizaron varias dependencias.
  • Electron actualizado a 17.*
  • Mejoras generales del código.

Corrección de errores

Errores. No podemos vivir con ellos, no podemos vivir con ellos. Por eso, hemos hecho un esfuerzo para eliminar varios errores que nuestros usuarios han informado. A continuación, se incluye una lista completa:

  • Se solucionó el problema con el cambio de ubicación de los sitios.
  • Se solucionó el problema con la incrustación de imágenes en el editor Markdown.
  • Se corrigieron problemas con el editor de bloques.
  • Se solucionó el problema al usar varias cuentas de Netlify.
  • Se solucionó el problema al utilizar el generador de tabla de contenido en el editor de bloques.
  • Se solucionó el problema de promesas no manejadas al usar SFTP.
  • Se solucionó el problema con el comportamiento de la lista de etiquetas en los listados de etiquetas.
  • Se solucionó el problema con la compresión CSS que causaba que algunos selectores CSS se rompieran.
  • Se solucionó el problema con la barra de desplazamiento en el editor Markdown.
  • Se corrigieron inconsistencias en la función 'Leer más'.
  • Se solucionó un problema que ocurría con la compatibilidad con certificados SSL.
  • Se solucionó el problema con los datos del autor faltantes en JSON-LD.
  • Se solucionó el problema con las casillas de verificación en el administrador de menú al eliminar elementos en masa.
  • Se solucionó el problema con los archivos de puntos faltantes al implementar manualmente.

Ha sido un largo camino hasta esta actualización, pero esperamos que los frutos de nuestro trabajo sean suficientes. Nos gustaría agradecer a nuestra comunidad por su paciencia y apoyo; con su orientación, podemos mejorar Publii y convertirla en una aplicación verdaderamente fácil de usar, estable y versátil. Esperamos ofrecer más actualizaciones excelentes en el futuro; asegúrese de estar atento, ya que lanzaremos varios complementos durante el próximo año y finalizaremos la API del complemento para que quede perfecto.

Mientras tanto, si quieres seguir el desarrollo, puedes visitar la página de GitHub de Publii . Y si tienes alguna pregunta, necesitas ayuda con la aplicación o quieres informar un error o sugerir una función que te gustaría ver en el futuro, visita los foros de Publii y háznoslo saber.

arriba