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 …

Click on …
3

Click on Add New

Click on Add New
4

Click on Search Plugins

Click on Search Plugins
5

Click on Custom Post Type UI

Click on Custom Post Type UI
6

Click on Install Now

Click on Install Now
7

Click on Search Plugins

Click on Search Plugins
8

Click on Advanced Custom Fields

Click on Advanced Custom Fields
9

Click on Install Now

Click on Install Now
10

Click on Search Plugins

Click on Search Plugins
11

Click on Installed Plugins

Click on Installed Plugins
12

Check Select Advanced Custom Fields

Check Select Advanced Custom Fields
13

Check Select Custom Post Type UI

Check Select Custom Post Type UI
14

Select Activate and click on Apply

Select Activate and click on Apply
15

Click on Add/Edit Post Types

Click on Add/Edit Post Types
16

Type "client"

Type "client"
17

Type "Clients"

Type "Clients"
18

Type "client"

Type "client"
19

Click on Add Post Type

Click on Add Post Type
20

Click on Clients

Click on Clients
21

Click on Add New

Click on Add New
22

Type in highlight

Type in highlight
23

Type in highlight

Type in highlight
24

Click on Publish

Click on Publish
25

Click on Publish

Click on Publish
26

Click on View client

Click on View client
27

Go back to Backend Admin

Go back to Backend Admin
    s

Supercharged

36 Steps
28

Click on Custom Fields

Click on Custom Fields
29

Click on Add New

Click on Add New
30

Type "Client Fields"

Type "Client Fields"
31

Click on + Add Field

Click on + Add Field
32

Type "Website"

Type "Website"
33

Click on Field Name

Click on Field Name
34

Select Url from Field Type

Select Url from Field Type
35

Type "Current website URL for client"

Type "Current website URL for client"
36

Check Required?

Check Required?
37

Type "www.example.com"

Type "www.example.com"
38

Type "www.example.com"

Type "www.example.com"
39

Select client

Select client
40

Check Active

Check Active
41

Check Show in REST API

Check Show in REST API
42

Click on publish

Click on publish
43

Click on Clients

Click on Clients
44

Click on Edit

Click on Edit
45

Type "www.superchargedswimlessons.com"

Type "www.superchargedswimlessons.com"
46

Click on Update

Click on Update
47

Type "http://www.superchargedswimlessons.com"

Type "http://www.superchargedswimlessons.com"
48

Click on Update

Click on Update
49

Click on View client

Click on View client
50

Click on Documentation

Click on Documentation
51

Click on Getting Started…

Click on Getting Started…
52

Click on Displaying values in your theme

Click on Displaying values in your theme
53

Drag highlighted element

Drag highlighted element
54

Go to Swim Lessons – supercharged

55

Click on Edit client

Click on Edit client
56

Click on Editor content

Click on Editor content
57

Click on Add block

Click on Add block
58

Type "short"

Type "short"
59

Click on Shortcode

Click on Shortcode
60

Type "[acf field="website"]" into text area

Type "[acf field="website"]" into text area
61

Click on Update

Click on Update
62

Click on View client

Click on View client
63

Website now shows in page content.

Website now shows in page content.
Well done!
Create how-to guides like this in a snap. Get Tango now.