{"id":1686,"date":"2021-06-20T09:52:58","date_gmt":"2021-06-20T09:52:58","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=1686"},"modified":"2023-02-22T09:38:11","modified_gmt":"2023-02-22T09:38:11","slug":"website-basics-and-site-parts-in-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/","title":{"rendered":"Website Basics and Site Parts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1686\" class=\"elementor elementor-1686\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2fc22e4a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2fc22e4a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1828a61a\" data-id=\"1828a61a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41e30cea elementor-widget elementor-widget-video\" data-id=\"41e30cea\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=Jh_KqrJlbLI&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-42a6fb13 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42a6fb13\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-40843e34\" data-id=\"40843e34\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38394bca elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"38394bca\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9431\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9431\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9432\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9432\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9431\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9431\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9431\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial, we will go over some website basics, and see what sites are made up of. We\u2019ll also briefly check out Elementor\u2019s Theme Builder, which empowers you to create and manage the parts needed for your own websites, such as:<\/p><p>\u2714\ufe0e Headers and Footers<br \/>\u2714\ufe0e Posts and Archives<br \/>\u2714\ufe0e 404 Error Pages<br \/>\u2714\ufe0e And much more!<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9432\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9432\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9432\" tabindex=\"0\" hidden=\"hidden\"><p>Hi all, it\u2019s Ziv from Elementor.<\/p><p>Today we will go over some website basics.. and have a look to see what sites are made up of.. we\u2019ll also check out Elementor\u2019s Theme Builder.. which empowers you to create and manage the parts needed for your own websites.<\/p><p>Let\u2019s make a start.<\/p><p>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]<\/p><p>And they all have something in common: &#8230;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 \u201cDesign House\u201d Homepage]<\/p><p>They all contain some basic elements that are needed to make them function properly..<br \/>Such as this navigation bar over here..[subtly zoom pan, in and out] it\u2019s part of the Header,.. which is a recurring site part that is found at the top of every page\u2026 and allows the user to quickly move across the main website\u2019s structure. <br \/>Generally, besides for the navbar.. the header also contains a logo and some contact information.<\/p><p>Another important recurring part..is the footer, [scroll down to the footer] which is found at the bottom of every page. <br \/>It usually contains a logo, and other important info such as the site-map, contact information, disclaimers and links to the terms of service and privacy policy pages.<\/p><p>In-between the header and footer, are pages.. with content [scroll back up again to see the page content].. such as the homepage we\u2019re on.. where visitors get a first impression of this Interior Design Agency.<\/p><p>These pages are usually a mix of text and other media, such as images, video, and audio&#8230;<br \/>and can be designed to match the website\u2019s needs.<\/p><p>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..<br \/>[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] <br \/>If relevant,..having a blog on your site.. is a great way to drive traffic to your website and increase your SEO<br \/>Technically the blog page is an archive.. that can list these posts according to the website&#8217;s needs\u2026 they can be organised by categories and publish dates for example.<\/p><p>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]<\/p><p>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.. .<\/p><p>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]<\/p><p>All of these site parts.. together.. form a complete website. Whether it\u2019s a corporate or ecommerce site .. or for an interior design agency,.. like I\u2019ve 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 &gt; then click on the blog via the nav-menu ]<\/p><p>Elementor\u2019s Theme builder makes achieving this a lot easier. It\u2019s a single place to manage your ENTIRE site.<\/p><p>It provides you with a clear and informative overview of all your site parts\u2026 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..<\/p><p>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\u2019ve linked it in the description below&#8230;<\/p><p>Well\u2019 that\u2019s it! <br \/>Have fun creating websites and don\u2019t forget to subscribe to our YouTube channel for more tips and tutorials!<\/p><p><br \/>Ciao For Now<\/p><p>\u00a0<\/p><p>\u00a0<\/p><p>\u00a0<\/p><p>\u00a0<\/p><p>\u00a0<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial, we will go over some website basics, and see what sites are made up of. We\u2019ll also briefly check out Elementor\u2019s Theme Builder, which empowers you to create and manage the parts needed for your own websites, such as: \u2714\ufe0e Headers and Footers \u2714\ufe0e Posts and Archives \u2714\ufe0e 404 [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4032,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[41],"class_list":["post-1686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theme-builder","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Website Basics and Site Parts - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Basics and Site Parts - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial, we will go over some website basics, and see what sites are made up of. We\u2019ll also briefly check out Elementor\u2019s Theme Builder, which empowers you to create and manage the parts needed for your own websites, such as: \u2714\ufe0e Headers and Footers \u2714\ufe0e Posts and Archives \u2714\ufe0e 404 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-20T09:52:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:38:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Website-Basics-and-Site-Parts-in-elementor.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Basics and Site Parts - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Website Basics and Site Parts - Academy","og_description":"Overview Transcript Overview In this tutorial, we will go over some website basics, and see what sites are made up of. We\u2019ll also briefly check out Elementor\u2019s Theme Builder, which empowers you to create and manage the parts needed for your own websites, such as: \u2714\ufe0e Headers and Footers \u2714\ufe0e Posts and Archives \u2714\ufe0e 404 [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-20T09:52:58+00:00","article_modified_time":"2023-02-22T09:38:11+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Website-Basics-and-Site-Parts-in-elementor.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Website Basics and Site Parts","datePublished":"2021-06-20T09:52:58+00:00","dateModified":"2023-02-22T09:38:11+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/"},"wordCount":855,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Website-Basics-and-Site-Parts-in-elementor.jpg","keywords":["Guides and Tutorials"],"articleSection":["Theme Builder"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/","url":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/","name":"Website Basics and Site Parts - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Website-Basics-and-Site-Parts-in-elementor.jpg","datePublished":"2021-06-20T09:52:58+00:00","dateModified":"2023-02-22T09:38:11+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Website-Basics-and-Site-Parts-in-elementor.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Website-Basics-and-Site-Parts-in-elementor.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/website-basics-and-site-parts-in-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Theme Builder","item":"https:\/\/elementor.com\/academy\/theme-builder\/"},{"@type":"ListItem","position":4,"name":"Website Basics and Site Parts"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=1686"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1686\/revisions"}],"predecessor-version":[{"id":9581,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1686\/revisions\/9581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4032"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=1686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=1686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=1686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}