In this mini course we learn how to build a directory using Custom Post Type UI (CPT UI), Advanced Custom Fields (ACF), Elementor Custom Skin & Elementor Pro.
We’ll first create a custom post type and taxonomy using CPT UI, followed by creating the custom fields required for our listings using ACF.
We’ll then use a combination of Elementor and Elementor Custom Skin to create the design for our directory template files, so that it fits in perfectly with our existing website.
The tutorial will cover:
✔︎ The difference between custom post types, taxonomies & custom fields
✔︎ How to create custom posts, taxonomies & custom fields
✔︎ Creating single post and archive templates
✔︎ Creating a loop template
✔︎ And much more!
Plugins used in this tutorial:
Advanced Custom Fields en-gb.wordpress.org/plugins/a...
Custom Post Type UI en-gb.wordpress.org/plugins/c...
Elementor Custom Skin en-gb.wordpress.org/plugins/e...
Useful links:
How to install a template kit • How to Use the Element...
Getting started with Elementor • Course: Getting Starte...
Theme builder tutorials • Elementor Theme Builde...
Timestamps:
00:00 Introduction
00:40 Preview of what we’re going to build
01:50 What are custom post types, taxonomies & custom fields?
04:10 Create a custom post type
08:35 Create a custom taxonomy
09:55 Create custom fields
14:00 Populate first custom post
15:25 Create single post template
24:00 Create archive template
25:45 Create loop template
29:55 Add directory link to menu
30:30 Final results
Don’t forget to subscribe to our channel!
Get Elementor: elementor.com
Get Elementor Pro: elementor.com/pro
👋🏼 Help us improve by answering this short survey: elemn.to/survey-time
Негізгі бет Create a directory using Elementor, ACF & CPT UI
Пікірлер: 115