1. Inicio
  2. Con Blocs
  3. Blocs
  4. Migrar un Blocs Proyecto V3 para Blocs V5
  1. Inicio
  2. Cómo Empezar
  3. Migrar un Blocs Proyecto V3 para Blocs V5
  1. Inicio
  2. Propina
  3. Migrar un Blocs Proyecto V3 para Blocs V5

Migrar un Blocs Proyecto V3 para Blocs V5

Blocs V5 usa la versión 4 y 5 del marco Bootstrap. Esto significa Blocs Los proyectos V3 se abrirán en Blocs V5 y es posible que solo requiera una pequeña cantidad de ajustes y cambios.

También recuerda Blocs V3 se puede ejecutar junto Blocs V5, por lo que si tiene grandes sitios o proyectos con fechas límite, evite migrarlos a menos que tenga tiempo para realizar cambios manuales sustanciales que puedan ser necesarios.

Haga una copia de seguridad de su proyecto

Lo más importante que debe recordar antes de migrar un proyecto desde Blocs V3 a Blocs V5 es para respaldarlo. Una vez que un proyecto se migra y se guarda, ya no se puede revertir, lo que significa que no se puede abrir ni usar con Blocs V3. Por lo tanto, haga una copia de seguridad de sus proyectos antes de continuar con la migración.

Fuente impresionante

In Blocs V5, el conjunto de iconos de Font Awesome se ha actualizado a V5. Blocs intentará migrar cualquier clase de icono anterior de Font Awesome V4 a las nuevas clases requeridas para V5. Sin embargo, si ha agregado sus propias implementaciones de código personalizado de los iconos de Font Awesome, entonces estos deberán actualizarse manualmente.

Puede leer sobre qué clases han cambiado en Font Awesome V5 y cómo migrar manualmente las clases aquí.

In Blocs V5, el carrusel, la caja de luz y el botón de desplazamiento hacia la parte superior usan íconos SVG en lugar de fuentes de íconos, esto significa que las antiguas subclases que se usaban en Blocs V3 para establecer el color de los iconos ya no funcionará. Existen nuevas subclases que apuntan a estos iconos SVG.
Tenga en cuenta que ya no usará el color de la fuente para establecer el color del icono, sino que usará el Color de trazo SVG controles de estilo en el Editor de clases.

Fondo de paralaje

La forma en que funciona el paralaje ha cambiado en Blocs V5, anteriormente usaba esta tecnica que aplica la regla de clase background-attachment: fixed;. Sin embargo, este enfoque tiene una desventaja importante: no funciona en dispositivos móviles.

In Blocs V5, el paralaje ahora funciona con un Solución javascript lo que significa que funciona muy bien en computadora de escritorio e móvil. Hay algunas desventajas en este nuevo método de paralaje, la principal es que los fondos ya no se repiten sin problemas si tiene varios Blocs apilados junto con la misma imagen de fondo. Una solución para esto es simplemente reubicar las filas principales que contienen el Bloc contenido de cada individuo Bloc y colocarlos en un solo Bloc con el efecto de fondo de paralaje activado.

Si realmente necesitas conseguir el clásico Blocs Efecto de paralaje V3 en Blocs V5, esta guía lo guiará a través del proceso de creación manual.

In Blocs V5, el ícono del menú de alternancia ahora es un SVG en línea. Esto significa que se puede diseñar y personalizar fácilmente usando clases personalizadas. Sin embargo, si anteriormente usó un Bric como Easy Burger para personalizar el menú de su sitio web, es posible que encuentre algunos problemas. Recomendamos construir su menú nuevamente y eliminar cualquier Brics que manipulan el menú, si encuentra problemas.

Margen

Blocs V5 ya no tiene controles de margen preestablecidos limitados para texto e imágenes, en su lugar Blocs tiene pleno acceso a la Utilidades de espaciado Bootstrap que ofrecen una experiencia mucho mayor. Estos le permiten aplicar margen y relleno preestablecidos para cualquier borde en cualquier elemento. Sin embargo, al usar el espaciado, es posible que los controles no surtan efecto. Para vaciar elementos, márgenes o relleno, mantenga presionada la tecla de opción y haga clic en la pequeña X en el control segmentado del borde relevante que le gustaría borrar. Después de esto, ahora puede aplicar un nuevo valor de margen/relleno a ese borde.

Colores

Blocs V5 tiene un sistema de color completamente nuevo con muchos beneficios excelentes. Sin embargo, debido a un cambio tan grande, es posible que encuentre algunas muestras globales que no funcionen correctamente en Blocs V5, cuando intenta asignarlos a un elemento. Simplemente haga clic derecho en la muestra problemática en el Swatch Manager y duplíquela, ahora elimine la original y use la versión duplicada.

Con Blocs V3 y V5 uno al lado del otro

Es posible correr Blocs V3 y V5 en la misma Mac, ya que ambos usan recursos de soporte de aplicaciones dedicados a la versión. Sin embargo, se deben considerar los siguientes puntos.

  • Ambas versiones de Blocs comparten el mismo nombre, esto significa que es imposible que ambas aplicaciones ocupen el mismo espacio dentro de la carpeta de aplicaciones de MacOS. Para evitar este problema, simplemente cambie el nombre del Blocs aplicación V3 de Blocs a Blocs V3. Esto permitirá que ambas aplicaciones se coloquen en la carpeta de aplicaciones de MacOS.

Migrar un proyecto de Blocs V2

Si está migrando un proyecto de Blocs V2 a Blocs V5, puede encontrar la guía de migración dedicada aquí.

Actualizado el 30 de enero de 2023

¿Le resultó útil este artículo?

Artículos Relacionados