In this tutorial, we will go over some website basics, and see what sites are made up of. We’ll also briefly check out Elementor’s Theme Builder, which empowers you to create and manage the parts needed for your own websites, such as:
✔︎ Headers and Footers
✔︎ Posts and Archives
✔︎ 404 Error Pages
✔︎ And much more!
Hi all, it’s Ziv from Elementor.
Today we will go over some website basics.. and have a look to see what sites are made up of.. we’ll also check out Elementor’s Theme Builder.. which empowers you to create and manage the parts needed for your own websites.
Let’s make a start.
There are many different types of websites, such as blogs, corporate and educational site s, news sites, and e-commerce sites,.. just to name a few. [show a couple of these sites, 2-3]
And they all have something in common: …they are a collection of web pages that can be accessed by visiting the home page.. which represents the main page of the site itself.. just like you see here.. on this Interior Design Agency website. [show the “Design House” Homepage]
They all contain some basic elements that are needed to make them function properly..
Such as this navigation bar over here..[subtly zoom pan, in and out] it’s part of the Header,.. which is a recurring site part that is found at the top of every page… and allows the user to quickly move across the main website’s structure.
Generally, besides for the navbar.. the header also contains a logo and some contact information.
Another important recurring part..is the footer, [scroll down to the footer] which is found at the bottom of every page.
In-between the header and footer, are pages.. with content [scroll back up again to see the page content].. such as the homepage we’re on.. where visitors get a first impression of this Interior Design Agency.
These pages are usually a mix of text and other media, such as images, video, and audio…
and can be designed to match the website’s needs.
This specific site.. also has a blog page.. where visitors can read articles on Interior Design and related topics.. Just like the one you see here..
[click on blog via the nav-menu] This page includes a list of articles or posts.. and clicking on one, takes you to it. [open a post] then [go back to the blog page]
If relevant,..having a blog on your site.. is a great way to drive traffic to your website and increase your SEO
Technically the blog page is an archive.. that can list these posts according to the website’s needs… they can be organised by categories and publish dates for example.
Also,.. if you think of it,.. These posts could be products on an ecommerce site. Just like the one you see here,.. And there are many different types of websites you can build this way (like this). [show a visually similar site, which instead of being a blog, is an ecommerce site]
Another important part of a site is the Search Results Page [ back on the hp, perform a search to demonstrate, search for the blog posts we saw earlier] Which is the page that shows the results when searching for something specific on a website,.. it can show pages, posts and content like images and videos.. .
And lastly, sites also have a 404 Error Page, which is the page that lets you know..you somehow got lost on a site.. because the URL you were searching for is either unavailable or no longer exists. [use a visual similar to this]
All of these site parts.. together.. form a complete website. Whether it’s a corporate or ecommerce site .. or for an interior design agency,.. like I’ve shown you here.. They all consist of site parts and basic elements that are needed to make them function properly.. [Scroll down on the homepage, click on the contact page button > then click on the blog via the nav-menu ]
Elementor’s Theme builder makes achieving this a lot easier. It’s a single place to manage your ENTIRE site.
It provides you with a clear and informative overview of all your site parts… such as headers, footers, posts or archives [subtle pan zoom to focus on the site parts] And therefore makes the task of designing and managing a complete website a lot easier..
We have a dedicated Theme Builder tutorial that delves into all of the fun stuff, so make sure to check it out.. and start building your own stunning sites in a simple and intuitive way.. I’ve linked it in the description below…
Well’ that’s it!
Have fun creating websites and don’t forget to subscribe to our YouTube channel for more tips and tutorials!
Ciao For Now