{"id":2556,"date":"2021-06-22T08:20:41","date_gmt":"2021-06-22T08:20:41","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2556"},"modified":"2023-02-21T12:47:41","modified_gmt":"2023-02-21T12:47:41","slug":"advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/","title":{"rendered":"Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2556\" class=\"elementor elementor-2556\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-47ccf22e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"47ccf22e\" 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-5cc63f16\" data-id=\"5cc63f16\" 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-409bed65 elementor-widget elementor-widget-video\" data-id=\"409bed65\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=ynR8RQ_DAJE&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-d994d35 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d994d35\" 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-35840a57\" data-id=\"35840a57\" 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-3905b716 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"3905b716\" 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-9561\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9561\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9562\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9562\" 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-9561\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9561\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9561\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial, we combine Elementor and ACF (Advanced Custom Fields plugin) to create a dynamic movie review website on WordPress: https:\/\/elementor.com\/blog\/create-mov&#8230;<br \/>You&#8217;ll learn how to:<\/p><p>\u2713 Use dynamic content<br \/>\u2713 Create custom post types with CPT UI<br \/>\u2713 Create custom fields with ACF<br \/>\u2713 Build an archive template with Elementor<br \/>\u2713 Build a single template with Elementor<\/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-9562\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9562\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9562\" tabindex=\"0\" hidden=\"hidden\"><p>however I suppose from ringer calm and<br \/>then back with another element or an<br \/>advanced custom fix tutorial this time<br \/>we&#8217;ll use the advanced custom fields<br \/>plug-in to create a movie review website<br \/>we will combine the advanced custom<br \/>fields and custom post type UI plugins<br \/>to create a movie custom post type with<br \/>some really nice fields and then we will<br \/>create a template display all of that<br \/>beautifully using elementor&#8217;s dynamic<br \/>link features let me first show you what<br \/>we&#8217;re gonna build during this tutorial<br \/>this is a movie review website that<br \/>starts with a beautiful full width<br \/>section here at the top scrolling down<br \/>the page we can see a grid of movies<br \/>each with an image and title all coming<br \/>dynamically from our custom post type by<br \/>clicking on one of them the single page<br \/>for our custom post type you load up at<br \/>the top of the page we have the title<br \/>and trailer followed by the plot and I<br \/>am liberating under that we have a code<br \/>about the movie followed by the actual<br \/>content of the review and under that we<br \/>have a box with the movie image and some<br \/>general information about movie like the<br \/>country genres and writers below that we<br \/>have the possibility to other comments<br \/>and on the right side we have a sidebar<br \/>with our latest movies from this website<br \/>so we have a really cool looking<br \/>template and now it&#8217;s time to jump into<br \/>WordPress and Bildad alright we are now<br \/>inside of the WordPress dashboard and<br \/>I&#8217;ve already set up some common things<br \/>to speed up this video bit I&#8217;ve already<br \/>plated the header and the footer we can<br \/>see them here on the front page the page<br \/>is empty right now it contains just the<br \/>header and the footer here at the bottom<br \/>I&#8217;ve also install the plugins that we<br \/>will need so let me jump back into the<br \/>dashboard and I&#8217;ll click on plugins<br \/>installed plugins we will be using four<br \/>plugins for this tutorial element or<br \/>element or pro advanced custom fields<br \/>and custom post type you are right now<br \/>we are using advanced custom fields<br \/>version 4.4 point well what elemental<br \/>officially supports advanced custom fit<br \/>version 5 version 5 is in early access<br \/>but is quite easy to update to so I will<br \/>do that now I will hover over appearance<br \/>and click on editor here we need to add<br \/>this very simple line of code from the<br \/>advanced cast of this website here on<br \/>the right side I need to click on theme<br \/>functions which is the function that PHP<br \/>file<br \/>I will now scroll all the way to the<br \/>bottom of this page and paste in our<br \/>code right here the first part is just a<br \/>comment so we know what we&#8217;ve pasted it<br \/>and here is the actual code which is<br \/>defined advanced custom fields early<br \/>access to version 5 so I will now click<br \/>on update file the file was edited<br \/>successfully so I will return to our<br \/>plugins and now we can see we have the<br \/>option to update or transpose of this<br \/>version 5 so I hope you can update now<br \/>and there&#8217;s one more thing left to do so<br \/>I will go to the dashboard here and<br \/>click on home and now advanced custom<br \/>fields asks us to upgrade our database<br \/>so I&#8217;ll just click on upgrade database<br \/>and I will click on ok here that base<br \/>upgrade was complete so I will return to<br \/>my plugins and our setup is all done so<br \/>now we can start creating our website we<br \/>will first create a custom post type a<br \/>custom taxonomy in the custom post type<br \/>UI plug-in<br \/>followed by some custom fields using the<br \/>advanced custom fields plug-in after<br \/>that we will create the archive to<br \/>display all the movies as well as the<br \/>single template display the movie<br \/>including the custom fields using<br \/>elementals pro theme builder let&#8217;s start<br \/>with our custom post type I will hover<br \/>here over CPT UI and click on add\/edit<br \/>cost times on this page we need to<br \/>provide some basic information about our<br \/>custom post type the first thing being<br \/>the post type slug which is the internal<br \/>name WordPress uses for our custom post<br \/>type and the slug should contain no<br \/>spaces and it should be lowercase so I<br \/>will name it movie the next thing that<br \/>we need to fill in is the plural and<br \/>singular label so I will name the movies<br \/>and movie now I will scroll down the<br \/>page and here we don&#8217;t need to worry<br \/>about any of those those are just some<br \/>labels and the defaults are perfectly<br \/>fine here in the settings we need to<br \/>change some stuff the first one and it&#8217;s<br \/>very important we have to change this<br \/>has archived from false to true so we<br \/>can build an archive for this custom<br \/>post type if this is false we can build<br \/>our card good now I also want here for<br \/>the money I can&#8217;t paste in this which is<br \/>the item for our custom post type that<br \/>will display here in the left side and<br \/>also I want to make sure that here the<br \/>featured image is sticked on because we<br \/>want to be able to provide an image for<br \/>our custom post type and I will click<br \/>here add post on and you can see on the<br \/>left side that our custom post type<br \/>movies was added and if I click on on<br \/>movies this is right now empty and the<br \/>next thing that I want to do is create a<br \/>custom taxonomy for our movies custom<br \/>post type text enemies are like tags or<br \/>like categories but we would provide<br \/>different name and for us is going to be<br \/>movie Chandra&#8217;s so I will again hover<br \/>over see ptui here and click on add\/edit<br \/>economist and you can see this screen is<br \/>pretty similar to the one used to create<br \/>a custom post type so for the taxonomy<br \/>slug I will write movie genres with an<br \/>underscore and with lowercase letters<br \/>and for the plural labels going to be<br \/>movie Chandra&#8217;s again and for the<br \/>singular labor is going to be movie<br \/>Shinra<br \/>now we need to attach it to a post type<br \/>and I will attach it to our movies<br \/>custom post type here again we don&#8217;t<br \/>need to worry about the labels and all<br \/>the defaults are perfectly fine here and<br \/>the settings are also perfectly fine<br \/>soil people attacks only and now if I<br \/>hover over movies here on the Left<br \/>sidebar we can see we have our own fish<br \/>on rice here that are currently empty so<br \/>now we can go ahead and create our<br \/>custom fields on the Left sidebar<br \/>I will hover over custom fields and<br \/>click on fill groups you can see that<br \/>right now we have no existing field so<br \/>I&#8217;ll click on the add new button here at<br \/>the top and the first thing that we need<br \/>to do is name or fill group so I will<br \/>call it movie fields and we&#8217;ll now start<br \/>adding our fields here target on add<br \/>field button and our first field is<br \/>going to be the trainer link so we can<br \/>display the trailer on the front end if<br \/>you take a look onto the right side of<br \/>the screen you will be able to see how<br \/>this will look like in the final<br \/>template<br \/>the being said I will label this as<br \/>trailer link I will press tab to go to<br \/>the field name which is this slot and<br \/>you can see that it was automatically<br \/>filled in by WordPress so we don&#8217;t need<br \/>to worry about that now for the fluid<br \/>type I will change it from text to URL<br \/>here we don&#8217;t need to worry about making<br \/>it required or about conditional logic<br \/>so I will just click your own closed<br \/>field now I can click on add field to<br \/>add the next one the second one is going<br \/>to be the plot which is a short<br \/>description about the movie again on the<br \/>right side of the screen you can see how<br \/>this will look like on the front end so<br \/>I will name this now plot again I&#8217;ll<br \/>press tab to fill in this slug<br \/>automatically and for the field type I<br \/>will select text area because that&#8217;s a<br \/>small paragraph and it&#8217;s better than a<br \/>single line here for the rows we can<br \/>change it to 4 so it&#8217;s a bit smaller and<br \/>I will close this field up the next one<br \/>is going to be our IMDB rating so I will<br \/>click on add field and you can see how<br \/>this will look like on the front end we<br \/>will pair this field up with an item box<br \/>widget to have a very nice visual way of<br \/>displaying beyond liberated so I will<br \/>name this field writing and for the<br \/>field type I will change it to number<br \/>here and I will select a meaning value<br \/>of 0 and the maximum value of 10 and I<br \/>will toast this field up now I&#8217;ll create<br \/>the other fields of phosphorus we know a<br \/>certain of time with them and then we&#8217;ll<br \/>continue the tutorial<br \/>so we now have olive oil fields in place<br \/>but before publishing them we need to<br \/>scroll down here and you can see for the<br \/>location rules right now show this fill<br \/>group if the post type is equal to post<br \/>but we want to only display it on our<br \/>movies so I will change it to post type<br \/>is equal to movie from here now the<br \/>settings down here are perfectly fine<br \/>for us so I will scroll up and click on<br \/>publish now if I hover over movies and<br \/>click on add new you can see that our<br \/>fields are down here displayed on this<br \/>creating a screen but before actually<br \/>creating any movies I will first go down<br \/>to movie genres and I will create that<br \/>first so I&#8217;ll start with the first movie<br \/>genre which is going to be action so<br \/>here under name and we write action and<br \/>then I will click on add new movie genre<br \/>to add it and you can see that the slug<br \/>was filled in automatically by WordPress<br \/>so we don&#8217;t need to worry about writing<br \/>it down on if you want to have it<br \/>different from the name the next genre<br \/>is adventure so again I will just write<br \/>venture and click on add new movie genre<br \/>and it goes like this for all of them so<br \/>I will quickly create them on phosphorus<br \/>we don&#8217;t waste time with this ok so now<br \/>we have a bunch of movie genres and we<br \/>can continue creating our first movie so<br \/>I&#8217;ll go here under movies and I&#8217;ll click<br \/>on add new<br \/>I&#8217;ll start by writing down the title<br \/>which is gravity and also the ear puzzle<br \/>third thing then I will paste in the<br \/>content here we will continue with the<br \/>movie fields I will placed in the<br \/>trailer link I&#8217;ll paste in the plot this<br \/>movie has a rating of seven point seven<br \/>so I will include that I&#8217;ve also placed<br \/>in the code the country is UK and USA<br \/>I&#8217;ll input now the director the writers<br \/>the stars and now for the words this<br \/>movie 1\/7 was first here<br \/>let&#8217;s make this an uppercase Co abyss<br \/>and for the duration it has one hour and<br \/>back up and for the movie genres I will<br \/>click here and search for drama sci-fi<br \/>and thriller and I&#8217;ll add those in here<br \/>I will also scroll back here and click<br \/>on set featured image and I already have<br \/>some images uploaded and I will choose<br \/>the one for this movie which is this<br \/>gravity and I will click on set featured<br \/>image and now I can click on publish<br \/>here now if I visit this movie you will<br \/>be able to see that the page was created<br \/>but we are not displaying any custom<br \/>fields because by default our theme and<br \/>WordPress does not display custom field<br \/>so that&#8217;s where element or singular<br \/>comes into play allowing us to have a<br \/>really nice and beautiful way to display<br \/>our custom fields that being said I will<br \/>return back to the dashboard and I will<br \/>create a bunch of other movies so we<br \/>have what to work with I&#8217;ll be back in a<br \/>second and we now have a bunch of movies<br \/>so we can go ahead and start creating<br \/>our archive so I will now hover over<br \/>Elementor and click on my templates to<br \/>start creating them you can see we have<br \/>the header and the footer in here that<br \/>I&#8217;ve already created so we don&#8217;t need to<br \/>worry about those I will come here at<br \/>the top and click on add new now our new<br \/>template screen is up and for the type<br \/>of template we want to work on I will<br \/>click here and select on archive and I<br \/>will also name my template so it&#8217;s<br \/>easier to find in the list perfect and<br \/>now I will click on create template now<br \/>Elementor is loaded up and the library<br \/>panel is already opened on the blocks<br \/>for the archive but we don&#8217;t want to use<br \/>them so I will just close them up the<br \/>first thing that I want to do is open up<br \/>the navigator and for that I can find<br \/>your come down here and click on<br \/>navigator or just right-click on the<br \/>page<br \/>the navigator now we have here in this<br \/>tunnel and I will drag it to the right<br \/>side of the screen until this blue bar<br \/>comes up and I will release the mouse<br \/>button to pin it in place<br \/>perfect now the next thing that I want<br \/>to do is set up the preview for this<br \/>archive so I&#8217;ll come down here and click<br \/>on the eyeball icon and click on<br \/>settings and right now you can see it<br \/>says preview dynamic content as recent<br \/>posts we don&#8217;t want that we want to<br \/>preview as our movie so I will click<br \/>here and click movies archive and then I<br \/>click apply and preview now I&#8217;ve already<br \/>set my colors also so if I click here on<br \/>the hamburger icon and click on the<br \/>color picker you can see that I have<br \/>this yellow and this dark blue color<br \/>that I&#8217;ve already set for our design so<br \/>now we can return to the widgets panel<br \/>and we can start creating our design so<br \/>the first thing that I want to do is add<br \/>a new section here I will choose a<br \/>single column section and for this<br \/>section settings we want to leave this<br \/>box I want it to be 600 pixels wide also<br \/>for the height I want to click here and<br \/>set a minimum height and I will make it<br \/>style tab and here for the background<br \/>type I will choose classic and then I<br \/>will click here to choose an image this<br \/>is the image that I want so I hope you<br \/>just insert media then I will change the<br \/>position from default to Center Center<br \/>and I will also change the size from<br \/>default to cover so we can see more of<br \/>the image next I will click on the<br \/>background overlay and here for the<br \/>background type I will choose classic<br \/>and for the color I will go with black<br \/>but I will reduce a bit the opacity<br \/>somewhere around here about half and<br \/>then here we can also leave this opacity<br \/>at 0.5 now the next thing that I want to<br \/>do is drag in a search widget inside of<br \/>this section so I&#8217;ll return to the<br \/>widgets panel and I will search for a<br \/>petite search widget we have this search<br \/>form so I will drag it inside the skin<br \/>is going to stay on classic this<br \/>placeholder is searched for the button<br \/>we want it to be icon and on the<br \/>magnifying glass like it is right now<br \/>I will increase the size of the icon<br \/>from 50 to 60 to make it a bit bigger<br \/>the<br \/>I will move over to the style tab and<br \/>start styling this little bit so for the<br \/>text color I will do ba ba ba which is a<br \/>light gray color here then for the<br \/>background color I will do white for the<br \/>border color I will come here and choose<br \/>this darker gray which is seven a seven<br \/>a seven eight I will do the border size<br \/>here the button and for the text color I<br \/>will choose again the 7 a 7 a 7 a 1 and<br \/>for the background color I will choose<br \/>our yellow color like this perfect so<br \/>you can now see that our search is done<br \/>I will now scroll down the page and<br \/>click the plus sign to add a new section<br \/>again I want it to be one column I will<br \/>leave here the defaults I will just go<br \/>to the style tab and make sure that our<br \/>background color is white like this then<br \/>I will lift the Advanced tab and for the<br \/>padding I will earning these values here<br \/>I will move to the percentage and I will<br \/>do a 3% padding to the top and to the<br \/>bottom now inside of this section I<br \/>first want to add a heading so I will<br \/>return to the widgets panel and I will<br \/>add a heading inside and right here<br \/>movies then I&#8217;ll go over to the style<br \/>tab and for the text color I will choose<br \/>our dark blue color like this and for<br \/>typography I can leave everything as<br \/>default except the size which is going<br \/>to be 35 pixels so it&#8217;s a bit smaller<br \/>now under this I want to add the<br \/>archived posts widget so I&#8217;ll go back to<br \/>the widgets panel and I&#8217;ll take this one<br \/>archive post from here and drag it under<br \/>also I want to close this up the<br \/>previous settings because we don&#8217;t need<br \/>it so I&#8217;ll take again on the eyeball<br \/>icon to hide it now here you can see we<br \/>have our movies but we want to change it<br \/>a bit the setting so they look a bit<br \/>nicer sue first the skin is going to<br \/>stay on classic for the columns I&#8217;m<br \/>gonna change from 3 to 4 columns the<br \/>image position can stay on top we want<br \/>to change the image size to medium large<br \/>so the images are nice<br \/>then I&#8217;ll change the image ratio to 1.52<br \/>and leave the image with at 100%<br \/>well I&#8217;ll scroll down here and I want to<br \/>remove the excerpt I also want to remove<br \/>the date and comments from here and the<br \/>read more button so we only want to see<br \/>the image and the title of the movie<br \/>here then I will go to the style tab<br \/>here and for the Cullens gap I want it<br \/>to be 55 and for the rows gap I want it<br \/>to be for it good now under image<br \/>spacing here I want to change it from 20<br \/>to 16 so the title is a bit closer up to<br \/>the image and also I&#8217;ll go here under<br \/>content and for the title for the color<br \/>I will change it to our dark blue color<br \/>and this is how it looks right now so<br \/>all that&#8217;s left to do is to publish this<br \/>template so I&#8217;ll come down here and<br \/>click on publish and you can see we have<br \/>our display condition screen here I will<br \/>click on add condition and right now it<br \/>says it wants to include all archives we<br \/>don&#8217;t want that we only want include our<br \/>movie archives so I will click on here<br \/>because you have moved this archive and<br \/>we have movies archives and movie genres<br \/>we want it for the minis archive I will<br \/>click here and then I will click on<br \/>publish and right now our archive is<br \/>lime so I can go back to the dashboard<br \/>now now I can go ahead here and visit<br \/>the website I&#8217;ll take your old movies<br \/>and you can see that our archive<br \/>template is live so we have our movies<br \/>here now if I click on one of the movies<br \/>this is what we currently have<br \/>because we have to build our single<br \/>template to display all cast of films so<br \/>I will return to the dashboard now I<br \/>will go here under element or my<br \/>template and again I&#8217;ll click on add new<br \/>this time here I will select a single<br \/>template and you see we have a new input<br \/>here for the post types royalty here and<br \/>I will choose movie for our post type<br \/>and that also name our template so it&#8217;s<br \/>easier to find and I will click on<br \/>create template<br \/>once again the library panel is<br \/>automatically open we don&#8217;t need that so<br \/>I will close it up I&#8217;ll also make<br \/>navigator a bit smaller here so we have<br \/>a bit more space to work with and I&#8217;ll<br \/>start by adding the first section so<br \/>I&#8217;ll click the plus sign here and select<br \/>a one column section now in the section<br \/>settings I want this to be boxed I have<br \/>a width of 1080 pixels I also want to<br \/>change here the height to mean height<br \/>and do 680 pixels like this make sure<br \/>the column position is set to middle and<br \/>now I can go to the style tab here for<br \/>the background type I will take here on<br \/>gradient and I&#8217;ll go ahead and set my<br \/>first color which is going to be zero<br \/>five one seven two one like this then<br \/>for the second color we want to input<br \/>the same hex code zero five one seven<br \/>two one and then just come here and<br \/>lighten it a little bit so it&#8217;s a very<br \/>subtle gradient here the location and<br \/>type is okay as well as the angle so<br \/>this is the background now I&#8217;ll come<br \/>down here to the shape divider I will<br \/>click on this and for the bottom shape<br \/>divider I will select tilt perfect<br \/>exactly what you need also I&#8217;ll come<br \/>here to the Navigator double click on<br \/>this section here and name this<br \/>background so we stay really nice and<br \/>organized then I&#8217;ll scroll down the page<br \/>click on the plus sign again and I want<br \/>to add a new section this time up to<br \/>columns section I&#8217;ll go to the first<br \/>column here and choose the column width<br \/>of 86 percent leaving the second one on<br \/>to add is the post title widgets will go<br \/>here on the widgets panel and I&#8217;ll drag<br \/>in the post title widget here now I will<br \/>go on your style here and for typography<br \/>I will change this from fun community<br \/>for to Tahoma I&#8217;ll make the size 40<br \/>pixels choose a line height of 1.3 and<br \/>under advanced I will put a padding<br \/>bottom of 25 pixels here<br \/>now under this I want to drag the video<br \/>widget so I&#8217;ll go back here and on<br \/>search for video and I&#8217;ll drag it inside<br \/>of here for the URL I will click here on<br \/>the dynamic link scroll all the way down<br \/>and choose a CF URL club then I will<br \/>click on here and for our key I will<br \/>select the trailer link and you can see<br \/>now that our trailer is visible on the<br \/>front end<br \/>now under this I want to add a inner<br \/>section widget so I&#8217;ll go to the widgets<br \/>panel and take the inner section and<br \/>drag it under the video widget I&#8217;ll go<br \/>on a first column here and change it to<br \/>select the section and go under advanced<br \/>and I will link the margin values here<br \/>and put a 50 pixels market top like this<br \/>now in the first column I want to drag<br \/>in a heading widget so I will go here<br \/>Twitter&#8217;s panel and drag in the heading<br \/>widget here I will click on the dynamic<br \/>link scroll all the way down and choose<br \/>a CF field from here then for the key I<br \/>will set here the plot you can see we<br \/>have our movie plot here displayed now<br \/>we have to style this so I&#8217;ll go under<br \/>the style tab for the text color I will<br \/>choose a gray color which is 5 4 5 9 5 F<br \/>like this then for typography I want the<br \/>size to be 17 pixels a width of 300 the<br \/>style italic the base line height of 1.6<br \/>and the letter spacing of 0.5 very nice<br \/>now into the second column I want to<br \/>drag in an icon box widget so I was<br \/>first for it and I&#8217;ll drag it inside of<br \/>here the first thing that I want to do<br \/>is get rid of the description because we<br \/>don&#8217;t need it so I&#8217;ll delete it then<br \/>I&#8217;ll change the icon position to write<br \/>like this next I&#8217;ll change the icon from<br \/>this star to IMDB<br \/>we can leave the view on default and<br \/>then here for the title I will click on<br \/>the dynamic link scroll all the way down<br \/>a CF field and for the key I will choose<br \/>the right thinking<br \/>so we have our rating displayed now it&#8217;s<br \/>time to style this so I&#8217;ll go honors to<br \/>the style tab for the primary color I<br \/>will change this to our dark blue color<br \/>spacing is going to be 19 and we will<br \/>have a size of 55 done under content<br \/>here for the title color I will do again<br \/>our dark blue color and under typography<br \/>here I will do a line height of 1.8 like<br \/>this now to the right column over here I<br \/>will add our share buttons widget so I<br \/>will search for that and I will drag<br \/>them in we only want to display Facebook<br \/>Google+ and Twitter so I&#8217;ll get rid of<br \/>the LinkedIn one then I&#8217;ll change the<br \/>view from icon and text to just icon the<br \/>skin can stay on gradient for the shape<br \/>I want to change it to a circle<br \/>I&#8217;ll change here the column from auto to<br \/>sure the column gap and row gap is set<br \/>to 10 and the color is the official<br \/>color now I want to go under advanced<br \/>here and do a march on top of 100 pixels<br \/>to pull them down a bit like this now I<br \/>will go to this column over here and<br \/>under advanced for the marching I want<br \/>to do a 80 pixels margin to the left<br \/>like this now I also want to close our<br \/>tree here and double-click on this<br \/>section and call it hero Val from these<br \/>section settings<br \/>I want to go under advanced and under<br \/>marching here I will do a 50 pixels<br \/>marching to the bottom and for the top<br \/>we will do &#8211; 600 pixels so I will go to<br \/>minus 6 and do 2 zeros and now you can<br \/>see the tower sections are overlaid on<br \/>top of each other and we can come here<br \/>to the title and change the color from<br \/>this blue color to white then under this<br \/>I will add a new section<br \/>it&#8217;s going to be a one-color section<br \/>again hope for the content width we&#8217;ll<br \/>leave it at box and do 1280 pixels here<br \/>then I will search for the divider<br \/>widget and drag it inside of this column<br \/>I&#8217;ll change the style to doubt it a<br \/>waste of one color black with 100% and<br \/>gap 15 so that&#8217;s all we need for this<br \/>section then under this I will add a new<br \/>section this time again up to column<br \/>section for the left column here I will<br \/>change the column width to 70% so we<br \/>have 70% and 30% on the other then on<br \/>this section here I&#8217;ll go under advanced<br \/>and under padding I will do 45 pixels to<br \/>the top to have more important link here<br \/>then here on the first column I will add<br \/>in a heading widget again I&#8217;ll tick on<br \/>the dynamic link scroll all the way down<br \/>to the ACF field and for the key I will<br \/>choose the code then we can style these<br \/>widgets while go under style for the<br \/>text color I&#8217;ll do our dark blue color<br \/>and under typography I&#8217;ll change the<br \/>font family to laptop set a size of 56<br \/>pixels a weight of 900 I&#8217;ll set the line<br \/>height to 1.2 and I will also go under<br \/>advanced and under margin I will put 30<br \/>pixels to the bottom like this under<br \/>this heading widget I want to drag in<br \/>the post content so I&#8217;ll go back to the<br \/>widgets panel and I&#8217;ll drag in this post<br \/>content widget here and you can see it<br \/>returns our content for this movie<br \/>the default are perfectly fine for this<br \/>we don&#8217;t need to change any of those now<br \/>under this I&#8217;ll drag in again a<br \/>intersection<br \/>I&#8217;ll make the first one 25% leaving the<br \/>second one 75% then in the section<br \/>settings here I will change the columns<br \/>gap to no gap I will also go under<br \/>advanced and I will do a 40 pixels<br \/>margin to the top and the bottom and I<br \/>will do a 4% padding all around lays<br \/>like this<br \/>now I&#8217;ll go under style and for the<br \/>background type I&#8217;m gonna choose classic<br \/>and set a color here which is ef ef ef<br \/>which is this light gray color here<br \/>then I&#8217;ll go here under border I will<br \/>choose border type solid that I will<br \/>I&#8217;ll link the values here because we<br \/>only want to set a bottom border and<br \/>here for the bottom I will put true and<br \/>for the color our dark blue color now<br \/>here in the first column I want to drag<br \/>in the featured image widget so I&#8217;ll go<br \/>back to the widgets panel and you can<br \/>see we have here the featured image with<br \/>it and I&#8217;ll drag it inside and we now<br \/>have our movies featured image here then<br \/>for the second column I&#8217;ll come here and<br \/>I&#8217;ll do content position to the middle<br \/>I&#8217;ll also go under advanced and I will<br \/>do a 30 pixels padding to the left<br \/>inside of this column I will drag in a<br \/>heading widget and I&#8217;ll go over to the<br \/>style tab change the color to our dark<br \/>blue color for typography I will change<br \/>the font family to laptop size 19 pixels<br \/>a weight of 700 and 1,000 for line<br \/>height now I want to have six more<br \/>copies of this so I have 7 in total what<br \/>I can do is either right click here and<br \/>click on duplicate work just press ctrl<br \/>or command D on the keyboard to<br \/>duplicate them now I&#8217;ll go here to this<br \/>column again and for the widget space<br \/>I&#8217;ll change it to 10 pixels so we bring<br \/>them a bit more together and now we can<br \/>start adding the dynamic link to all<br \/>these headings Europe so also that the<br \/>first one here I&#8217;ll click on the dynamic<br \/>link choose a CF field<br \/>and for the key I will choose the<br \/>country now<br \/>I&#8217;ll &#8211; here under advanced and I will do<br \/>before I&#8217;ll write country comment and<br \/>space so we have a label for our key<br \/>here then I&#8217;ll skip the second one<br \/>because that&#8217;s a bit different and we&#8217;ll<br \/>return to it later I will go straight to<br \/>the third one here and I&#8217;ll take here on<br \/>the dynamic link again choose a CF field<br \/>and this time for the key I will select<br \/>the director and again under advanced<br \/>I&#8217;ll write director and a comma and a<br \/>space now I&#8217;ll do the other four on<br \/>fast-forward and then I&#8217;ll return to the<br \/>second one because that&#8217;s a bit<br \/>different than the others okay so now we<br \/>have all of our fields in place except<br \/>of the second one so I&#8217;ll click on back<br \/>and I&#8217;ll take again on the dynamic link<br \/>but this time instead of come to the ACF<br \/>field I come here the top and click on<br \/>post terms then here for the key I will<br \/>change the taxonomy from tags to movie<br \/>genres and you can see we have our<br \/>envision dress here and I&#8217;ll change the<br \/>separator a bit to space pipe space now<br \/>go under advanced and I&#8217;ll write here<br \/>genres before perfect now we have a very<br \/>nice-looking section here displaying all<br \/>of our movie information and featured<br \/>image under this I want to add a<br \/>possibility to add comments so I&#8217;ll go<br \/>back to the widgets panel and I search<br \/>for facebook comments and I&#8217;ll drag them<br \/>inside of the page<br \/>and you can see attract this widget<br \/>above our section here and if I want to<br \/>move it under I can just click here and<br \/>drag to move it under there but with a<br \/>new navigator here I can just connect<br \/>this inner section and then take it and<br \/>move it above our facebook comments to<br \/>swap places that&#8217;s a really nice way of<br \/>moving stuff around now all that&#8217;s left<br \/>to do is fill in the right column here<br \/>so I&#8217;ll scroll to the top here and I<br \/>will drag in a heading widget here I&#8217;ll<br \/>write latest movies I&#8217;ll go on your<br \/>style change the color to our dark blue<br \/>color and for typography here I will do<br \/>the font family Tahoma I&#8217;ll make it 40<br \/>pixels then I&#8217;ll go under advanced and<br \/>for padding I will do 10 pixels padding<br \/>to the bottom now I want to select this<br \/>big column here and under advanced I<br \/>will do 40 pixels padding to the right<br \/>like this and then for the right column<br \/>here the smaller one I&#8217;ll go again under<br \/>advanced and this time I&#8217;ll go to 90<br \/>pixels padding to the left so we have a<br \/>bit more space here between our sections<br \/>then here I will drag in a post widget<br \/>so I&#8217;m gonna search for it<br \/>this one posts I will drag it inside and<br \/>right now you can see that it tries to<br \/>bring back results from the default<br \/>WordPress post we don&#8217;t want that so<br \/>I&#8217;ll come here to the left side scroll<br \/>down and click on query then I&#8217;ll change<br \/>the source from posts to movies we can<br \/>leave it here order by date descending<br \/>we want to exclude the current post and<br \/>we also want to tick on avoiding<br \/>duplicate so I have no duplicate movies<br \/>here now we can go ahead and style this<br \/>I&#8217;ll go under layout here the skin can<br \/>stay on classic for columns we want to<br \/>change it to one column here that post<br \/>per page are going to be three of them<br \/>in its position top in size medium large<br \/>then here for the image ratio I will do<br \/>one point 50<br \/>with 100% and now here I will disable<br \/>the excerpt to read more button and the<br \/>date and comments so we only have the<br \/>image and the title here<br \/>then I&#8217;ll go here over the style tab<br \/>columns gap 30 rows gap 30 again and<br \/>under content I will change the title<br \/>color to our dark blue color and we&#8217;re<br \/>done our template is done you can see<br \/>how it looks right now I will also close<br \/>this up and you can see we have here at<br \/>the top to title the trailer the social<br \/>icons as well as the plot and I only be<br \/>writing the code our latest movies the<br \/>content and the movie information with<br \/>the comments underneath the only thing<br \/>that&#8217;s left to do is to publish this<br \/>template so I&#8217;ll expand this and click<br \/>here down at publish you can now see the<br \/>display condition screen came up and<br \/>because when we&#8217;ve created distemper&#8217;d<br \/>we&#8217;ve already chose our movies custom<br \/>post type the conditions are automated<br \/>is set to include all movies all so all<br \/>we have to do is just click on publish<br \/>and our document is live so we can now<br \/>go to the dashboard here<br \/>and we can once again visit our website<br \/>I will take here on movies and if I<br \/>scroll down you can see our movie grid<br \/>like before but this time if I click on<br \/>one of the movies you can see that our<br \/>template is like with the title at the<br \/>top the trailer here social sharing<br \/>buttons the plot and IMDB writing our<br \/>code the post content as well as our box<br \/>here with the movie image and some<br \/>information the ability to add comments<br \/>under that and the sidebar with our<br \/>latest movies that being said this was<br \/>my advanced custom fields and Elementor<br \/>tutorial I really hope you enjoyed it<br \/>and you learn something new out of it if<br \/>you have any questions don&#8217;t hesitate to<br \/>leave them in the comment box below<br \/>thanks for watching and I&#8217;ll 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 and ACF (Advanced Custom Fields plugin) to create a dynamic movie review website on WordPress: https:\/\/elementor.com\/blog\/create-mov\u2026 You\u2019ll learn how to: \u2713 Use dynamic content \u2713 Create custom post types with CPT UI \u2713 Create custom fields with ACF \u2713 Build an archive template with Elementor \u2713 [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4130,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[5,10],"tags":[41],"class_list":["post-2556","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dynamic-design","category-integrations","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>Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website - 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\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial, we combine Elementor and ACF (Advanced Custom Fields plugin) to create a dynamic movie review website on WordPress: https:\/\/elementor.com\/blog\/create-mov\u2026 You\u2019ll learn how to: \u2713 Use dynamic content \u2713 Create custom post types with CPT UI \u2713 Create custom fields with ACF \u2713 Build an archive template with Elementor \u2713 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T08:20:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T12:47:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Movie-Review-Website-Using-Advanced-Custom-Fields-1.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<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website - 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\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/","og_locale":"en_US","og_type":"article","og_title":"Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website - Academy","og_description":"Overview Transcript Overview In this tutorial, we combine Elementor and ACF (Advanced Custom Fields plugin) to create a dynamic movie review website on WordPress: https:\/\/elementor.com\/blog\/create-mov\u2026 You\u2019ll learn how to: \u2713 Use dynamic content \u2713 Create custom post types with CPT UI \u2713 Create custom fields with ACF \u2713 Build an archive template with Elementor \u2713 [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/","og_site_name":"Academy","article_published_time":"2021-06-22T08:20:41+00:00","article_modified_time":"2023-02-21T12:47:41+00:00","og_image":[{"width":1921,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Movie-Review-Website-Using-Advanced-Custom-Fields-1.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website","datePublished":"2021-06-22T08:20:41+00:00","dateModified":"2023-02-21T12:47:41+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/"},"wordCount":6419,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Movie-Review-Website-Using-Advanced-Custom-Fields-1.jpg","keywords":["Guides and Tutorials"],"articleSection":["Dynamic Design","Integrations"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/","url":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/","name":"Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Movie-Review-Website-Using-Advanced-Custom-Fields-1.jpg","datePublished":"2021-06-22T08:20:41+00:00","dateModified":"2023-02-21T12:47:41+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Movie-Review-Website-Using-Advanced-Custom-Fields-1.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Movie-Review-Website-Using-Advanced-Custom-Fields-1.jpg","width":1921,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/advanced-custom-fields-tutorial-create-a-wordpress-movie-review-website\/#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":"Integrations","item":"https:\/\/elementor.com\/academy\/integrations\/"},{"@type":"ListItem","position":4,"name":"Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website"}]},{"@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\/2556","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=2556"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2556\/revisions"}],"predecessor-version":[{"id":9454,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2556\/revisions\/9454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4130"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}