SlideShare a Scribd company logo
1 of 21
Download to read offline
GUTENBERG TEMPLATES,
CPT’S AND ACF’S
ABOUT ME
QUALITY ASSURANCE SUPERVISOR, WEEVER APPS
FORMER INSTRUCTOR, SHERIDAN COLLEGE &
MOHAWK COLLEGE IN WEB DESIGN & DEVELOPMENT
SERIAL WORDCAMPER. SPOKEN AT MORE THAN 30,
INCLUDING ATTENDING MUMBAI, CO-ORGANIZER,
WORDCAMP HAMILTON, 2015-19, TORONTO, 2015
AND MILWAUKEE, 2016
Photo by Kiera Howe of DragonTeach
AGENDA
• QUICK REVIEW OF CPT’S AND ACF’S
• INTRO TO GUTENBERG BLOCKS AND TEMPLATES
• CASE STUDY: REAL ESTATE
• DIFFERENCES
• CASE STUDY: IMDB
CUSTOM POST TYPES
• Can act either as a Post or a Page (in theory)
• Can be organized by categories or tags (both built into
WordPress already) or by your own organization (custom
taxonomies)
• Will show up as a different entry on the dashboard
• Can be called in anywhere on your site
LISTINGS IS THE CPT
USING THE PLUGIN METHOD, THIS WILL
SHOW UP IN THE SIDEBAR ON THE
DASHBOARD
SOME
EXAMPLES
OF CPT’S
ECommerce product
pages, such as
WooCommerce
Portfolio pages
Author Pages Movie/TV Series pages or
People pages on
IMDB.com
(ADVANCED) CUSTOM FIELDS
● In a standard post on WordPress, you have a “Title”. This is a
field.
● Custom Fields hold pieces of data that you want to show. In
our example, perhaps Municipal Address of the property.
● Can hold different types of data, such as text or numbers.
This is the smallest of the three concepts.
● Advanced Custom Fields (ACF’s) is a plugin
SOME EXAMPLES OF ACF’S ON A LISTING
HOW DO I KNOW WHICH WITCH IS WHICH?
CPT’S AND ACF’S
• CUSTOM FIELDS ANSWERS THE
QUESTION: WHAT IS THIS PIECE OF
DATA IN RELATION TO THE CPT?
• CUSTOM POST TYPE ANSWERS THE
QUESTION: WHAT IS THE
CONTENT/LAYOUT?
GUTENBERG
• GUTENBERG BLOCK IS LIKE AN ACF
• GUTENBERG TEMPLATES ARE LIKE
CPT’S
OUR REAL ESTATE EXAMPLE (CPT’S & ACF’S)
CUSTOM POST TYPE
• Listing: Every listing for a Real
Estate firm
CUSTOM FIELDS
• Sale Price
• Rental Price
• Size of the unit
OUR REAL ESTATE EXAMPLE
CUSTOM
POST TYPE
▹PROPERTY
LISTING
OUR REAL ESTATE EXAMPLE
CUSTOM
FIELDS
▹ADDRESS
▹PRICE
▹SQ. FT.
Address
OUR REAL ESTATE EXAMPLE (GUTENBERG)
TEMPLATE
• Listing: Every listing for
different houses that are
identical in a subdivision
where the data is repeating
or similar
BLOCKS
• Address (same street,
different number)
• Sale Price (same range,
different number)
• Size of the unit (could be the
same)
GUTENBERG
BLOCKS
A SINGLE BLOCK OR A COLLECTION OF RELATED
BLOCKS
SO WHAT’S THE BIG DIFFERENCE?
WHY WOULD I USE ONE AND NOT THE OTHER OR VICE-VERSA?
Photo by Adi Goldstein on Unsplash
NO CODE
ONE REQUIRES YOU TO CHANGE THE
TEMPLATE FOR THE DATA TO APPEAR ON
THE FRONT END (CPT’S AND ACF’S)
THE OTHER DISPLAYS CONTENT, BUT
DOESN’T STORE THE DATA AS THAT DATA
IN THE DATABASE, SUCH AS A NUMBER,
OR CURRENCY
Photo by Markus Spiske on Unsplash
IMDB - TV SERIES
What’s Different?
• Seasons
• Episodes
IMDB - MOVIES
What’s different?
• Release Date
IMDB - PERSON
What’s different?
• Date of Birth
• Date of Death (if applicable)
• Role (actor, director)
• Known for...
RESOURCES
WordPress 5 Essential
Training on Lynda.com
with Morten Rand-
Hendriksen
Custom Post Types on
Lynda.com with Morten
Rand-Hendriksen
Advanced Custom Fields
on Lynda.com with
Morten Rand-Hendriksen
Posts & Pages,
Categories & Tags -
WordCamp Montreal
2015
How To Create
Gutenberg Templates
WTH are CPT’s and
ACF's? - WordCamp
Hamilton 2018
ANY
QUESTIONS?
YOU CAN FIND ME AT:
@SHANTADOTCA
HTTP://SHANTA.CA

More Related Content

More from Shanta Nathwani

WordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a PandemicWordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a PandemicShanta Nathwani
 
WordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A PandemicWordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A PandemicShanta Nathwani
 
WPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutesWPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutesShanta Nathwani
 
WordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A PandemicWordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A PandemicShanta Nathwani
 
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Shanta Nathwani
 
How to Organize Your Content Through Navigation and Wayfinding
How to Organize Your Content Through Navigation and WayfindingHow to Organize Your Content Through Navigation and Wayfinding
How to Organize Your Content Through Navigation and WayfindingShanta Nathwani
 
Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020Shanta Nathwani
 
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019Shanta Nathwani
 
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes
WordCamp Buffalo 2019  - 3 Page Website in 30 minutesWordCamp Buffalo 2019  - 3 Page Website in 30 minutes
WordCamp Buffalo 2019 - 3 Page Website in 30 minutesShanta Nathwani
 
An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019Shanta Nathwani
 
WPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your TalkWPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your TalkShanta Nathwani
 
FSTO - An Affordable REST
FSTO - An Affordable RESTFSTO - An Affordable REST
FSTO - An Affordable RESTShanta Nathwani
 
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code SchoolWCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code SchoolShanta Nathwani
 
DevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code SchoolDevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code SchoolShanta Nathwani
 
WP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival GuideWP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival GuideShanta Nathwani
 
Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016Shanta Nathwani
 
That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016Shanta Nathwani
 
FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016Shanta Nathwani
 
WPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case StudyWPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case StudyShanta Nathwani
 
Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016Shanta Nathwani
 

More from Shanta Nathwani (20)

WordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a PandemicWordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a Pandemic
 
WordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A PandemicWordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A Pandemic
 
WPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutesWPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutes
 
WordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A PandemicWordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A Pandemic
 
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
 
How to Organize Your Content Through Navigation and Wayfinding
How to Organize Your Content Through Navigation and WayfindingHow to Organize Your Content Through Navigation and Wayfinding
How to Organize Your Content Through Navigation and Wayfinding
 
Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020
 
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
 
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes
WordCamp Buffalo 2019  - 3 Page Website in 30 minutesWordCamp Buffalo 2019  - 3 Page Website in 30 minutes
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes
 
An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019
 
WPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your TalkWPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your Talk
 
FSTO - An Affordable REST
FSTO - An Affordable RESTFSTO - An Affordable REST
FSTO - An Affordable REST
 
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code SchoolWCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School
 
DevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code SchoolDevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code School
 
WP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival GuideWP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival Guide
 
Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016
 
That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016
 
FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016
 
WPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case StudyWPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case Study
 
Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016
 

Recently uploaded

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...Karmanjay Verma
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxAna-Maria Mihalceanu
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 

Recently uploaded (20)

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance Toolbox
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 

WordCamp Hamilton - CPT's vs Gutenberg Templates

  • 2. ABOUT ME QUALITY ASSURANCE SUPERVISOR, WEEVER APPS FORMER INSTRUCTOR, SHERIDAN COLLEGE & MOHAWK COLLEGE IN WEB DESIGN & DEVELOPMENT SERIAL WORDCAMPER. SPOKEN AT MORE THAN 30, INCLUDING ATTENDING MUMBAI, CO-ORGANIZER, WORDCAMP HAMILTON, 2015-19, TORONTO, 2015 AND MILWAUKEE, 2016 Photo by Kiera Howe of DragonTeach
  • 3. AGENDA • QUICK REVIEW OF CPT’S AND ACF’S • INTRO TO GUTENBERG BLOCKS AND TEMPLATES • CASE STUDY: REAL ESTATE • DIFFERENCES • CASE STUDY: IMDB
  • 4. CUSTOM POST TYPES • Can act either as a Post or a Page (in theory) • Can be organized by categories or tags (both built into WordPress already) or by your own organization (custom taxonomies) • Will show up as a different entry on the dashboard • Can be called in anywhere on your site
  • 5. LISTINGS IS THE CPT USING THE PLUGIN METHOD, THIS WILL SHOW UP IN THE SIDEBAR ON THE DASHBOARD
  • 6. SOME EXAMPLES OF CPT’S ECommerce product pages, such as WooCommerce Portfolio pages Author Pages Movie/TV Series pages or People pages on IMDB.com
  • 7. (ADVANCED) CUSTOM FIELDS ● In a standard post on WordPress, you have a “Title”. This is a field. ● Custom Fields hold pieces of data that you want to show. In our example, perhaps Municipal Address of the property. ● Can hold different types of data, such as text or numbers. This is the smallest of the three concepts. ● Advanced Custom Fields (ACF’s) is a plugin
  • 8. SOME EXAMPLES OF ACF’S ON A LISTING
  • 9. HOW DO I KNOW WHICH WITCH IS WHICH? CPT’S AND ACF’S • CUSTOM FIELDS ANSWERS THE QUESTION: WHAT IS THIS PIECE OF DATA IN RELATION TO THE CPT? • CUSTOM POST TYPE ANSWERS THE QUESTION: WHAT IS THE CONTENT/LAYOUT? GUTENBERG • GUTENBERG BLOCK IS LIKE AN ACF • GUTENBERG TEMPLATES ARE LIKE CPT’S
  • 10. OUR REAL ESTATE EXAMPLE (CPT’S & ACF’S) CUSTOM POST TYPE • Listing: Every listing for a Real Estate firm CUSTOM FIELDS • Sale Price • Rental Price • Size of the unit
  • 11. OUR REAL ESTATE EXAMPLE CUSTOM POST TYPE ▹PROPERTY LISTING
  • 12. OUR REAL ESTATE EXAMPLE CUSTOM FIELDS ▹ADDRESS ▹PRICE ▹SQ. FT. Address
  • 13. OUR REAL ESTATE EXAMPLE (GUTENBERG) TEMPLATE • Listing: Every listing for different houses that are identical in a subdivision where the data is repeating or similar BLOCKS • Address (same street, different number) • Sale Price (same range, different number) • Size of the unit (could be the same)
  • 14. GUTENBERG BLOCKS A SINGLE BLOCK OR A COLLECTION OF RELATED BLOCKS
  • 15. SO WHAT’S THE BIG DIFFERENCE? WHY WOULD I USE ONE AND NOT THE OTHER OR VICE-VERSA? Photo by Adi Goldstein on Unsplash
  • 16. NO CODE ONE REQUIRES YOU TO CHANGE THE TEMPLATE FOR THE DATA TO APPEAR ON THE FRONT END (CPT’S AND ACF’S) THE OTHER DISPLAYS CONTENT, BUT DOESN’T STORE THE DATA AS THAT DATA IN THE DATABASE, SUCH AS A NUMBER, OR CURRENCY Photo by Markus Spiske on Unsplash
  • 17. IMDB - TV SERIES What’s Different? • Seasons • Episodes
  • 18. IMDB - MOVIES What’s different? • Release Date
  • 19. IMDB - PERSON What’s different? • Date of Birth • Date of Death (if applicable) • Role (actor, director) • Known for...
  • 20. RESOURCES WordPress 5 Essential Training on Lynda.com with Morten Rand- Hendriksen Custom Post Types on Lynda.com with Morten Rand-Hendriksen Advanced Custom Fields on Lynda.com with Morten Rand-Hendriksen Posts & Pages, Categories & Tags - WordCamp Montreal 2015 How To Create Gutenberg Templates WTH are CPT’s and ACF's? - WordCamp Hamilton 2018
  • 21. ANY QUESTIONS? YOU CAN FIND ME AT: @SHANTADOTCA HTTP://SHANTA.CA

Editor's Notes

  1. If you were selling a bunch of houses that were in the same complex, with the same photo (an artist’s rendering perhaps) and you didn’t want to have to re-type it over and over,