To be able to start working in the design editor, you need to create your first project.
You will then be redirected to the Design Editor where a blank canvas awaits.
A site in Vev consists of a variety of sections filled with content.
In the example below, we have built an article. Notice that we have divided the site into different parts using Sections, while the content, called Widgets, is layered on top of the section.
Vev offers a variety of sections. Use sections to place Widgets freely, but also for full-screen slideshows, videoes, images, parallax effects, etc.
You can add as many sections as you like, and you use them to organize and rearrange your content. We recommend using several sections to divide your content, making it easier to adjust the layout.
Add a new Section
- Click on the + button in the left menu in the Design Editor
- Select Sections
Here you'll see the standard blank section, a variety of different media sections, and a custom code section to build your own.
- Click the section you want and move your mouse pointer to the canvas
- Place your section by clicking on the preferred spot on the canvas
Read more about how to work with Sections here.
Content elements are called Widgets in Vev. They are all components built from React, ready to be used and customized as you want.
Add a new widget
Add widgets to your project by opening the Add menu, then selecting the Widgets tab. With your Widget selected, click on the canvas or click and drag to draw to a specific size.
A blue line indicates which section the content belongs to and the origin of the content within the section. Learn more about origin and why it is important here.
Editing a Widget
When you select a widget, editing options will appear on the right-side edit bar. Read more about Widgets here.
Adapting to different screen sizes
Vev comes with three different device modes, making sure your site looks good on all devices.
Tablet and mobile inherit the content added to desktop. Make sure you finish designing in desktop mode before adapting content in tablet and mobile mode. You can move, change, and even hide, the look of elements on tablet and mobile without affecting the desktop layout.
Like any other website, your Vev site can have several subpages.
The first page you work on within your project will automatically be set as the homepage, also called the index page. When you publish your project, this will be the main page connected to the domain you connect to your project.
The rest will have a URL suffix, giving their URL an additional "/" followed by the Page Name.