1. Home
  2. gebruik Blocs
  3. Blocs
  4. Migreer een Blocs V3 Project naar Blocs V5
  1. Home
  2. Ermee beginnen
  3. Migreer een Blocs V3 Project naar Blocs V5
  1. Home
  2. Tips
  3. Migreer een Blocs V3 Project naar Blocs V5

Migreer een Blocs V3 Project naar Blocs V5

Blocs V5 gebruikt versie 4 en 5 van het Bootstrap-framework. Dit betekent Blocs V3-projecten worden binnen geopend Blocs V5 en vereist mogelijk slechts een klein aantal aanpassingen en wijzigingen.

Onthoud ook Blocs V3 kan langszij rennen Blocs V5, dus als u grote sites of projecten met deadlines heeft, moet u deze niet migreren, tenzij u de tijd heeft om substantiële handmatige wijzigingen aan te brengen die mogelijk nodig zijn.

Maak een back-up van uw project

Het belangrijkste om te onthouden voordat u een project migreert Blocs V3 naar Blocs V5 is om er een back-up van te maken. Als een project eenmaal is gemigreerd en opgeslagen, kan het niet meer worden teruggedraaid, wat betekent dat het niet kan worden geopend of gebruikt Blocs V3. Maak dus een back-up van uw projecten voordat u doorgaat met migreren.

Font Awesome

In Blocs V5, de Font Awesome icon set is geüpdatet naar V5. Blocs zal proberen om oude pictogramklassen te migreren van Font Awesome V4 naar de nieuwe klassen die vereist zijn voor V5. Als u echter uw eigen aangepaste code-implementaties van de Font Awesome-pictogrammen heeft toegevoegd, moeten deze handmatig worden bijgewerkt.

U kunt lezen welke klassen zijn gewijzigd in Font Awesome V5 en hoe u de klassen handmatig kunt migreren hier.

In Blocs V5 de carrousel, lichtbak en scroll to top-knop gebruiken SVG-pictogrammen in plaats van pictogramlettertypen, dit betekent dat de oude subklassen die werden gebruikt in Blocs V3 om de kleur van de pictogrammen in te stellen, werkt niet meer. Er zijn nieuwe subklassen die gericht zijn op deze SVG-pictogrammen.
Houd er rekening mee dat u niet langer de letterkleur gebruikt om de kleur van het pictogram in te stellen, maar in plaats daarvan de SVG-lijnkleur stijlbedieningen in de Klasse-editor.

Parallax achtergrond

De manier waarop parallax werkt, is veranderd Blocs V5, eerder gebruikt deze techniek die de klassenregel toepast background-attachment: fixed;​ Deze aanpak heeft echter een groot nadeel: het werkt niet op mobiele apparaten.

In Blocs V5, wordt parallax nu aangedreven door een Javascript-oplossing wat betekent dat het geweldig werkt op desktop en mobiel​ Er zijn een paar nadelen aan deze nieuwe parallax-methode, waarvan de belangrijkste is dat achtergronden niet langer naadloos worden herhaald als je een aantal Blocs gestapeld met dezelfde achtergrondafbeelding. Een oplossing hiervoor is door simpelweg de hoofdrijen met de Bloc inhoud van elk individu Bloc en plaats ze in een enkele Bloc met het parallax-achtergrondeffect ingeschakeld.

Als je echt de klassieker nodig hebt Blocs V3 parallax-effect in Blocs V5, Deze gids zal u door het proces leiden om het handmatig te maken.

In Blocs V5 het toggle menu-icoon is nu een inline SVG. Dit betekent dat het eenvoudig kan worden gestyled en aangepast met behulp van aangepaste klassen. Als u echter eerder een aangepaste Bric zoals Easy Burger hebt gebruikt om het menu van uw website aan te passen, kunt u enkele problemen tegenkomen. We raden u aan uw menu opnieuw te bouwen en alle Brics die het menu manipuleren, als u problemen ondervindt.

Marge

Blocs V5 heeft in plaats daarvan niet langer beperkte vooraf ingestelde margecontroles voor tekst en afbeeldingen Blocs heeft volledige toegang tot de Hulpprogramma's voor bootstrap-afstand die een veel grotere ervaring bieden. Hiermee kunt u vooraf ingestelde marges en opvulling toepassen voor elke rand op elk element. Wanneer u echter spatiëring gebruikt, is het mogelijk dat de besturingselementen niet werken. Om een ​​element, marge of opvulling leeg te maken, houdt u de optietoets ingedrukt en klikt u op de kleine X op het relevante randgesegmenteerde besturingselement dat u wilt wissen. Hierna kunt u nu een nieuwe marge/opvulwaarde toepassen op die rand.

Kleuren

Blocs V5 heeft een geheel nieuw kleurensysteem met veel geweldige voordelen. Door zo'n grote verandering kunt u echter enkele globale stalen tegenkomen die mogelijk niet correct werken Blocs V5, wanneer u ze probeert toe te wijzen aan een element. Klik met de rechtermuisknop op het problematische staal in Swatch Manager en dupliceer het, verwijder nu het origineel en gebruik de gedupliceerde versie.

gebruik Blocs V3 en V5 naast elkaar

Het is mogelijk om te rennen Blocs V3 en V5 op dezelfde Mac, omdat ze beide versiespecifieke ondersteuningsbronnen voor toepassingen gebruiken. Er moet echter rekening worden gehouden met de volgende punten.

  • Beide versies Blocs dezelfde naam delen, betekent dit dat het onmogelijk is dat beide apps dezelfde ruimte innemen in de MacOS-programmamap. Om dit probleem te voorkomen, hernoemt u gewoon het Blocs V3-applicatie van Blocs naar Blocs V3​ Hierdoor kunnen beide apps in de MacOS-toepassingsmap worden geplaatst.

Een project migreren van Blocs V2

Als u een project migreert van Blocs V2 naar Blocs V5 vindt u de speciale migratiegids hier.

Bijgewerkt op 30 januari 2023

Was dit artikel behulpzaam?

Gerelateerde artikelen