Migrating an existing Webflow's website to Webflow - ariel-fer/Araena GitHub Wiki
Migrating an existing Webflow's website to Webflow
Explain general process
- Analyze the amount of pages that the website have
- Start by replicating home page
- Examine the website with the inspector to focus on reutilizable classes
Identifying symbols and creation
https://university.webflow.com/lesson/symbols Identify elements that are used in several pages and made them reutilizable. To create a Symbol:
- Select the element you want to turn into a Symbol
- Right-click and select Create Symbol
- Give the Symbol a name and press Create Symbol
Selecting the first page and layout creation with classes
Focus on desktop-first, then on following devices
Made all your page design on desktop-first and then proceed to evaluate the other breakpoints. Design made on desktop will be reflected on lower breakpoints. It is a good practice to start and finish with a page and then proceed with the others.
Explain how changes are tested (mention browser's inspector usefulness)
Can check changes immediately at the inspectors browser, in the blue eye at the left corner.
Or you can also check your changes on Webflow page.