{"id":121277,"date":"2023-07-05T10:45:04","date_gmt":"2023-07-05T05:15:04","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/custom-skin-elementor-blog-post-grids-acf-integrations\/"},"modified":"2023-07-05T11:58:57","modified_gmt":"2023-07-05T06:28:57","slug":"custom-skin-elementor-blog-post-grids-acf-integrations","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/custom-skin-elementor-blog-post-grids-acf-integrations\/","title":{"rendered":"Custom Skin Elementor for Blog Post Grids with ACF Custom Fields Integrations [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"Custom Skin Elementor for Blog Post Grids with ACF Custom Fields Integrations\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/xjdfV_9qgWI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 30 : 20 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>We will see How to add Custom Skin Elementor for Blog Post Type UI Gird. Using this Custom Loop Skin for Blog Posts you can create your own personal design for each Grid You can all add WP Search filters, Search bar and list them in Grid Masonry and tremendous possibilities.<br><br>\nYou can also Add Custom Fields with ACF on Blog Post Grid<br><br>\nAlong with that, we will add extra Custom fields to Posts Types using ACF &#8211; Advanced Custom Fields and show them in Elementor Page Listing as well as archive pages.<br><br>\nCheck Live Widgets &#8211;<br>\n1) Custom Loop Builder <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pluslisting\/custom-loop-skin-builder\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pluslisting\/custom-loop-skin-builder\/<\/a><br>\n2) Dynamic Listing &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pluslisting\/dynamic-listing\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pluslisting\/dynamic-listing\/<\/a><br><br>\nThe sky is the limit when using them together.<br>\n\u2705 Compatible with ACF, PODS and Toolset.<br>\n\u2705 Prebuild Skins + Build your Custom Elementor Skin<br>\n\u2705 Works with both Elementor Free and Pro<br><br>\n_______________________________________<br><br>\n  Timestamps<br>\n0:00 Intro<br>\n1:22 CASE I &#8211; Using Elementor FREE and The Plus Addons for Elementor PRO<br>\n11:13 CASE II &#8211; Using Elementor FREE, The Plus Addons for Elementor PRO and Nexter Theme Builder<br>\n15:49 CASE III &#8211; Using Elementor PRO and The Plus Addons for Elementor PRO with Any theme<br>\n14:05 Designing Archive Page with Elementor Custom Loop Builder<br>\n18:34 Using ACF to add custom fields in Blogs Post Types<br>\n26:58 Adding Multiple Loops Styles in Blog Post Listing Template<br>\n29:32 Outro<br><br>\n_______________________________________<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121278,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121277","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121277"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121277\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121278"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121277"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}