1 of 13

Yaw Owusu-Ansah

Learn.WordPress.org

Supercharging your Website with Custom Post Types and Custom Fields

2 of 13

Yaw Owusu-Ansah�He/Him�Support Engineer�Waterloo, ON. Canada��Pan-African�Travel Enthusiast�Productivity Hacker�Video-gamer�BBQ Lover

Hi there!

3 of 13

Let’s share:

  • Where are you tuning in from?
  • Have you used Custom Post Types and/or Custom Fields?

4 of 13

Before Diving In

As a reminder, this session �will be recorded and demo will be shared!

jyoansah.me/supercharged

  • Live transcription has been enabled.
  • Please feel free to ask questions by un-muting or typing in the chat.
  • If you know the answer to something, please share!
  • Kindly mute your mic while you are not speaking to avoid background noise.

Let’s have fun!

5 of 13

What we’ll be doing today

  • Background on WordPress Post Types and Fields
  • What are Custom Post Types and Custom Fields
  • Examples and Use Cases
  • Demo
  • Q & A

6 of 13

  • Most content is stored as “Posts” with different types
    • Pages
    • Posts
    • Media
  • Extra Information about the Posts is stored as key-value metadata
    • Template
    • Media url path
    • Custom Plugin Data

Background on WordPress Post Types and Fields

7 of 13

Custom Post Types and Custom Fields

Allows us to build our own structure

Capture information that standard WordPress Categories and Tags aren’t well structured for

8 of 13

Usage Examples

9 of 13

DEMO

10 of 13

Other options

Custom Post Types

Local Setup

  • Laragon
  • XAMPP
  • MAMP
  • Desktopserver

Custom Fields

  • Metabox.io
  • Pods.io
  • Code

11 of 13

Sandbox Time

jyoansah.me/supercharged

12 of 13

Homework :-)

  • Create a WordPress site and experiment with Custom Post Types and Custom Fields
  • Create a custom taxonomy (Category, Tags)
  • Try out all the different fields in Advanced Custom Fields
  • Try and build a frontend form�
  • Join the BlackPress Slack
  • Join the Make WordPress Slack

13 of 13

@Yaw on Make Slack

@jyoansah on WordPress.org

@jyoansah on Twitter

www.jyoansah.me

Let’s stay

connected!