{"id":6334,"date":"2021-09-13T09:40:55","date_gmt":"2021-09-13T09:40:55","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=6334"},"modified":"2023-02-21T09:53:41","modified_gmt":"2023-02-21T09:53:41","slug":"getting-started-with-elementor-2","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/","title":{"rendered":"Getting Started With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6334\" class=\"elementor elementor-6334\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-405b57db thesinglevideo elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"405b57db\" 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-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52efe7ed\" data-id=\"52efe7ed\" 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-1143b599 elementor-widget elementor-widget-video\" data-id=\"1143b599\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/_X0eYtY8T_U&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-35f81fdb thesinglevideoOver elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"35f81fdb\" 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-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ebfd466\" data-id=\"ebfd466\" 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-6a37e24b elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"6a37e24b\" 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-1781\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1781\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1782\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1782\" 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-1781\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1781\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1781\" tabindex=\"0\" hidden=\"false\"><p>Learn how to build a professional website from start to finish with Elementor. Ziv Geurts, Elementor&#8217;s Lead Educator, will walk you through the basics and show you step by step how to design, build and publish a website for your own business or customers, without the need of code.<\/p><p>In this guide you will learn how to:<br \/>\u2713 Install a theme and setup a header, footer &amp; navbar menu<br \/>\u2713 Build a home, menu and contact page<br \/>\u2713 Optimize these pages for mobile devices<br \/>\u2713 Use links to turn the pages into a functional site<br \/>\u2713 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-1782\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1782\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1782\" tabindex=\"0\" hidden=\"hidden\"><p>Hi All, welcome to Elementor. I&#8217;m Ziv, and in this video I&#8217;ll show you the first step of building a page for your website with Elementor.<\/p><p>We will begin by adding a new page in your WordPress dashboard, and in Pages add new click Edit with Elementor.<\/p><p>Okay, so what we are looking at here on the right side is the editing screen of your site where you add and edit elements that form the layout of your page on the left side is the Elementor Panel. Here are creative tools called widgets. Use widgets to add elements to your page like headings, paragraphs, images, and videos.\u00a0<\/p><p>When you start building your page design it from scratch by clicking the Plus button to add a section or use a pre-designed template. Hit the library icon to add a template. Let&#8217;s add one together. First click the magnifying glass to preview once you find the one you want insert it up here on the top.\u00a0<\/p><p>Right, let&#8217;s take a closer look at the anatomy of a page.\u00a0Each page in Elementor is made up of sections. This entire area is a section these are also sections notice the blue border around each section on havre inside sections are columns identify them by these black dotted lines and a column icon handle. Here&#8217;s another column, and inside the columns are widgets. Here is a text widget inside a column inside a section. Use the handles to edit any element and move them around. Clicking the section handle on the left of the plus lets<br \/>you add a new blank section to edit your section click the dots in the middle\u00a0<\/p><p>This opens the panel to layout style and advanced move the section up or down using the middle dots by dragging and dropping here you can also right click to duplicate or delete your section or copy paste and more you can do the same with the column simply right-click need another column to add a new column<br \/>right-click it&#8217;s handle and add and do the same for widgets duplicate delete and copy. Easy.\u00a0<\/p><p>The whole layout is super flexible you can easily drag any elements around to change the column width by grabbing the edges and moving it left or right like this your work is saved automatically if you want to publish it and view your live page click. The green publish button down here click and have a look to see the published page.\u00a0And lastly to preview your draft before you publish it, click the icon below<br \/>and you&#8217;re good to go.<\/p><p>in the next video we&#8217;ll get familiar with some website basics and check out the site we&#8217;ll build together in this getting started guide.<\/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 Learn how to build a professional website from start to finish with Elementor. Ziv Geurts, Elementor\u2019s Lead Educator, will walk you through the basics and show you step by step how to design, build and publish a website for your own business or customers, without the need of code. In this guide [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":6358,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-6334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-other"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Getting Started With Elementor - Academy<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started With Elementor - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Learn how to build a professional website from start to finish with Elementor. Ziv Geurts, Elementor\u2019s Lead Educator, will walk you through the basics and show you step by step how to design, build and publish a website for your own business or customers, without the need of code. In this guide [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-13T09:40:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T09:53:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/getting-started.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1082\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aviva Darab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aviva Darab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting Started With Elementor - Academy","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"Getting Started With Elementor - Academy","og_description":"Overview Transcript Overview Learn how to build a professional website from start to finish with Elementor. Ziv Geurts, Elementor\u2019s Lead Educator, will walk you through the basics and show you step by step how to design, build and publish a website for your own business or customers, without the need of code. In this guide [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/","og_site_name":"Academy","article_published_time":"2021-09-13T09:40:55+00:00","article_modified_time":"2023-02-21T09:53:41+00:00","og_image":[{"width":1920,"height":1082,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/getting-started.jpeg","type":"image\/jpeg"}],"author":"Aviva Darab","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aviva Darab","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/"},"author":{"name":"Aviva Darab","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/6ce87fcf655168e5ac55e43148a99449"},"headline":"Getting Started With Elementor","datePublished":"2021-09-13T09:40:55+00:00","dateModified":"2023-02-21T09:53:41+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/"},"wordCount":583,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/getting-started.jpeg","articleSection":["Other"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/","url":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/","name":"Getting Started With Elementor - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/getting-started.jpeg","datePublished":"2021-09-13T09:40:55+00:00","dateModified":"2023-02-21T09:53:41+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/getting-started.jpeg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/09\/getting-started.jpeg","width":1920,"height":1082},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/getting-started-with-elementor-2\/#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":"Other","item":"https:\/\/elementor.com\/academy\/other\/"},{"@type":"ListItem","position":4,"name":"Getting Started With Elementor"}]},{"@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\/6ce87fcf655168e5ac55e43148a99449","name":"Aviva Darab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5456d642d6417c9b72a48f8fbec624cc1336f934ce83732b6fa2358ab0c31bfe?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5456d642d6417c9b72a48f8fbec624cc1336f934ce83732b6fa2358ab0c31bfe?s=96&d=mm&r=g","caption":"Aviva Darab"},"description":"Aviva is a Designer and Educator at Elementor. She\u2019s experienced in web and graphic design and enjoys sharing her knowledge with others. She stays fueled with coffee, dark chocolate, and Pinterest.","url":"https:\/\/elementor.com\/academy\/author\/user-5e36e0380be94\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6334","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\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=6334"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6334\/revisions"}],"predecessor-version":[{"id":9612,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6334\/revisions\/9612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/6358"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=6334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=6334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=6334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}