{"id":2668,"date":"2021-06-22T10:01:07","date_gmt":"2021-06-22T10:01:07","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2668"},"modified":"2023-02-21T11:10:43","modified_gmt":"2023-02-21T11:10:43","slug":"elementor-webinar-recreate-a-site-using-the-archive-template","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/","title":{"rendered":"Elementor Webinar: Recreate a Site Using the Archive Template"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2668\" class=\"elementor elementor-2668\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12d9f986 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12d9f986\" 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-6efb7a5b\" data-id=\"6efb7a5b\" 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-43a1e650 elementor-widget elementor-widget-video\" data-id=\"43a1e650\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=GzRkmbvZT_s&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-66459d15 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"66459d15\" 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-6e4835fb\" data-id=\"6e4835fb\" 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-49f1b127 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"49f1b127\" 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-1241\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1241\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1242\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1242\" 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-1241\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1241\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1241\" tabindex=\"0\" hidden=\"false\"><p>Many members of our community love using Elementor in new projects, but still keep their old &amp; static theme layout \/ page builder shortcodes (yikes!) for past projects.<\/p><p>In this tutorial, we will take one of the most popular marketing blogs, JonLoomer.com, and recreate it using Elementor. This way, you can learn the step-by-step process of recreating any site in Elementor.<\/p><p>Users don&#8217;t realize how easy it is to recreate any current site design using Elementor:<\/p><p>&#8211; It doesn&#8217;t require import \/ export<br \/>&#8211; It doesn&#8217;t require code<br \/>&#8211; There&#8217;s absolutely no down-time<\/p><p>Join me and Elementor designer Bohdan Fishbein for a webinar that will give you the boost you need to redesign your old site with Elementor, using the Archive template<\/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-1242\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1242\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1242\" tabindex=\"0\" hidden=\"hidden\"><p>earlier or a bit late but that&#8217;s what<br \/>you can do and you have a global<br \/>solution like Elemento so I think we can<br \/>start I said get smaller you know we can<br \/>start yeah so I first wanted to give you<br \/>an intro to what we&#8217;re doing and why<br \/>we&#8217;re doing it so I&#8217;ve seen a lot of<br \/>comments in the elemental community<br \/>about people loving our tool they know<br \/>it&#8217;s the best page builder but yet they<br \/>still have their website in the hold<br \/>platform I won&#8217;t name names but it can<br \/>be in an old theme a different CMS all<br \/>together outside WordPress and they are<br \/>a bit afraid to go through the process<br \/>of recreating their site because and I<br \/>understand that because it sounds<br \/>daunting you think you&#8217;re gonna have to<br \/>recreate the site with Photoshop and you<br \/>know encode and go to the functions.php<br \/>they seem to take a lot of time but for<br \/>real it&#8217;s take yeah they have to contact<br \/>their developer their designer so we&#8217;ll<br \/>show you that it doesn&#8217;t take any of<br \/>that that time it just takes less than<br \/>an hour and you can you can create a<br \/>beautiful site using Elementor and do it<br \/>visually it&#8217;s really fun<br \/>so which shows the website Jon Loomer<br \/>which is a nice looking website Jon<br \/>Loomer is one of the most prominent<br \/>figures in Facebook marketing so I<br \/>recommend you check out the site and he<br \/>has a blog on the home page and that&#8217;s<br \/>what will recreate I&#8217;ll show you with<br \/>booked on how step-by-step we redesign<br \/>it and also give it a new modern touch<br \/>so you can use the same process that<br \/>we&#8217;ll show you today to recreate your<br \/>own site it&#8217;s fast it&#8217;s fun it&#8217;s easy<br \/>and without further ado we can start<br \/>yeah go let&#8217;s do it guys so yeah I&#8217;ll<br \/>try to be quiet most of the time man so<br \/>I don&#8217;t interrupt and give you the focus<br \/>so if it&#8217;s a bit too quiet that&#8217;s how it<br \/>is and after the after we start we&#8217;ll<br \/>also have<br \/>a quick Q&amp;A where you can post their<br \/>questions so Bogdan you just maybe you<br \/>can retrace and show again what you did<br \/>show well first sure we need to create<br \/>our header so let&#8217;s let&#8217;s go to Jon<br \/>Loomer and see what kind of header day<br \/>they have they have a dark header mr.<br \/>gray it&#8217;s simple<br \/>yeah they have a menu double menu logo<br \/>yeah just do it with white background<br \/>yeah do a little bit different my<br \/>template header and new header sure we<br \/>have it so we going through it and<br \/>you&#8217;re actually going to use the blog to<br \/>create it and yeah I just changed block<br \/>whoa how I want it&#8217;s more easy and fast<br \/>okay in the menu you created earlier<br \/>yeah yeah yeah it&#8217;s take time you know<br \/>it&#8217;s a lot of menu here yeah a lot of<br \/>links<br \/>yeah yeah sure<br \/>so as I said we&#8217;re going to give it a<br \/>bit of a twist so we&#8217;re gonna change the<br \/>header to a lighter color and the logo<br \/>automatically comes from the customizer<br \/>right<br \/>while Bogdan is doing it I&#8217;ll greet<br \/>Martin from Ireland and Illya from she<br \/>didn&#8217;t write where she&#8217;s from and Lisa<br \/>while we&#8217;re working with background and<br \/>text mmm we change form to change<br \/>background color the background of the<br \/>drop-down yeah yeah yeah changing the<br \/>font there are you actually following<br \/>the font of the website of Jon Loomer or<br \/>no it&#8217;s it&#8217;s I choose a new font so<br \/>you&#8217;re sticking with the colors that<br \/>they have now is important oh yeah it&#8217;s<br \/>a great power<br \/>yeah reflect so it will be known as the<br \/>core so what have the logo and the hello<br \/>David from the UK and alia from Miami<br \/>Florida<br \/>well I think that was fast<br \/>well we are we already had a webinar<br \/>about headers so I think we can move on<br \/>to the main course which is the whole<br \/>the whole archive page the blue assume<br \/>you can&#8217;t so save and publish of the Jon<br \/>Loomer site it&#8217;s a it&#8217;s a blog so the<br \/>home page features all the recent posts<br \/>so that&#8217;s what will we create now you&#8217;re<br \/>back in the dashboard yes now we&#8217;re<br \/>going back to my templates we&#8217;re going<br \/>to archive and create a new archive yeah<br \/>now I have to say that archive is a bit<br \/>more complex than the header because it<br \/>features dynamic content now you know<br \/>this is something that is takes a while<br \/>to to grasp but you see it&#8217;s very easy<br \/>to control and well you see we have her<br \/>here what we create from two seconds ago<br \/>it&#8217;s already published yeah it&#8217;s a very<br \/>much<br \/>now you&#8217;re actually creating the two<br \/>columns that are on the left the where<br \/>the blog posts and on the right the<br \/>sidebar yes we have been join like you<br \/>see on his side&#8217;s we have right side yes<br \/>bar training some podcast Facebook we<br \/>not so on the on the right side it&#8217;s<br \/>more things that they want to promote<br \/>the site and on the left side is the<br \/>recent posts that&#8217;s the only page<br \/>exactly now we start to build stuff the<br \/>left cone yeah left column so it&#8217;s so<br \/>easy don&#8217;t have to deal with sidebar<br \/>widgets short codes you can determine<br \/>what what your sidebar will look like<br \/>and drag the the column to get it just<br \/>the right size here we put after that&#8217;s<br \/>the metadata yeah it&#8217;s important here<br \/>for real it&#8217;s we have after who creates<br \/>a post date when create this post and<br \/>short comments will they have we should<br \/>probably change the username to two Jon<br \/>Loomer but glitches are normal we&#8217;re not<br \/>using create more so we take off here<br \/>so you&#8217;re actually editing the archived<br \/>posts yeah exactly we change the forms<br \/>we change some play with images here we<br \/>I want to do you know this and if you&#8217;re<br \/>familiar with Elementor before we we<br \/>released the thing builder you probably<br \/>know the posts widget now the post also<br \/>the post widget also allowed you to put<br \/>your featured posts on the page but it&#8217;s<br \/>not the same as an archive an archive<br \/>this is actually you&#8217;re adding editing<br \/>your blog page so all the content is<br \/>dynamically put so every time you create<br \/>a new post it will automatically be<br \/>added to your blog page just like you<br \/>you would edit your archive web page P<br \/>on WordPress<br \/>I see already 40 people are here so the<br \/>people that just joined us and hey guys<br \/>welcome Bogdan is recreating the Jon<br \/>Loomer site using elementor&#8217;s archive<br \/>template so is actually editing right<br \/>now the the home page which shows the<br \/>archive page the the blog so it&#8217;s so<br \/>easy to edit and and design and<br \/>customize your blog and we have a nice<br \/>surprise for you at the end of the<br \/>webinar we&#8217;re going to add something<br \/>that will give it a nice twist to the<br \/>whole page something that is not in the<br \/>original site like you see we left now<br \/>we can start right side so you have your<br \/>featured image yeah the title some<br \/>metadata and a search<br \/>yeah so what&#8217;s nice about this when we<br \/>publish this page it will actually<br \/>change the sidebar of the blog page<br \/>which in this case is also the home page<br \/>so maybe show them the end result that<br \/>you&#8217;re trying to achieve yeah we<br \/>finished the header header finish left<br \/>column we supposed or have post we<br \/>finished ooh now we start rebuild right<br \/>side so you&#8217;re doing it one by one here<br \/>yeah I think we not build it all stuff<br \/>you know we build it search training<br \/>maybe yeah we don&#8217;t have enough time to<br \/>do we will do the search<br \/>we take pose or social icons so we take<br \/>training search bar yeah<br \/>[Music]<br \/>our design so Jabbar take new colors so<br \/>you put the head a headline in the<br \/>search bar yes Barbara done we work<br \/>increased phones and try to find the<br \/>best way<br \/>however<br \/>so if you have any questions about the<br \/>process that you&#8217;re seeing right now you<br \/>can write it and at the Q&amp;A session<br \/>we&#8217;ll try to the end of this webinar<br \/>will try to answer now this is the<br \/>training which is the the image the<br \/>banner yeah it&#8217;s single partner so for<br \/>your site if you&#8217;re thinking about ideas<br \/>placing a banner on your block and<br \/>really help your conversions and it&#8217;s<br \/>really easy to do plus you can you can<br \/>customize like Bachmann is doing and<br \/>change it anytime so if you have a<br \/>seasonal sale you can place it and then<br \/>remove it after it&#8217;s gone yeah it&#8217;s very<br \/>easy now we&#8217;re going to do the social<br \/>icons someone asked what about the<br \/>search icon in front of the text the<br \/>search icon in front of the text you<br \/>mean the search bar we&#8217;re not going<br \/>one-on-one exactly no we&#8217;re not we&#8217;ll<br \/>give the copy we try to find the new way<br \/>more clean you know maybe murder you can<br \/>you can experiment and try to create<br \/>exactly but usually if you&#8217;re doing a<br \/>redesign the mission here is showing how<br \/>fast you can tour design your site<br \/>implementer so now you&#8217;re adding all the<br \/>social yeah social what&#8217;s they using<br \/>Thank You site we&#8217;ve have LinkedIn<br \/>Instagram YouTube<br \/>Thank You Mohammed best page builder<br \/>ever seen you guys are genius sunshine<br \/>has what effect can we add to the<br \/>training ad they&#8217;re like a flashing<br \/>thing you can do yeah you can if you use<br \/>the call to action widget you can<br \/>actually do some amazing effects<br \/>we have a bit of a time constraint here<br \/>in this webinar but yeah experiment and<br \/>and the call to action is very cool yeah<br \/>but I wouldn&#8217;t do too much flashing<br \/>because then it&#8217;ll look like a 90s<br \/>website so again you&#8217;re sticking with<br \/>the blues and the oranges so yeah I play<br \/>you these colors we in this site we use<br \/>dark blue and orange color well it&#8217;s a<br \/>an expert for Facebook so you know if<br \/>the blue is is a given okay so someone<br \/>asked how to make the sidebar dynamic so<br \/>actually if you think about it what is a<br \/>sidebar if you are editing the archive<br \/>the archive page dynamically meaning<br \/>this is what you&#8217;re seeing here is is a<br \/>preview of the posts then the sidebar is<br \/>just another column so you can move the<br \/>the it&#8217;s no longer thing as I want to<br \/>change make thick my sidebar a bit<br \/>bigger so I need to go to the code and<br \/>change the width no you just grab it and<br \/>drag it so I know it&#8217;s a bit of a change<br \/>of like concept of how you&#8217;re working<br \/>but here adding the recent posts is also<br \/>as simple so you can put in sidebar<br \/>whatever you like<br \/>of course we also have Facebook widget<br \/>so it&#8217;s easy to add the Facebook links<br \/>and Facebook box and whatever<br \/>someone asked is there a way to set a<br \/>fixed size for the column so the size<br \/>sidebar size wouldn&#8217;t change well it<br \/>shouldn&#8217;t change if you if you&#8217;re<br \/>setting it and publishing it that&#8217;s the<br \/>side word that you&#8217;ll have look at guys<br \/>what we have so we have recent posts we<br \/>have the social icons what&#8217;s left our<br \/>have fun not surprised<br \/>sure now we create a little bit<br \/>different stuff what not having on the<br \/>side it&#8217;s how we see you can redesign<br \/>something fresh you know yeah sometimes<br \/>the top of the of the website of your<br \/>homepage is always the best place to put<br \/>areas that are important to you so in<br \/>this case we&#8217;ll show you how to put a<br \/>featured post so if you have a feature<br \/>post that you want to promote you can<br \/>place it and design it really nicely<br \/>like Bogdan will show right now<br \/>you can also put in promo box or a<br \/>banner or whatever you need text some<br \/>from maybe I subscribe for yeah just<br \/>take it<br \/>so Marvin asked how come I cannot access<br \/>the section icon bar for section on the<br \/>topmost I don&#8217;t know if you&#8217;re a pro<br \/>user but we have a different webinar<br \/>about editing headers so you might check<br \/>it out and that might give you an answer<br \/>so you place the image now yeah now I<br \/>create on column a ground white and I<br \/>wanted to create shadow too later you&#8217;ll<br \/>see why it&#8217;s not finished<br \/>and this is a section that really can&#8217;t<br \/>be missed some your visitors if you want<br \/>to direct them to a specific place<br \/>that&#8217;s a great message to do it you&#8217;re<br \/>actually going to play around with the<br \/>alignment right so so they overlap yeah<br \/>now I wanted to put category here should<br \/>probably might have copied some HTML<br \/>you can go to text and then you can<br \/>paste it under tips so it&#8217;s the best way<br \/>after tricks tricks a little digs<br \/>so all these overlapping effects are<br \/>something that you see a lot of in<br \/>well-designed website since a really<br \/>cool way to go outside of the realm of<br \/>you know grid the basic read that looks<br \/>like a table so it kind of breaks the<br \/>blend design so now you&#8217;re using &#8211;<br \/>margins yeah to create that overlap<br \/>effect as this column would have on<br \/>front they index tree mm-hmm<br \/>so this image we going come back like<br \/>background<br \/>are we going on English like you see we<br \/>have here space it&#8217;s a bet<br \/>so go change it<br \/>was good mm-hmm you made the image<br \/>larger by reducing the the margin<br \/>because the the image always fits the<br \/>full column now little prick okay you<br \/>created a gradient that moves from white<br \/>yes but I don&#8217;t want it to be like no so<br \/>like our yet not my plan<br \/>like if you have here all right cuts the<br \/>image in the middle so you have a<br \/>transition of color in the middle of the<br \/>featured post so here we do the ground &#8211;<br \/>yes a and now this is okay now I got a<br \/>perfect question by frog Oggy they asked<br \/>will there be a feature in Elementor to<br \/>make for example a header menu stick to<br \/>the top so actually the Jon Loomer if<br \/>you visited it it has a sticky menu yeah<br \/>menu we can do also I will not not not<br \/>great when we do header but we can do it<br \/>for a second it&#8217;s not so hard for you<br \/>which is going to dashboard my templates<br \/>header<br \/>edit with lammeter you&#8217;re going back to<br \/>the Hadean you create what I create if<br \/>we talk about stickyman mm-hmm and here<br \/>is calling the favorites yeah save it<br \/>update<br \/>but easy very easy too much easy<br \/>I think this page we can publish it for<br \/>ya so when you publish you see the<br \/>conditions this determines where the<br \/>archive will be published so we want we<br \/>want the archive to actually be the<br \/>posts archive and this way when I go to<br \/>the home page also yeah in their portal<br \/>settings yeah you can set your homepage<br \/>to show your latest posts just like we<br \/>have it but if you&#8217;re not happy you can<br \/>click music and now that&#8217;s the home page<br \/>that we just migration guys sticky menu<br \/>that&#8217;s quick that&#8217;s easy and I think it<br \/>shows all the viewers that I think it&#8217;s<br \/>cool yeah and very fast you can recreate<br \/>the site<br \/>it took us how much time 25 minutes plus<br \/>talking so I really implore you to go<br \/>and test it out for yourself there&#8217;s no<br \/>downtime you can create the template and<br \/>just when you&#8217;re ready to publish it<br \/>click publish choose the conditions and<br \/>set it off on your site and yeah that&#8217;s<br \/>that&#8217;s the webinar so now we can take<br \/>questions<br \/>one more I think will be cool to show<br \/>guys new stuff yeah certainly so we have<br \/>some new things to show you that we are<br \/>about to send a release about so if you<br \/>go to the dashboard<br \/>you&#8217;ll see that if I create a single and<br \/>add new single I can actually choose<br \/>here we&#8217;ll have select post type so I<br \/>can usually choose the 404 page and if<br \/>you like you know there are many<br \/>examples of funny 404 pages creative so<br \/>here it&#8217;s really easy to do and I<br \/>encourage you to do it on your site and<br \/>if you click on create template you&#8217;ll<br \/>see new templates that we have for 404<br \/>pages look at guys we have new blocks<br \/>that&#8217;s a third that&#8217;s a cool thing and<br \/>I&#8217;m sure our users can enjoy it and we<br \/>have a complete post about it hopefully<br \/>later today so let&#8217;s take a few<br \/>questions<br \/>can there be several different layouts<br \/>so that&#8217;s a great question Risa<br \/>definitely once if you remember we just<br \/>were in the conditions tab so you can<br \/>set it to a certain category and then<br \/>the archive page will only affect a<br \/>certain category let&#8217;s say you have a<br \/>travel blog and you have in the same<br \/>site you have a car blog so you can<br \/>designate different templates for each<br \/>one you hit publish<br \/>choose the condition according to<br \/>category tag or any other taxonomy and<br \/>and you have your differentiated the<br \/>custom template for the archive page<br \/>will also have a tutorial about it<br \/>hopefully soon<br \/>someone asked if we are going to offer<br \/>Jon Loomer<br \/>a new template for them to change in the<br \/>site maybe oh maybe so you&#8217;re just I<br \/>just you know believe is for for page<br \/>you can do so many things to you amazing<br \/>so thank you everyone for joining this<br \/>webinar I hope you&#8217;ve enjoyed it and<br \/>that you learned something new and we&#8217;re<br \/>always in in contact with our community<br \/>to hear more ideas for webinars so<br \/>you&#8217;re welcome to suggest your own and<br \/>until next time this is Ben this Bogdan<br \/>for you next time bye bye guys<br \/>[Music]<\/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 Many members of our community love using Elementor in new projects, but still keep their old &amp; static theme layout \/ page builder shortcodes (yikes!) for past projects. In this tutorial, we will take one of the most popular marketing blogs, JonLoomer.com, and recreate it using Elementor. This way, you can learn [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-2668","post","type-post","status-publish","format-standard","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>Elementor Webinar: Recreate a Site Using the Archive Template - 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\/elementor-webinar-recreate-a-site-using-the-archive-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor Webinar: Recreate a Site Using the Archive Template - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Many members of our community love using Elementor in new projects, but still keep their old &amp; static theme layout \/ page builder shortcodes (yikes!) for past projects. In this tutorial, we will take one of the most popular marketing blogs, JonLoomer.com, and recreate it using Elementor. This way, you can learn [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T10:01:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T11:10:43+00:00\" \/>\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=\"15 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor Webinar: Recreate a Site Using the Archive Template - 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\/elementor-webinar-recreate-a-site-using-the-archive-template\/","og_locale":"en_US","og_type":"article","og_title":"Elementor Webinar: Recreate a Site Using the Archive Template - Academy","og_description":"Overview Transcript Overview Many members of our community love using Elementor in new projects, but still keep their old &amp; static theme layout \/ page builder shortcodes (yikes!) for past projects. In this tutorial, we will take one of the most popular marketing blogs, JonLoomer.com, and recreate it using Elementor. This way, you can learn [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/","og_site_name":"Academy","article_published_time":"2021-06-22T10:01:07+00:00","article_modified_time":"2023-02-21T11:10:43+00:00","author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Elementor Webinar: Recreate a Site Using the Archive Template","datePublished":"2021-06-22T10:01:07+00:00","dateModified":"2023-02-21T11:10:43+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/"},"wordCount":3363,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"articleSection":["Other"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/","url":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/","name":"Elementor Webinar: Recreate a Site Using the Archive Template - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"datePublished":"2021-06-22T10:01:07+00:00","dateModified":"2023-02-21T11:10:43+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/elementor-webinar-recreate-a-site-using-the-archive-template\/#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":"Elementor Webinar: Recreate a Site Using the Archive Template"}]},{"@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\/2668","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=2668"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2668\/revisions"}],"predecessor-version":[{"id":9627,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2668\/revisions\/9627"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2668"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2668"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}