Supercharge your Website with Custom Post Types and Custom Fields
YOA
Yaw Owusu- Ansah
Created May 03, 2022
Supercharge your Website with Custom Post Types and Custom Fields
9
s
Supercharged
27 Steps
1
Go to Dashboard ‹ supercharged — WordPress
2
Click on …
3
Click on Add New
4
Click on Search Plugins
5
Click on Custom Post Type UI
6
Click on Install Now
7
Click on Search Plugins
8
Click on Advanced Custom Fields
9
Click on Install Now
10
Click on Search Plugins
11
Click on Installed Plugins
12
Check Select Advanced Custom Fields
13
Check Select Custom Post Type UI
14
Select Activate and click on Apply
15
Click on Add/Edit Post Types
16
Type "client"
17
Type "Clients"
18
Type "client"
19
Click on Add Post Type
20
Click on Clients
21
Click on Add New
22
Type in highlight
23
Type in highlight
24
Click on Publish
25
Click on Publish
26
Click on View client
27
Go back to Backend Admin
s
Supercharged
36 Steps
28
Click on Custom Fields
29
Click on Add New
30
Type "Client Fields"
31
Click on + Add Field
32
Type "Website"
33
Click on Field Name
34
Select Url from Field Type
35
Type "Current website URL for client"
36
Check Required?
37
Type "www.example.com"
38
Type "www.example.com"
39
Select client
40
Check Active
41
Check Show in REST API
42
Click on publish
43
Click on Clients
44
Click on Edit
45
Type "www.superchargedswimlessons.com"
46
Click on Update
47
Type "http://www.superchargedswimlessons.com"
48
Click on Update
49
Click on View client
50
Click on Documentation
51
Click on Getting Started…
52
Click on Displaying values in your theme
53
Drag highlighted element
54
Go to Swim Lessons – supercharged
55
Click on Edit client
56
Click on Editor content
57
Click on Add block
58
Type "short"
59
Click on Shortcode
60
Type "[acf field="website"]" into text area
61
Click on Update
62
Click on View client
63
Website now shows in page content.
Well done!
Create how-to guides like this in a snap. Get Tango now.
Press space bar to start a drag.
When dragging you can use the arrow keys to move the item around and escape to cancel.
Some screen readers may require you to be in focus mode or to use your pass through key
![Type "[acf field="website"]" into text area](https://images.tango.us/public/screenshot_aa892aa9-9355-48d8-8fa9-89eb6b9ff9e7.png?w=20&h=20)
