Lesson 1: Get to know the Editor | Wix Learn
Summary
TLDRIn this course, Ali guides you through the Wix Editor to create a compelling website that tells your brand's story. Starting with selecting or creating a site, you'll learn to customize pages using various tools, add and organize elements, and manage your site's structure. Ali also covers site themes for consistent branding, integrating apps for enhanced functionality, and utilizing the Media Center for content management. The course ensures you're equipped to build a professional and effective online presence.
Takeaways
- 🌐 The website should narrate a compelling story about the brand, products, and values in an eye-catching manner.
- 🛠️ Ali specializes in the Wix Editor and will guide through building a powerful website tailored to specific needs.
- 🏗️ The course will cover website structure, design, and the customization of various elements on the pages.
- 🔍 Starting with the Wix Editor involves choosing an existing site to edit or creating a new one from scratch or a template.
- 🎨 Templates can be customized to fit specific needs, even if they don't initially match the intended purpose.
- 📝 The canvas in the Wix Editor serves as a preview and editing space for the pages of the website.
- 🛠️ Add Elements tool allows for the inclusion of text, images, buttons, and other interactive or decorative elements.
- 🔄 Sections in the editor can be rearranged, and new ones added to structure the layout of the website.
- 📁 The pages menu manages the site's pages, allowing for addition, removal, and organization of content.
- 🎨 Site themes ensure brand consistency across the site by maintaining uniform fonts and colors, with options for customization.
- 🧩 The Wix Editor allows for the integration of apps and extensions to enhance site functionality without leaving the editor.
- 🖼️ The Media menu provides a centralized location for managing all media content used on and off the site.
- 🛒 The My Business tab is a hub for managing business applications and exploring additional tools for site enhancement.
- 🔍 Layers tool offers a detailed view of all page elements, aiding in precise editing and adjustments.
- ⚙️ The top bar includes settings for site management, SEO, business information, and other workspace views.
- 📱 The mobile Editor ensures the site's design and content are optimized for mobile viewing and editing.
- 🔍 The workspace search bar helps quickly locate tools and access help articles for building the site.
Q & A
What is the primary focus of Ali's course on the Wix Editor?
-The primary focus of Ali's course is to show how to use the Wix Editor tools to build a powerful website that effectively tells the brand's story, including its products, values, and more.
What are some of the topics covered in Ali's course?
-The course covers topics such as website structure and design, adding and customizing elements on pages, and the step-by-step process from creation to launch.
How can users start building their website on Wix?
-Users can start by choosing an existing website to edit or creating a new site from scratch, with the help of Wix AI, or by using a template as a starting point.
What is the Wix Editor's canvas used for?
-The canvas in the Wix Editor serves as both a preview and a space to edit pages freely, allowing users to see their site's layout and make changes in real-time.
What can be added to a website using the 'Add Elements' tool in Wix?
-Using 'Add Elements', users can add text, images, buttons, strips, decorative elements, galleries, interactive elements, and links to social media.
How does the section feature in Wix help with page organization?
-Sections in Wix allow users to move entire blocks of content up and down a page by clicking, with all design elements within the section moving along with it.
What is the purpose of the 'Pages Menu' in the Wix Editor?
-The 'Pages Menu' allows users to manage their site's pages by adding, removing, rearranging, or sorting them into folders for organization.
How does the 'Site Themes' feature help maintain consistency across a website?
-The 'Site Themes' feature ensures consistency by providing pre-made color and text themes that comply with accessibility standards, allowing users to keep fonts and colors uniform across the entire site.
What can be done with the 'Apps' feature in the Wix Editor?
-With the 'Apps' feature, users can integrate various tools and extensions into their site without opening new windows, such as chat bots or translator apps.
How can users manage their media content in the Wix Editor?
-Users can manage their media content through the 'Media' menu, where they can upload, view, and edit images and videos, as well as access Wix Photo Studio for free images.
What additional tools and features can users access from the Wix Editor's top bar?
-From the top bar, users can access settings, view their live site, manage their site's address or domain, use undo and redo, and search for tools or help articles.
Outlines
🛠️ Introduction to Wix Editor and Building a Website
Ali introduces the Wix Editor, emphasizing its capabilities in crafting a compelling brand narrative through website design. The course will guide users through the process of building a functional and visually appealing website, covering aspects like structure, design, and customization of elements. Ali demonstrates how to select or create a site, navigate the Wix Editor's interface, and utilize tools for adding text, images, buttons, and social media links. The concept of 'sections' for organizing page elements and the 'pages menu' for managing site pages are explained. The importance of site themes for maintaining brand consistency and the integration of apps for site enhancement are also highlighted.
🔍 Exploring Wix Editor Features and Workspace Customization
This section delves into the advanced features of the Wix Editor, including the customization of site themes, the management of business applications, and the use of the Media Center for content management. Ali discusses the ease of integrating apps into the site without opening new windows and the ability to explore the App Store for additional tools. The 'My Business' tab for managing business apps and the 'Content Manager' for organizing site content are introduced. The 'Layers' tool for detailed page element management and the 'top bar' for settings and workspace view adjustments are also covered. Ali concludes by encouraging users to get creative with the tools learned and looks forward to the next lessons, which will focus on page structure and design.
Mindmap
Keywords
💡Wix Editor
💡Structure and Design
💡Customize Elements
💡Templates
💡Sections
💡Site Themes
💡Apps Integration
💡Media Management
💡Content Manager
💡SEO
💡Mobile Editor
Highlights
The website should narrate a brand's story, products, and values effectively.
Ali specializes in the Wix Editor and will guide through building a powerful website.
Course covers structure, design, and customization of website elements.
Walkthrough from website creation to launch will be provided.
Introduction to the Wix Editor toolbox and its capabilities.
Option to edit an existing site or create a new one from scratch.
Templates can be browsed by category and customized to fit specific needs.
The canvas serves as a preview and editing space for pages.
Add Elements tool allows adding text, images, buttons, and more.
Sections on the page can be moved and new ones can be added.
Pages menu for managing site pages, including adding, removing, and rearranging.
Site themes ensure brand consistency across the site.
Themes can be customized to fit specific design needs.
Apps can be integrated into the site for enhanced functionality.
Business applications can be managed from the My Business tab.
Media menu for managing images and videos on and off the site.
Content Manager and Ascend Business Tools are accessible within the Editor.
Layers tool for a comprehensive view of all page elements.
Top bar for managing settings and workspace views.
Site can be saved, previewed, published, and viewed with a QR code for mobile.
SEO and business information can be updated in settings.
Dev Mode allows adding custom code to the site.
Workspace search bar for finding tools and help articles.
Next lessons will focus on using elements and tools to create a dream website.
Transcripts
Your website should
tell a story about your brand, your products, your values,
and you have all the tools to be able to tell that story in an eye-catching, effective way.
I'm Ali. I specialize in the Wix Editor,
and throughout this course, I'm going to show you how to use all of your tools
to build a powerful website that does exactly what you need it to do.
We'll cover things like structure and design and how to add and customize elements on your pages.
And I'll be walking you through every step
of the way, from creation to launch.
But before we dive into all that, let's start by looking into your toolbox, your Wix Editor.
To start, you'll need to pick your site, either
by choosing an existing website to edit or by creating a brand new site.
You can start from a blank slate, get help from the Wix AI or use one of these as a starting point
and I can browse templates by category,
but that doesn't mean I have to choose one that exactly fits my intent or industry.
Say I want to create a site for my services and a blog
and find a template that I love, but it doesn't have those elements built in.
I can start with the template that caught my eye and I can always add those elements to my site later on.
I've already created a site that I'll be editing throughout this course, so let's jump into my Editor.
The first thing you see in your new workplace is your canvas.
This serves as both a preview and a space to edit your pages freely.
Take a look at your left bar.
This is where you'll find all of your tools to customize your site and manage your business.
So let's go through it together. First, we have Add Elements.
This is also where I can add things like text, image,
buttons, strip, even decorative elements.
I can also add things like galleries, interactive elements or links to my social media.
We'll dive into adding some of those elements later in this course.
But all of these elements will live within something called sections on your page.
You can see how my site is split up into sections
and I can move entire sections up and down just by clicking here.
All of these design elements within the section move along with it.
Now I can add a new section to my page by just clicking over here.
Whenever you add a section in, they'll come already formatted to fit your site's theme.
Another important element is my pages menu.
This includes exactly what you'd expect:
The individual pages that make up my site.
Here I can add, remove,
rearrange pages on my site or sort them into folders to keep my site organized.
Now let's check out your site design.
Site themes are helpful tools that ensure your entire site
get stays on brand by keeping all your fonts and colors consistent.
You can choose from pre-made color and text themes, all designed to comply with accessibility standards.
And I can try out these featured themes.
See, when I click on any of these themes,
the rest of my site changes in one click,
and if I want to change something specific about this theme,
I can click colors or text and customize it to fit what I need.
We'll take a look at this more in the later lesson.
But for now,
one of my favorite things about the Editor
is that I can seamlessly integrate apps into my site without even opening a new window.
I can search for any tool that I need or extension I want to offer my site
visitors, like a chat bot or a translator app.
And as my business grows, I can always come back and explore
the App Store for new tools to enhance and even monetize my site.
And speaking of applications,
you can manage all of your business applications right here in the My Business tab.
So you saw that you can add images and videos to your site in the Add Elements menu,
but your Media menu is where you can manage all of your content for on and off your site.
This is my Media Center.
From here I can upload images or videos to my site,
see the files I've already uploaded, and edit those images and videos right here.
If I want to add any new images, I can upload my own
or pick free ones from Wix Photo Studio.
You also have the Content Manager
and Ascend Business Tools, which are both accessible right from this Editor.
For more about either of these, we have our Content Manager course
and a course on promoting your business where we talk about the Ascend tools.
Down here all the way at the bottom,
you have layers. Layers help you get a comprehensive look at
everything on your page, from the largest images down to the tiniest design elements.
This is a great tool to use when you want to hone
in on the specific element within a page, a section or strip.
Now let's move on.
The last stop on our tour of your workspace is your top bar.
This is where you can manage your settings and your view of your workspace.
Let's start all the way at the top. Here
under site, you can save, preview, publish, view
your live site and even get a QR code to view your mobile site.
In settings, you can work on your SEO and even update your business information.
In Dev Mode, you can add code and under help,
you can search the Editor and also search the Editor Help Center.
Over here we have save, preview and publish.
Moving down to the next row, we have another pages area.
Unlike the pages menu on your left bar,
this menu is just designed to help you navigate between your existing pages while you're editing your site.
You can click manage pages here to quickly jump back to the pages menu
and make any changes that you want.
When you switch to the mobile Editor, your site's design
and content will automatically adapt to a smaller screen.
You'll be able to make changes just to your mobile site,
so you can tailor your visitors' experience for mobile browsing.
Here in the center, you can manage your site's address or domain,
sticking with a free Wix URL or connecting a branded domain name.
Next, we have undo and redo.
This zoomed out view is great for seeing your entire page all at once broken out into sections.
This is the best way to reorganize your page without wondering if things are landing in the right place.
Once you get more comfortable with your site,
this toolbar offers even more tools to get your layout just right.
We'll take a look at some of these tools in a later lesson.
And last but not least, your workspace has a search bar.
It'll help you find any of the tools we just mentioned in a pinch
or find a help article to answer any questions that come up as you build your site.
And if you decide you want to edit freely on your canvas,
you can always click this arrow at the top of your screen to hide all of your controls temporarily.
Now that you have a
feel for the workspace, it's time to get creative. In our next few lessons,
we'll go over how to use all of these elements and tools to create your dream website,
starting with the structure of your pages.
That's where we'll pick up, and I'll see you there.
Посмотреть больше похожих видео
How to Create a FREE Website Using AI | 2024 🆓
Cosa deve contenere una Intranet? 5 consigli per creare il tuo sito aziendale con SharePoint!
How do I share edit access for my Business Profile on Google? | Quick Help
How to Animate on FlipaClip Tutorial for Beginners (FREE!)
Do THIS if You Have 0 Followers on Instagram | How to START and GROW on Instagram in 2024
Invideo AI Tutorial: Best Prompt to Video Generator
5.0 / 5 (0 votes)