{"id":2563,"date":"2021-06-22T08:40:48","date_gmt":"2021-06-22T08:40:48","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2563"},"modified":"2023-02-21T11:17:51","modified_gmt":"2023-02-21T11:17:51","slug":"create-a-real-estate-wordpress-website-using-acf-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/","title":{"rendered":"Create a Real Estate WordPress Website Using ACF &amp; Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2563\" class=\"elementor elementor-2563\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f3f5f17 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6f3f5f17\" 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-70d85b09\" data-id=\"70d85b09\" 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-67d6d4fd elementor-widget elementor-widget-video\" data-id=\"67d6d4fd\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=f1tN4em56uA&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-7fb8f0af elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7fb8f0af\" 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-212e4f13\" data-id=\"212e4f13\" 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-2f9ab634 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"2f9ab634\" 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-7981\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-7981\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-7982\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-7982\" 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-7981\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7981\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-7981\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial, we combine Elementor, ACF and CPT UI to create a dynamic real estate website on WordPress.<\/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-7982\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-7982\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-7982\" tabindex=\"0\" hidden=\"hidden\"><p>hi everyone this is Paul from bring you<br \/>up calm and today we&#8217;re gonna take a<br \/>look at how to combine elementor&#8217;s<br \/>dynamic content and advanced custom<br \/>fields to create a real estate listing<br \/>website let&#8217;s get into it<br \/>okay so let&#8217;s first take a look at what<br \/>we&#8217;re gonna create this is going to be a<br \/>real estate listing website and this is<br \/>the home page of the website and here we<br \/>have our latest listings so I&#8217;m gonna<br \/>open one up and now it loaded and we can<br \/>see the title of the listing we can see<br \/>the price I can click on View details to<br \/>scroll down to the surface information<br \/>which is the square meters number of<br \/>floors number of bad news and bathrooms<br \/>the type of furnishing the price score<br \/>for this area as well as additional<br \/>information location and be available<br \/>from date as well as in map and<br \/>everything that I showed right now is<br \/>coming dynamically from the back end so<br \/>if you want to create a new listing all<br \/>we have to do is fill in information and<br \/>the front end is going to display the<br \/>same template but with a new information<br \/>and even this picture is from the<br \/>featured image of this custom post type<br \/>that we&#8217;re going to create so without<br \/>further ado let&#8217;s jump in and create ad<br \/>okay so we&#8217;re now inside the fresh<br \/>WordPress installation and I&#8217;ve already<br \/>went ahead and created the header the<br \/>footer and home page the home page is<br \/>pretty much empty at this point because<br \/>I&#8217;ve only created the top section we<br \/>need to create the listings first so we<br \/>can insert them here on the home page so<br \/>I will return now to the dashboard<br \/>because we need to install two more<br \/>plugins for this to work so I will go<br \/>under plugins installed plugins and you<br \/>can see we only have element or element<br \/>or pro installed so I&#8217;m gonna click on<br \/>add new and I&#8217;m gonna search for the<br \/>first one it which is called custom both<br \/>pipe UI so is this one with the orange<br \/>corner if you can store now and this<br \/>plug-in will allow us to create our<br \/>listing custom post type without the<br \/>fields just the post type and I&#8217;m gonna<br \/>click on activate so now you can see the<br \/>custom post type UI plug-in is installed<br \/>so we only need one more I&#8217;m gonna think<br \/>again on that new and I&#8217;m going to<br \/>search for advanced<br \/>custom kills and this is the plug-in the<br \/>one with the light green background I&#8217;m<br \/>gonna click on install now and this one<br \/>will allow us to create the fields that<br \/>we need for our listing which is the<br \/>price the number of bedrooms number of<br \/>bathrooms the type of furnishing<br \/>everything that we need we&#8217;re gonna<br \/>create with this plugin so I don&#8217;t click<br \/>again on activate okay so we now have<br \/>all the required plugins installed for<br \/>our design but before we continue on<br \/>with the tutorial I just want to make a<br \/>short note about the advanced custom<br \/>fields plugin right now we&#8217;re on version<br \/>official version for advanced custom<br \/>fields but actually advanced custom<br \/>fields 5 is in early access and<br \/>elemental officially supports this<br \/>version that comes with some really<br \/>nifty features and while for this<br \/>tutorial I will not be using version 5 I<br \/>will quickly show you how to enable that<br \/>so I will go under appearance editor to<br \/>access the theme editor files and you<br \/>don&#8217;t have to be scared because it&#8217;s a<br \/>lot of coding here because we are only<br \/>going to add a simple line of code to<br \/>enable this ok so we are now inside of<br \/>the editor and we have this heads up<br \/>here I will click on I understand and we<br \/>will go here on the right side to theme<br \/>function which is the functions that PHP<br \/>file and I will click on that and now I<br \/>will scroll all the way to the bottom of<br \/>this file here and I will add two spaces<br \/>and I will paste the code from the<br \/>advanced custom fields website so<br \/>basically this is just a comment so we<br \/>know what the code is about and this is<br \/>the code which is defined advanced<br \/>custom fields early access to version 5<br \/>and I will click on update file now that<br \/>the file was edited successfully I can<br \/>go under plugins installed plugins and<br \/>we now have the option to update to the<br \/>version 5 so I will click on update now<br \/>and now the plug-in is updated and we<br \/>only have one more thing to do I will go<br \/>to the dashboard and now advanced custom<br \/>fields is prompting us to upgrade the<br \/>database or LT conveys<br \/>and the database upgrade is complete so<br \/>I can now return home and we&#8217;re done so<br \/>we can now go ahead and create our<br \/>custom folks<br \/>type so you cannot see on the left side<br \/>under Elementor that we have a new entry<br \/>called CP GUI which stands for custom<br \/>post type UI the plugin installed<br \/>previously and using this plugin will<br \/>create our list in post time so I&#8217;m<br \/>going to hover over CPT UI and click on<br \/>add edit post types now on this screen<br \/>we need to fill in a bit of information<br \/>first to create our post time and the<br \/>first thing we need to filling is the<br \/>post type slug which is the internal<br \/>name WordPress uses for a custom post on<br \/>and this is recommended to be lowercase<br \/>and to contain no spaces so I&#8217;m gonna<br \/>name it the listings with a lowercase L<br \/>next we need to fill in the plural label<br \/>and this is going to be again listing<br \/>but this time with the uppercase L and<br \/>lastly the singular label which is gonna<br \/>be listing with an uppercase L now you<br \/>can see we have a ton of options here if<br \/>I scroll down the page but we don&#8217;t<br \/>actually have to change any because in<br \/>the first part we have just labels that<br \/>we can rename what we don&#8217;t need that<br \/>and in the bottom we have some options<br \/>but the defaults work perfectly for us<br \/>the only thing I want to do is add an<br \/>icon to our custom post type so it&#8217;s a<br \/>bit easier to find in the WordPress<br \/>sidebar on the left side so here in the<br \/>menu icon I will paste the &#8211; Michael&#8217;s<br \/>admin home which is a little house<br \/>so it&#8217;s OK for our real estate listing<br \/>website and engine just gonna scroll<br \/>down and click Add post type and I can<br \/>see that under comments we have this new<br \/>post type called listings and I can<br \/>click on all listings and you can see we<br \/>have no listings but before getting a<br \/>new listing I need to create a custom<br \/>fields for it so we will do that next<br \/>under settings we have a new entry<br \/>called custom fields which is coming<br \/>from the advanced custom fields plug-in<br \/>and using that we will create our fields<br \/>for the listing that we created before<br \/>so I&#8217;m going to hover over custom fields<br \/>and click on custom fields to start<br \/>creating our first field group and here<br \/>on this page I&#8217;m gonna click on add new<br \/>and I&#8217;m gonna name this field group<br \/>listings<br \/>ok so we need to add our fields to the<br \/>thing and we have to think in terms of<br \/>what information people want to see when<br \/>browsing for a real estate listing and<br \/>that&#8217;s going to be information like the<br \/>price the surface area type of<br \/>furnishing the number of floors etc so<br \/>I&#8217;m gonna go ahead and create the first<br \/>field and we&#8217;ll take here at field and<br \/>we have three pieces of information that<br \/>we need to fill in which are very<br \/>important the first one is the field<br \/>label the second one is the field name<br \/>which is the internal name WordPress<br \/>uses and the third one is the field type<br \/>so I will start with the first field<br \/>which is price and I will call it price<br \/>with an uppercase P and then when I<br \/>press tab to go to the next input it<br \/>automatically fills it in with the<br \/>lowercase variant of it so we don&#8217;t need<br \/>to type it out it&#8217;s very good how it how<br \/>it did and for the field type I&#8217;m gonna<br \/>leave this one to text and here we have<br \/>some more settings we can change we can<br \/>make this required let&#8217;s make the price<br \/>required and this is a very powerful one<br \/>but we don&#8217;t actually use it now it&#8217;s<br \/>the conditional logic so some fields can<br \/>only show when certain conditions from<br \/>other fields are met but we don&#8217;t need<br \/>that so I&#8217;m gonna close the field and<br \/>I&#8217;m going to create the second one which<br \/>is going to be price corn and you will<br \/>see exactly what that is when we start<br \/>creating the template so I&#8217;m gonna do<br \/>low price for again the field name is<br \/>automatically filled in so I&#8217;m going to<br \/>change this to number because this is a<br \/>number and again I want to do a bit of<br \/>stuff here I want the minimum value to<br \/>be 0 and the maximum value to be 100<br \/>because this is a percentage and we<br \/>don&#8217;t need conditional OG we can make<br \/>this required also and I can click on<br \/>closed field and I will show one more<br \/>field or now and then I will create<br \/>others on fast-forwards so we don&#8217;t<br \/>waste a ton of time so the last one that<br \/>I will create now is the type of<br \/>furnishing<br \/>and this is going to be a select feeling<br \/>so choose your selection choice I will<br \/>make this required as well and here in<br \/>choices we have input where we can write<br \/>our choices so we will have furnished<br \/>luxury vintage and for you so these are<br \/>these are our options that we can we can<br \/>select from this film the defaults are<br \/>okay here so I can click on closed film<br \/>all right so I will create the address<br \/>and faster so we don&#8217;t waste a ton of<br \/>time and we can continue after that okay<br \/>so now that we have all those fields<br \/>created we only have to do one more<br \/>thing which is to choose where to show<br \/>those fields and you can see we have<br \/>here the location rules and it says show<br \/>this fill group if post type is equal to<br \/>post and we don&#8217;t want that we want that<br \/>to be post type is equal to listings or<br \/>custom post type and that&#8217;s all I can<br \/>just click on publish now and we can now<br \/>go ahead and create our first listing so<br \/>we cannot go under listings and click on<br \/>add new to create our first one and you<br \/>can see we have all the fields that we<br \/>created before here so I&#8217;ll start with<br \/>the title and I&#8217;m gonna paste the scene<br \/>this is going to be a free bedroom two<br \/>bathroom house we drive and wind up and<br \/>double garage now for this body text we<br \/>will paste in some dummy data because we<br \/>don&#8217;t have that that much text but<br \/>that&#8217;s going to be the additional<br \/>information for this listing and now we<br \/>can click on set featured image here and<br \/>I already uploaded some images so I know<br \/>I want this one with this house for the<br \/>featured image and now we can start<br \/>filling in the custom fields that we<br \/>created before so the price will be<br \/>will do that inside of our template so<br \/>the price core is 65% for this property<br \/>again % we will put it in the template<br \/>the surface area is 380 the type of<br \/>furnishing is luxury<br \/>it has two floors three bedrooms two bar<br \/>pools and I&#8217;m gonna paste in the<br \/>location which is this North Caldwell<br \/>New Jersey and I will choose when it&#8217;s<br \/>available and it&#8217;s going to be 17 of<br \/>August okay so now that we filled<br \/>everything in I can just click on<br \/>publish and our post is live the only<br \/>problem is that our theme will not<br \/>display the custom fields by default so<br \/>we will need to create a template and<br \/>for that we will use the element or<br \/>single template builder so let&#8217;s start<br \/>with that I will now hover over<br \/>Elementor and choose my templates to<br \/>start creating our list template and on<br \/>this page you can see we have the main<br \/>footer and the main header that I&#8217;ve<br \/>created previously we don&#8217;t need to<br \/>worry about that and we can just click<br \/>on add new to create a new template and<br \/>first the thing we have to fill in is<br \/>the type of template we want to work on<br \/>and for this we need the single template<br \/>and once we click on single we have to<br \/>choose the post type that we want to<br \/>work on and I want to work on listing<br \/>which is our custom post type that we&#8217;ve<br \/>created and now I just need to provide a<br \/>name for this template and I will do<br \/>listing template so it&#8217;s easier to find<br \/>and I will click on create template now<br \/>on the mentor is loaded and we already<br \/>have the library panel open but I will<br \/>close it for just a second to show you<br \/>what&#8217;s going on here so on this page you<br \/>can see we already have the footer in<br \/>place and we also have that header which<br \/>is not visible because it&#8217;s white on a<br \/>white background for<br \/>because we will overlay it over the<br \/>image so I will take back on the folder<br \/>icon to open the template library and<br \/>I&#8217;m going to the blocks tab because I<br \/>want to insert a new block I know I want<br \/>one for the hero so here in the category<br \/>I will click on this to expand and I<br \/>will search for the hero and I&#8217;m looking<br \/>for this one with the plants and I will<br \/>click insert now that this is inserted<br \/>we can see that this text like the 17<br \/>travel diversions been in right now is<br \/>just written here so we can change this<br \/>text to whatever we want but we actually<br \/>want it to be dynamic so we will do that<br \/>in a second first I want to do this<br \/>travel text I want to change it to<br \/>premium listing it&#8217;s just a small design<br \/>detail and in the typography I will make<br \/>it a bit more close together and also I<br \/>know we don&#8217;t need this text here so I<br \/>will right click on this and click<br \/>delete to get rid of that okay perfect<br \/>now we can take this this text from here<br \/>and you can see we have the input field<br \/>where we can type what we want but here<br \/>in the right-hand corner we have this<br \/>dynamic link widget and I will click on<br \/>that and you can see we have a bunch of<br \/>options what we want to use and for this<br \/>I want to display the post title which<br \/>is the what we filled in for the title<br \/>of our listing so I&#8217;ll click on post<br \/>title and you can see we now have the<br \/>double garage here which is coming<br \/>dynamically from the back end now I want<br \/>to make this a bit wider so in the<br \/>column settings I will do the padding<br \/>right to 15% instead of 30% and also I<br \/>want this to be a bit smaller so I will<br \/>click on it and go to style typography<br \/>and it&#8217;s now 65 pixel so I would go down<br \/>to around 50 I think this looks great<br \/>now I will right click on this and click<br \/>on duplicate to make a copy of it and<br \/>this time I&#8217;m going here again I will<br \/>click on this little X so we get rid of<br \/>the post title and I will click on<br \/>dynamic again and I will scroll all the<br \/>way down to a CF which<br \/>for advanced custom fields and we have<br \/>this field called ACF field beta and I<br \/>will click on that and you see it<br \/>disappeared for now but now we have here<br \/>ACP field beta and if I click on it we<br \/>have this option called key and if I<br \/>click on the key we have a drop-down<br \/>with everything that was created before<br \/>with advanced custom fields and then<br \/>what is I want this one to be the price<br \/>so I will click on price and you can see<br \/>the price is now displayed here and in<br \/>advance we have something very nice that<br \/>we can do I will open up this and I want<br \/>before the price to show the dollar sign<br \/>like this and after the part the price I<br \/>want to show a space and USD for u.s.<br \/>dollars so now the price is coming<br \/>dynamically and if we will have another<br \/>number it&#8217;s going to follow the exact<br \/>same exactly the same design and now all<br \/>I want to do with this is make the price<br \/>a bit smaller let&#8217;s try 40 or if one<br \/>it&#8217;s more than 35 I think this looks<br \/>perfect now one more thing that we can<br \/>do with the dynamic fields from our<br \/>listing is due to dynamic background so<br \/>I will click on the section here to<br \/>select it and I will go under style and<br \/>you can see we have the background image<br \/>which is these plants here but we also<br \/>have the same dynamic link here so I<br \/>will click on that and we have some<br \/>things that we can select and I want to<br \/>select the featured image of this post<br \/>and once I do that you can see it loaded<br \/>up the house that we created before as<br \/>the featured image now I want to change<br \/>this bottle a bit so I will change the<br \/>read more to view details and also I<br \/>don&#8217;t like the hover effect I want it I<br \/>would not understand and on Harper I<br \/>want the text color to still be white<br \/>the border color to be white and I want<br \/>the hover animation to be float<br \/>perfect so this is the first section<br \/>already done and you can see we have the<br \/>everything is coming dynamically from<br \/>our post and one more thing that I want<br \/>to do is select again the sections go to<br \/>advanced and under margin I will<br \/>deselect these links values together and<br \/>for the top I will go &#8211; 77 pixels so I<br \/>will don&#8217;t &#8211; 7 and type another seven<br \/>and you can see now that our header is<br \/>over like over the image and we have the<br \/>logo also if I close this this is how it<br \/>looks like for the first section so<br \/>right now we can start it in the second<br \/>section<br \/>okay I&#8217;m gonna scroll down and click on<br \/>the folder item because I want to insert<br \/>another block so I will pick up X here<br \/>to get rid of the hero and I will search<br \/>for services and I&#8217;m looking for this<br \/>one in each services block so I will<br \/>click insert and you can now see we have<br \/>this section with the with these free<br \/>columns here so the first thing I will<br \/>change this text here from services to<br \/>surface in formation and I&#8217;ve gone our<br \/>style typography and like it 30 pixels<br \/>perfect now I want this to be full width<br \/>so I&#8217;ll figure and instead of box able<br \/>to fool with and in this section again I<br \/>will go on your box and click on full<br \/>width now this is spanning the whole<br \/>width of the screen so I will go under<br \/>this section again to advanced and on<br \/>padding right and left I will put 250<br \/>pixels right left now we have this and I<br \/>need one more so I will right-click on<br \/>this column and I will do<br \/>dublicate so we have four of them<br \/>perfect<br \/>now I start designing the first one I<br \/>know that I don&#8217;t want this button here<br \/>so I will right click on button and<br \/>click delete on all four of them so we<br \/>got rid of the buttons and this widget<br \/>here is the image box widget which is<br \/>exactly what we need now I will go and<br \/>delete this text here because I just<br \/>want the title and the image and I will<br \/>do that again for all four of them now I<br \/>will go again in the first one and I<br \/>will change the image I will go with<br \/>this image which is for the surface area<br \/>and I will pick insert media now I will<br \/>do the same thing on all four of them<br \/>okay and because this icon is a bit<br \/>wider it appears a bit smaller so what I<br \/>will do is go under style and make the<br \/>width a bit bigger and bring the spacing<br \/>down a bit so it matches the same height<br \/>I think somewhere around here it looks<br \/>good<br \/>perfect now for the text so I will go<br \/>again in the first one and instead of<br \/>marketing I&#8217;m going to click on this<br \/>dynamic field here and I will scroll<br \/>down to a sieve field beta you can get<br \/>on that and I will choose the key for<br \/>surface area and you can see we have the<br \/>now in the advanced and after I will put<br \/>a space and type sq and which is four<br \/>square meters and now this is dynamic<br \/>and it shows our surface area so I will<br \/>do the same with the three others the<br \/>second one is going to be AFC field and<br \/>the key is number of floors and in<br \/>advanced I mean after I will do space<br \/>and floor<br \/>and only to ask like this so if we have<br \/>one floor it will be more floor okay and<br \/>I will quickly do the others also<br \/>perfect so now all of those are coming<br \/>from the back end dynamically and one<br \/>last thing that I wanted to do this<br \/>section is the hover effect on the<br \/>sexual have this green but I don&#8217;t like<br \/>that I will select the first column and<br \/>go for style border and the border is<br \/>out one pixel and this color in the<br \/>normal behavior so we&#8217;ll change it to<br \/>two pixels like this and in the hover I<br \/>will change the width to two pixels and<br \/>this green color to my purple color that<br \/>I&#8217;ve set for this website design and it<br \/>looks like this right now and we don&#8217;t<br \/>want to go and change each one manually<br \/>because the text time so what I can do<br \/>is right click on this column click copy<br \/>and then cook the other scone and simply<br \/>right-click and paste style so now this<br \/>is done also and one thing that I want<br \/>to do is go to this top section here go<br \/>under advanced and CSS ID I will do more<br \/>info with a dash in the middle and then<br \/>I will go to this button here and for<br \/>the link I will do more info and now if<br \/>I close this up and I click on View<br \/>details it will scroll me to this<br \/>surface information and this is looking<br \/>perfect so maybe this is a bit more<br \/>space here so under glass and top our<br \/>change is 100 to 50 and also on the<br \/>bottom to 50 and this looks perfect now<br \/>so we can move on to the next section<br \/>now on to the next section so I will<br \/>extend this again and here I will click<br \/>on this plus sign this time because we<br \/>will use no block but we will do this<br \/>manually 20 at any section and I want it<br \/>to be two columns such<br \/>perfect and on the section box I wanted<br \/>to be 900 pixels wide oh great perfect<br \/>and I will now go to the widget and drag<br \/>an image widget to the left column and I<br \/>will click on this choose image and<br \/>choose this image with the furniture<br \/>perfect now this is a bit big so I&#8217;ll go<br \/>under style and I&#8217;ll do the width to be<br \/>around<br \/>I believe 50% that looks really good so<br \/>now I will right-click on the surface<br \/>information and to top kit and then I<br \/>will drag this down here and instead of<br \/>surface information I will type type of<br \/>furnishing under style the typography<br \/>able to 35 okay then I will duplicate<br \/>this again we have one more and this<br \/>time I won&#8217;t go to dynamic here go to a<br \/>CF field and choose the key or type of<br \/>furnishing which is luxury for this one<br \/>and to stand a bit out I will go under<br \/>style and in typography I will do this<br \/>size to be 80 pixels and I will<br \/>transform it to uppercase and also from<br \/>black color I will go to this purple<br \/>color it looks really good<br \/>all I have to do now is click on the<br \/>column and for the content position I<br \/>will go key middle so it&#8217;s anchored and<br \/>look how nice these loops perfect now I<br \/>will right-click on this column on this<br \/>section story and I will to duplicate to<br \/>have a copy of that and what I&#8217;ll do<br \/>I&#8217;ll take the right column and drag it<br \/>on the left to switch positions and I<br \/>will change this one in this image from<br \/>the furniture one to the one with the<br \/>key and I will change type of furnishing<br \/>to<br \/>price spore little thing here and the<br \/>area we have the price court for the<br \/>area and now I will change this from the<br \/>type of furnishing key field to the<br \/>price score field and we have 65 and I<br \/>will go under advanced and after I will<br \/>put the % so I have 65% great so this<br \/>looks really good<br \/>just a few more things so it improves<br \/>our design so first I will go to this<br \/>section here and under advanced tagging<br \/>I will put top 30 pixels and bottom 30<br \/>pixels no bottom 50 pixels away and I<br \/>will right click copy and go to this one<br \/>and do paste paste I&#8217;ll to paste the<br \/>style also for that so we have a bit<br \/>more space now in between those two I<br \/>will add a new section which is going to<br \/>be one column section and I will drag in<br \/>a divider between those I&#8217;ll make the<br \/>width smaller about 60% Center it and<br \/>then for the color I will go with a<br \/>really light gray color really almost<br \/>white color like this and maybe even<br \/>make it a bit narrower like 50 percent<br \/>perfect now this looks really good good<br \/>and what I want to do here under this is<br \/>create another section and I will drag<br \/>in a text editor and I will paste in<br \/>some information about the price course<br \/>of people know what it is about and now<br \/>I will go under style Center this<br \/>gordita typography do 13 yeah 13 looks<br \/>good and for the color I will go with a<br \/>lighter gray so is not so pregnant and<br \/>now we have this section too with the<br \/>price color and type furnishing know how<br \/>nice it looks okay we can now move on so<br \/>I will now add a new section here<br \/>I want it to be a one-column section and<br \/>I wanted to be 1000 pixels wide then I<br \/>will go here at the top of the surface<br \/>information title and right click on<br \/>this and click copy then come here and<br \/>right-click inside of this empty section<br \/>and do paste and I will change the<br \/>surface information to additional<br \/>information and now under this I want to<br \/>add a widget which is called post<br \/>content I will search for it here as<br \/>this one with a little a file and once I<br \/>do that you can see we have the post<br \/>content of our listing already here we<br \/>don&#8217;t need to look for any advanced<br \/>custom fields key but it&#8217;s just the<br \/>built in content from our our listing<br \/>okay I also want to go here on the<br \/>section and do padding top of 30 pixels<br \/>go here on this section with these small<br \/>text and do bottom 35 pixels we have a<br \/>bit more space and now between these two<br \/>I want to insert a call to action so I<br \/>will click the plus sign here and then<br \/>before the item because I want it<br \/>reduced block and we have the come to<br \/>action blocks here and I&#8217;m looking for<br \/>this one here which is the two colored<br \/>one and I will click insert<br \/>and we have this year so now I want to<br \/>paste in the text for this so we will<br \/>have the contact us now I will change<br \/>the button from start free trial to move<br \/>up property visit ok and I also want to<br \/>change the design when we hover on the<br \/>button so log on your style and I will<br \/>change in the hover the background color<br \/>to white so it stays the same and<br \/>instead of the grow I will do the float<br \/>like we have at the top so now it looks<br \/>like this we can also change the text at<br \/>the bottom and it&#8217;s going to be keep<br \/>scrolling for additional information and<br \/>I will even go and bring this a bit<br \/>closer like 8 for the letter spacing and<br \/>I also want to change the black color<br \/>for the background to our purple color<br \/>so it stands out a little bit okay and<br \/>you can see this arrow right here on the<br \/>section is still black because that&#8217;s a<br \/>shape divider and we need to select this<br \/>section go under style<br \/>shape divider and change the color for<br \/>the arrow to the purple color and now it<br \/>matches with the background of the above<br \/>section so look how nice this looks so<br \/>now we can move on to the last section<br \/>which is the location and availability<br \/>information so let&#8217;s do that now I will<br \/>now create the last section so we will<br \/>click the plus sign here and do a 1<br \/>column section then I will right click<br \/>on additional information and click copy<br \/>come here and click paste and I will<br \/>change this from additional information<br \/>to location and availability information<br \/>and now I will do I will insert here<br \/>columns widget which is the first widget<br \/>in widgets panel to make these two<br \/>columns<br \/>and in the first column I will search<br \/>for title and I will add an item here I<br \/>will change the view from default to<br \/>stacked to a square and I will search<br \/>for the icon of map<br \/>okay it&#8217;s not laughing slow location<br \/>error of this one here now I will go<br \/>under style and I will do the primary<br \/>color to be our purple color the size<br \/>will be 29 the padding of the sand<br \/>pixels and the border radius is going to<br \/>be 5 pixels which bit rounded and this<br \/>looks very nice now so I can right click<br \/>on this do copy come here and do paste<br \/>and I just need to change this from the<br \/>location arrow to the calendar and I<br \/>will choose the calendar oh this one<br \/>that&#8217;s just the outline because it&#8217;s a<br \/>bit more simple okay now I will copy<br \/>again the title from here and come and<br \/>paste this under this location arrow and<br \/>I will change this to be location and<br \/>under style the typography I will make<br \/>this 22 pixels 22 like this so it&#8217;s a<br \/>bit smaller and I cannot copy this paste<br \/>it here and change it to available from<br \/>now I will again copy this paste it<br \/>under and now instead of the location I<br \/>will click on the dynamic link go down<br \/>to a CF field click on that and change<br \/>this the key to location and we have the<br \/>location for this now I will go under<br \/>style I will change the text color to<br \/>the purple color and in typography I<br \/>will make this six<br \/>pixels and await 600 pixels good now I<br \/>can copy this paste it here and then<br \/>change the key for our ACF field to<br \/>available from to display the date<br \/>very nice and in this section we need<br \/>just one more thing which is the Google<br \/>map so I will search for the Google Maps<br \/>widget and I will insert it here at the<br \/>bottom so it&#8217;s far as the whole width<br \/>and then for the address I&#8217;m going to<br \/>dynamic ACF field and select again the<br \/>same location key and now you can see it<br \/>matches our location and what I&#8217;ll do<br \/>I&#8217;ll make the zoom a bit closer so I<br \/>think around 14 and for the height I<br \/>wanted to be 320 pixels high and just<br \/>for the sake of design<br \/>I will go under style sorry under<br \/>advanced border and I will do a solid<br \/>border that&#8217;s 5 pixels wide and the<br \/>color is our purple color and I will<br \/>also do a margin top of 30 pixels and<br \/>this section will also have a pad on top<br \/>of 30 pixels so it&#8217;s a bit better spaced<br \/>out and here again a padding top of 30<br \/>pixels great so now this looks really<br \/>nice it&#8217;s better spaced out and we just<br \/>have to do one more thing here and that<br \/>is to have another call to action and<br \/>all I&#8217;m gonna do is come here copy this<br \/>whole section come at the bottom here<br \/>right-click and do paste and also on<br \/>this big section at the bottom I will do<br \/>of 50 pixels pattern so it&#8217;s not so<br \/>close together<br \/>and now if I closed the same you can see<br \/>our design is complete we have the map<br \/>we have the location available from the<br \/>additional information to call to<br \/>actions the price called the type of<br \/>furnishing the surface information the<br \/>price and the title of the listing so<br \/>all that&#8217;s left to do is to click on<br \/>publish here and now we have the display<br \/>condition screen and you see it already<br \/>did include listings or and that&#8217;s<br \/>exactly what we want so all you have to<br \/>do is click on publish and now this is<br \/>published I can go here to the humble<br \/>menu and then go exit to dashboard go<br \/>under listings all these things and we<br \/>can see under lists were listing here<br \/>and if I go to it and click on View it&#8217;s<br \/>going to load our design we just created<br \/>and that&#8217;s great that looks really good<br \/>I can click on this and we have all the<br \/>information from the backend here in our<br \/>template with the location the map the<br \/>call to actions everything so now to<br \/>prove how nice this is<br \/>I will also create another listing and<br \/>show you how it looks inside of our<br \/>template so I will now return to the<br \/>dashboard and create that so I will go<br \/>now on your listings all these things we<br \/>have the one that we&#8217;ve created before<br \/>so I&#8217;m going to add new and on fast word<br \/>I&#8217;m gonna fill in the information okay<br \/>so I just have to set the featured image<br \/>here and for this one hits this featured<br \/>image<br \/>and I will click on publish<br \/>now if I go to cities it&#8217;s on our<br \/>template and look how nice this is<br \/>and again I can click on View details<br \/>and it&#8217;s the information with two floors<br \/>one bedroom one bathroom<br \/>this is furnished it has a price core of<br \/>information and map the location<br \/>available from and our call to actions<br \/>so the final thing that I&#8217;m gonna do is<br \/>I&#8217;m going to go back to the dashboard<br \/>I&#8217;m going to visit a slide on our home<br \/>page and I&#8217;m gonna draw edit with<br \/>Elementor so now under latest listings<br \/>here I&#8217;m going to drag the posts widget<br \/>this one here I can&#8217;t leave this space<br \/>okay and now on the query instead of the<br \/>source to be posts it will be listings<br \/>we have our listings and I&#8217;m just gonna<br \/>do a few things with the layout is going<br \/>to be two columns the image size is<br \/>going to be large so it&#8217;s nice and sharp<br \/>and then we don&#8217;t want the read more<br \/>button we don&#8217;t want the excerpt we<br \/>don&#8217;t want the metadata here just want<br \/>the title and the images I will make the<br \/>image ratio a bit smaller and on the<br \/>content on the typography of the title I<br \/>will make this one 30 pixels maybe 35<br \/>pixels and I&#8217;ll make the color black<br \/>Center this and update and this is done<br \/>so we can now go back to the dashboard<br \/>visit the site<br \/>and you can see we have the home page<br \/>now with our listings and if I click on<br \/>one of those it&#8217;s gonna load in our<br \/>design and if I go back to the home page<br \/>by clicking on the logo and clicking on<br \/>the second listing is the same design so<br \/>all we have to do is just fill in the<br \/>information and our design is going to<br \/>stay the same<br \/>so this was my tutorial I really hope<br \/>you enjoyed it and that you learned<br \/>something new out of it if you have any<br \/>questions just leave them in the comment<br \/>box below and I&#8217;ll try my best to answer<br \/>them thanks for watching and see you all<br \/>soon<\/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 combine Elementor, ACF and CPT UI to create a dynamic real estate website on WordPress. Transcript hi everyone this is Paul from bring you up calm and today we\u2019re gonna take a look at how to combine elementor\u2019s dynamic content and advanced custom fields to create a real [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4138,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4,5],"tags":[41],"class_list":["post-2563","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","category-dynamic-design","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>Create a Real Estate WordPress Website Using ACF &amp; Elementor - 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\/create-a-real-estate-wordpress-website-using-acf-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Real Estate WordPress Website Using ACF &amp; Elementor - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial, we combine Elementor, ACF and CPT UI to create a dynamic real estate website on WordPress. Transcript hi everyone this is Paul from bring you up calm and today we\u2019re gonna take a look at how to combine elementor\u2019s dynamic content and advanced custom fields to create a real [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T08:40:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T11:17:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Dynamic-Real-Estate-Home-Page-With-ACF.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1921\" \/>\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=\"29 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a Real Estate WordPress Website Using ACF &amp; Elementor - 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\/create-a-real-estate-wordpress-website-using-acf-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Create a Real Estate WordPress Website Using ACF &amp; Elementor - Academy","og_description":"Overview Transcript Overview In this tutorial, we combine Elementor, ACF and CPT UI to create a dynamic real estate website on WordPress. Transcript hi everyone this is Paul from bring you up calm and today we\u2019re gonna take a look at how to combine elementor\u2019s dynamic content and advanced custom fields to create a real [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-22T08:40:48+00:00","article_modified_time":"2023-02-21T11:17:51+00:00","og_image":[{"width":1921,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Dynamic-Real-Estate-Home-Page-With-ACF.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"29 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Create a Real Estate WordPress Website Using ACF &amp; Elementor","datePublished":"2021-06-22T08:40:48+00:00","dateModified":"2023-02-21T11:17:51+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/"},"wordCount":6511,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Dynamic-Real-Estate-Home-Page-With-ACF.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout","Dynamic Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/","url":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/","name":"Create a Real Estate WordPress Website Using ACF &amp; Elementor - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Dynamic-Real-Estate-Home-Page-With-ACF.jpg","datePublished":"2021-06-22T08:40:48+00:00","dateModified":"2023-02-21T11:17:51+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Dynamic-Real-Estate-Home-Page-With-ACF.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Dynamic-Real-Estate-Home-Page-With-ACF.jpg","width":1921,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/create-a-real-estate-wordpress-website-using-acf-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":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"Create a Real Estate WordPress Website Using ACF &amp; 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\/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\/2563","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=2563"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2563\/revisions"}],"predecessor-version":[{"id":9450,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2563\/revisions\/9450"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4138"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}