How to use Custom Field Post Type
1. Required plugins
-
Advanced Custom Field
-
Custom Post Type UI
-
DIvi theme
-
Divi Machine
2. Create custom post
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-01.png)
- 1. Click CPT UI menu in the left side bar
- 2. Fill all the inputs on the top section of the page
- 3. Add Post type
3. Create custom field
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-02.png)
- 1. Click Custom Field menu in the left side bar
- 2. Click Add New
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-03.png)
- 1. Fill input boxes and select field type
- 2. Fill All the options if you need
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-04.png)
- 1. Find and select the post what you created by Custom Field
- 2. Publish or update
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-05.png)
- You can see the section what you created at the bottom in the custom post
4. Build a repeater
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-06.png)
- 1. Go to Divi in the left menu
- 2. Click Divi Library
- 3. Add new
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-07.png)
- 1. 1. Fill the input Layout name
- 2. Select layout type Row or Section
- 3. Submit
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-08.png)
- Select ACF item in the module
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-09.png)
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-10.png)
- 1. Click ACF names
- 2. Select the custom field in the ACF
- 3. Save the builder
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-11.png)
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-12.png)
- 1.Add a module
- 2. Select .Archive Loop - Divi Machine
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-13.png)
- 1. Select a Post Type what you created by Advanced Custom Field
- 2. Select Custom Loop Layout what you built on Divi layout
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-14.png)
![](http://homefield-landing-pages-v1725657980.websitepro-cdn.com/wp-content/uploads/2022/03/img-15.png)
- 1. Set the Grid Option
- 2. Set the Loop Options