SlideShare a Scribd company logo

Advanced Custom Fields - Flexible Content

N
N

Advanced Custom Fields - Flexible Content

Advanced Custom Fields - Flexible Content

1 of 19
Download to read offline
Advanced custom fields
Advanced Custom Fields plugin acts as a GUI layer for
custom fields.
Here is the difference between native custom fields and Advanced Custom Fields.
It provides a much friendlier user interface to edit content.
Advanced custom fields
Flexible Content
This allows users to enter an unlimited amount of layouts
including repeating content with control over the order.
ACF VERSIONS
There is a free version, personal and PRO version of advanced custom fields.
The personal version($20) is for one website, the PRO version is for unlimited sites.
Plugin advanced custom fields PRO ($100).
● Plugin lets you create custom fields, as well as repeaters, flexible content, gallery,
etc.
● We’re going to talk about defining your own webpage content layout using flexible
content. http://www.advancedcustomfields.com/
● Can create layouts that will allow users to enter just about any kind of content like
text, video, galleries, maps and layouts.
Goal
Create homepage template where the user can enter content into a variety of layouts.
Demo with the following content layouts:
● Hero with a background image and
optional CTA button (uses conditional
logic)
● Content with 1, 2 or 3 columns
● Content with 2 columns, one text, one
image
● Image with caption
● Gallery
● FAQ’s (repeater)
Once plugin is installed, we will:
● Create field group of type
flexible content
● We can assign content to
appear on a page, post or
CPT, so when we edit our
homepage, the layout will
appear
● Can import/export code
● Can show or hide items

Recommended

Advanced Drupal Views: Theming your View
Advanced Drupal Views: Theming your ViewAdvanced Drupal Views: Theming your View
Advanced Drupal Views: Theming your ViewRyan Cross
 
WordPress Advanced Custom Fields - 101
WordPress  Advanced Custom Fields - 101WordPress  Advanced Custom Fields - 101
WordPress Advanced Custom Fields - 101Leo Caseiro
 
Михаил Крайнюк. Form api: ajax-commands
Михаил Крайнюк. Form api: ajax-commandsМихаил Крайнюк. Form api: ajax-commands
Михаил Крайнюк. Form api: ajax-commandsKsenia Rogachenko
 
Андрей Юртаев - Improve theming with (Twitter) Bootstrap
Андрей Юртаев - Improve theming with (Twitter) BootstrapАндрей Юртаев - Improve theming with (Twitter) Bootstrap
Андрей Юртаев - Improve theming with (Twitter) BootstrapDrupalSPB
 
Михаил Крайнюк. Form API: AJAX-commands
Михаил Крайнюк. Form API: AJAX-commandsМихаил Крайнюк. Form API: AJAX-commands
Михаил Крайнюк. Form API: AJAX-commandsDrupalSib
 
Componentization css angular
Componentization css angularComponentization css angular
Componentization css angularDavid Amend
 

More Related Content

What's hot

How to Create simple One Page site
How to Create simple One Page siteHow to Create simple One Page site
How to Create simple One Page siteMoneer kamal
 
Oop php 5
Oop php 5Oop php 5
Oop php 5phpubl
 
WordCamp Bristol 2019 - WordPress custom theme building
WordCamp Bristol 2019 - WordPress custom theme buildingWordCamp Bristol 2019 - WordPress custom theme building
WordCamp Bristol 2019 - WordPress custom theme buildingJonny Allbut
 
Custom post-framworks
Custom post-framworksCustom post-framworks
Custom post-framworksKiera Howe
 
Rails view chapte 5 - form
Rails view   chapte 5 - formRails view   chapte 5 - form
Rails view chapte 5 - formThaichor Seng
 
Drupal Lightning FAPI Jumpstart
Drupal Lightning FAPI JumpstartDrupal Lightning FAPI Jumpstart
Drupal Lightning FAPI Jumpstartguestfd47e4c7
 

What's hot (8)

Wp meetup custom post types
Wp meetup custom post typesWp meetup custom post types
Wp meetup custom post types
 
How to Create simple One Page site
How to Create simple One Page siteHow to Create simple One Page site
How to Create simple One Page site
 
Oop php 5
Oop php 5Oop php 5
Oop php 5
 
Theming Volto
Theming VoltoTheming Volto
Theming Volto
 
WordCamp Bristol 2019 - WordPress custom theme building
WordCamp Bristol 2019 - WordPress custom theme buildingWordCamp Bristol 2019 - WordPress custom theme building
WordCamp Bristol 2019 - WordPress custom theme building
 
Custom post-framworks
Custom post-framworksCustom post-framworks
Custom post-framworks
 
Rails view chapte 5 - form
Rails view   chapte 5 - formRails view   chapte 5 - form
Rails view chapte 5 - form
 
Drupal Lightning FAPI Jumpstart
Drupal Lightning FAPI JumpstartDrupal Lightning FAPI Jumpstart
Drupal Lightning FAPI Jumpstart
 

Viewers also liked

All Things WordPress: Customizing Your Website with Advanced Custom Fields
All Things WordPress: Customizing Your Website with Advanced Custom FieldsAll Things WordPress: Customizing Your Website with Advanced Custom Fields
All Things WordPress: Customizing Your Website with Advanced Custom FieldsMickey Mellen
 
Time Savers Using The Treo Smartphone
Time Savers Using The Treo SmartphoneTime Savers Using The Treo Smartphone
Time Savers Using The Treo SmartphoneDoug Devitre
 
All Things WordPress: I Don't Have Time for This Meetup
All Things WordPress: I Don't Have Time for This MeetupAll Things WordPress: I Don't Have Time for This Meetup
All Things WordPress: I Don't Have Time for This MeetupMickey Mellen
 
5 Lessons In Real estate marketing
5 Lessons In Real estate marketing5 Lessons In Real estate marketing
5 Lessons In Real estate marketinghooox
 
Smooth website projects from start to finish
Smooth website projects from start to finishSmooth website projects from start to finish
Smooth website projects from start to finishMickey Mellen
 
Indispensable International Real Estate Communication Tactics
Indispensable International Real Estate Communication TacticsIndispensable International Real Estate Communication Tactics
Indispensable International Real Estate Communication TacticsDoug Devitre
 
All Things WordPress: The Essential Plugins You Need to Be Using
All Things WordPress: The Essential Plugins You Need to Be Using All Things WordPress: The Essential Plugins You Need to Be Using
All Things WordPress: The Essential Plugins You Need to Be Using Mickey Mellen
 
All Things WordPress: Blogging Strategies for 2017
All Things WordPress: Blogging Strategies for 2017All Things WordPress: Blogging Strategies for 2017
All Things WordPress: Blogging Strategies for 2017Mickey Mellen
 
The Now Wave to the Next Wave: public service delivery in a networked world
The Now Wave to the Next Wave: public service delivery in a networked worldThe Now Wave to the Next Wave: public service delivery in a networked world
The Now Wave to the Next Wave: public service delivery in a networked worldDominic Campbell
 
All Things WordPress: SEO That Works
All Things WordPress: SEO That WorksAll Things WordPress: SEO That Works
All Things WordPress: SEO That WorksMickey Mellen
 
All Things WordPress - The How, What and Why of SSLs
All Things WordPress - The How, What and Why of SSLsAll Things WordPress - The How, What and Why of SSLs
All Things WordPress - The How, What and Why of SSLsMickey Mellen
 
Inbound Marketing and Automation
Inbound Marketing and AutomationInbound Marketing and Automation
Inbound Marketing and AutomationMickey Mellen
 
Dos and Don'ts of Social Media for Real Estate
Dos and Don'ts of Social Media for Real EstateDos and Don'ts of Social Media for Real Estate
Dos and Don'ts of Social Media for Real EstateDoug Devitre
 
Real Estate portal solution
Real Estate portal solutionReal Estate portal solution
Real Estate portal solutionLatte Media
 
WordCamp ATL 2017 - Beginner Session - Plugins
WordCamp ATL 2017 - Beginner Session - PluginsWordCamp ATL 2017 - Beginner Session - Plugins
WordCamp ATL 2017 - Beginner Session - PluginsMickey Mellen
 
All Things WordPress: Getting the Most Out of Your Email Marketing
All Things WordPress: Getting the Most Out of Your Email MarketingAll Things WordPress: Getting the Most Out of Your Email Marketing
All Things WordPress: Getting the Most Out of Your Email MarketingMickey Mellen
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel
 

Viewers also liked (18)

All Things WordPress: Customizing Your Website with Advanced Custom Fields
All Things WordPress: Customizing Your Website with Advanced Custom FieldsAll Things WordPress: Customizing Your Website with Advanced Custom Fields
All Things WordPress: Customizing Your Website with Advanced Custom Fields
 
Time Savers Using The Treo Smartphone
Time Savers Using The Treo SmartphoneTime Savers Using The Treo Smartphone
Time Savers Using The Treo Smartphone
 
All Things WordPress: I Don't Have Time for This Meetup
All Things WordPress: I Don't Have Time for This MeetupAll Things WordPress: I Don't Have Time for This Meetup
All Things WordPress: I Don't Have Time for This Meetup
 
5 Lessons In Real estate marketing
5 Lessons In Real estate marketing5 Lessons In Real estate marketing
5 Lessons In Real estate marketing
 
Smooth website projects from start to finish
Smooth website projects from start to finishSmooth website projects from start to finish
Smooth website projects from start to finish
 
Indispensable International Real Estate Communication Tactics
Indispensable International Real Estate Communication TacticsIndispensable International Real Estate Communication Tactics
Indispensable International Real Estate Communication Tactics
 
All Things WordPress: The Essential Plugins You Need to Be Using
All Things WordPress: The Essential Plugins You Need to Be Using All Things WordPress: The Essential Plugins You Need to Be Using
All Things WordPress: The Essential Plugins You Need to Be Using
 
All Things WordPress: Blogging Strategies for 2017
All Things WordPress: Blogging Strategies for 2017All Things WordPress: Blogging Strategies for 2017
All Things WordPress: Blogging Strategies for 2017
 
The Now Wave to the Next Wave: public service delivery in a networked world
The Now Wave to the Next Wave: public service delivery in a networked worldThe Now Wave to the Next Wave: public service delivery in a networked world
The Now Wave to the Next Wave: public service delivery in a networked world
 
All Things WordPress: SEO That Works
All Things WordPress: SEO That WorksAll Things WordPress: SEO That Works
All Things WordPress: SEO That Works
 
All Things WordPress - The How, What and Why of SSLs
All Things WordPress - The How, What and Why of SSLsAll Things WordPress - The How, What and Why of SSLs
All Things WordPress - The How, What and Why of SSLs
 
Realestate
RealestateRealestate
Realestate
 
Inbound Marketing and Automation
Inbound Marketing and AutomationInbound Marketing and Automation
Inbound Marketing and Automation
 
Dos and Don'ts of Social Media for Real Estate
Dos and Don'ts of Social Media for Real EstateDos and Don'ts of Social Media for Real Estate
Dos and Don'ts of Social Media for Real Estate
 
Real Estate portal solution
Real Estate portal solutionReal Estate portal solution
Real Estate portal solution
 
WordCamp ATL 2017 - Beginner Session - Plugins
WordCamp ATL 2017 - Beginner Session - PluginsWordCamp ATL 2017 - Beginner Session - Plugins
WordCamp ATL 2017 - Beginner Session - Plugins
 
All Things WordPress: Getting the Most Out of Your Email Marketing
All Things WordPress: Getting the Most Out of Your Email MarketingAll Things WordPress: Getting the Most Out of Your Email Marketing
All Things WordPress: Getting the Most Out of Your Email Marketing
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 

Similar to Advanced Custom Fields - Flexible Content

Advanced Custom Fields: Amazing Possibilities and Irritating Limitations
Advanced Custom Fields: Amazing Possibilities and Irritating LimitationsAdvanced Custom Fields: Amazing Possibilities and Irritating Limitations
Advanced Custom Fields: Amazing Possibilities and Irritating LimitationsEast Bay WordPress Meetup
 
WordCamp ABQ 2013: Making the leap from Designer to Designer/Developer
WordCamp ABQ 2013: Making the leap from Designer to Designer/DeveloperWordCamp ABQ 2013: Making the leap from Designer to Designer/Developer
WordCamp ABQ 2013: Making the leap from Designer to Designer/Developermy easel
 
Building Potent WordPress Websites
Building Potent WordPress WebsitesBuilding Potent WordPress Websites
Building Potent WordPress WebsitesKyle Cearley
 
Awetive template document
Awetive template documentAwetive template document
Awetive template documenttips 2u
 
Symfony Admin Generator - generator.yml
Symfony Admin Generator - generator.ymlSymfony Admin Generator - generator.yml
Symfony Admin Generator - generator.ymlRavi Mone
 
#PDR15 Creating Pebble Apps for Aplite, Basalt, and Chalk
#PDR15 Creating Pebble Apps for Aplite, Basalt, and Chalk#PDR15 Creating Pebble Apps for Aplite, Basalt, and Chalk
#PDR15 Creating Pebble Apps for Aplite, Basalt, and ChalkPebble Technology
 
Teacher is very picky, document must have all these thingsSean h.docx
Teacher is very picky, document must have all these thingsSean h.docxTeacher is very picky, document must have all these thingsSean h.docx
Teacher is very picky, document must have all these thingsSean h.docxbriankimberly26463
 
Joomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic TemplatesJoomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic TemplatesAndy Wallace
 
Joomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic TemplatesJoomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic TemplatesChris Davenport
 
OroCommerce Storefront Design. Non-standard Layout Customisation.
OroCommerce Storefront Design. Non-standard Layout Customisation.OroCommerce Storefront Design. Non-standard Layout Customisation.
OroCommerce Storefront Design. Non-standard Layout Customisation.Andrew Yatsenko
 
The Ring programming language version 1.9 book - Part 54 of 210
The Ring programming language version 1.9 book - Part 54 of 210The Ring programming language version 1.9 book - Part 54 of 210
The Ring programming language version 1.9 book - Part 54 of 210Mahmoud Samir Fayed
 
Various Ways of Using WordPress
Various Ways of Using WordPressVarious Ways of Using WordPress
Various Ways of Using WordPressNick La
 
WordPress as a Content Management System
WordPress as a Content Management SystemWordPress as a Content Management System
WordPress as a Content Management SystemValent Mustamin
 
Introduction to HTML-CSS-Javascript.pdf
Introduction to HTML-CSS-Javascript.pdfIntroduction to HTML-CSS-Javascript.pdf
Introduction to HTML-CSS-Javascript.pdfDakshPratapSingh1
 
SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2dan_mcweeney
 
Data Visualization With R: Learn To Modify Title, Axis Labels & Range
Data Visualization With R: Learn To Modify Title, Axis Labels & RangeData Visualization With R: Learn To Modify Title, Axis Labels & Range
Data Visualization With R: Learn To Modify Title, Axis Labels & RangeRsquared Academy
 

Similar to Advanced Custom Fields - Flexible Content (20)

Advanced Custom Fields: Amazing Possibilities and Irritating Limitations
Advanced Custom Fields: Amazing Possibilities and Irritating LimitationsAdvanced Custom Fields: Amazing Possibilities and Irritating Limitations
Advanced Custom Fields: Amazing Possibilities and Irritating Limitations
 
WordCamp ABQ 2013: Making the leap from Designer to Designer/Developer
WordCamp ABQ 2013: Making the leap from Designer to Designer/DeveloperWordCamp ABQ 2013: Making the leap from Designer to Designer/Developer
WordCamp ABQ 2013: Making the leap from Designer to Designer/Developer
 
Building Potent WordPress Websites
Building Potent WordPress WebsitesBuilding Potent WordPress Websites
Building Potent WordPress Websites
 
Awetive template document
Awetive template documentAwetive template document
Awetive template document
 
Symfony Admin Generator - generator.yml
Symfony Admin Generator - generator.ymlSymfony Admin Generator - generator.yml
Symfony Admin Generator - generator.yml
 
#PDR15 Creating Pebble Apps for Aplite, Basalt, and Chalk
#PDR15 Creating Pebble Apps for Aplite, Basalt, and Chalk#PDR15 Creating Pebble Apps for Aplite, Basalt, and Chalk
#PDR15 Creating Pebble Apps for Aplite, Basalt, and Chalk
 
Teacher is very picky, document must have all these thingsSean h.docx
Teacher is very picky, document must have all these thingsSean h.docxTeacher is very picky, document must have all these thingsSean h.docx
Teacher is very picky, document must have all these thingsSean h.docx
 
Joomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic TemplatesJoomla! Day UK 2009 Basic Templates
Joomla! Day UK 2009 Basic Templates
 
Joomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic TemplatesJoomla Day UK 2009 Basic Templates
Joomla Day UK 2009 Basic Templates
 
Day seven
Day sevenDay seven
Day seven
 
TopicHero Descriptions Tutorial
TopicHero Descriptions TutorialTopicHero Descriptions Tutorial
TopicHero Descriptions Tutorial
 
OroCommerce Storefront Design. Non-standard Layout Customisation.
OroCommerce Storefront Design. Non-standard Layout Customisation.OroCommerce Storefront Design. Non-standard Layout Customisation.
OroCommerce Storefront Design. Non-standard Layout Customisation.
 
a3.pdf
a3.pdfa3.pdf
a3.pdf
 
The Ring programming language version 1.9 book - Part 54 of 210
The Ring programming language version 1.9 book - Part 54 of 210The Ring programming language version 1.9 book - Part 54 of 210
The Ring programming language version 1.9 book - Part 54 of 210
 
Various Ways of Using WordPress
Various Ways of Using WordPressVarious Ways of Using WordPress
Various Ways of Using WordPress
 
WordPress as a Content Management System
WordPress as a Content Management SystemWordPress as a Content Management System
WordPress as a Content Management System
 
Introduction to HTML-CSS-Javascript.pdf
Introduction to HTML-CSS-Javascript.pdfIntroduction to HTML-CSS-Javascript.pdf
Introduction to HTML-CSS-Javascript.pdf
 
IntroJs
IntroJsIntroJs
IntroJs
 
SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2SDN Mentor Hands On - Exercise 2
SDN Mentor Hands On - Exercise 2
 
Data Visualization With R: Learn To Modify Title, Axis Labels & Range
Data Visualization With R: Learn To Modify Title, Axis Labels & RangeData Visualization With R: Learn To Modify Title, Axis Labels & Range
Data Visualization With R: Learn To Modify Title, Axis Labels & Range
 

Recently uploaded

2024 February Patch Tuesday
2024 February Patch Tuesday2024 February Patch Tuesday
2024 February Patch TuesdayIvanti
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!KivenRaySarsaba
 
Microsoft Azure News - Feb 2024
Microsoft Azure News - Feb 2024Microsoft Azure News - Feb 2024
Microsoft Azure News - Feb 2024Daniel Toomey
 
Tete thermostatique Zigbee MOES BRT-100 V2.pdf
Tete thermostatique Zigbee MOES BRT-100 V2.pdfTete thermostatique Zigbee MOES BRT-100 V2.pdf
Tete thermostatique Zigbee MOES BRT-100 V2.pdfDomotica daVinci
 
Z-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdf
Z-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdfZ-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdf
Z-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdfDomotica daVinci
 
zigbee motion sensor user manual NAS-PD07B2.pdf
zigbee motion sensor user manual NAS-PD07B2.pdfzigbee motion sensor user manual NAS-PD07B2.pdf
zigbee motion sensor user manual NAS-PD07B2.pdfDomotica daVinci
 
Breaking Barriers & Leveraging the Latest Developments in AI Technology
Breaking Barriers & Leveraging the Latest Developments in AI TechnologyBreaking Barriers & Leveraging the Latest Developments in AI Technology
Breaking Barriers & Leveraging the Latest Developments in AI TechnologySafe Software
 
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...Adrian Sanabria
 
Dynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineeringDynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineeringMassimo Talia
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build PolandGDSC PJATK
 
Manual sensor Zigbee 3.0 MOES ZSS-X-PIRL-C
Manual  sensor Zigbee 3.0 MOES ZSS-X-PIRL-CManual  sensor Zigbee 3.0 MOES ZSS-X-PIRL-C
Manual sensor Zigbee 3.0 MOES ZSS-X-PIRL-CDomotica daVinci
 
H3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptxH3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptxMemory Fabric Forum
 
Curtain Module Manual Zigbee Neo CS01-1C.pdf
Curtain Module Manual Zigbee Neo CS01-1C.pdfCurtain Module Manual Zigbee Neo CS01-1C.pdf
Curtain Module Manual Zigbee Neo CS01-1C.pdfDomotica daVinci
 
Journey of Television in World & in India
Journey of Television in World & in IndiaJourney of Television in World & in India
Journey of Television in World & in IndiaAdarshAgarwal66
 
Quinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdf
Quinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdfQuinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdf
Quinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdfDomotica daVinci
 
Navigating the Never Normal Strategies for Portfolio Leaders
Navigating the Never Normal Strategies for Portfolio LeadersNavigating the Never Normal Strategies for Portfolio Leaders
Navigating the Never Normal Strategies for Portfolio LeadersOnePlan Solutions
 
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?GleecusTechlabs1
 
Evolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptx
Evolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptxEvolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptx
Evolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptxKyle Willson
 

Recently uploaded (20)

2024 February Patch Tuesday
2024 February Patch Tuesday2024 February Patch Tuesday
2024 February Patch Tuesday
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!
 
Microsoft Azure News - Feb 2024
Microsoft Azure News - Feb 2024Microsoft Azure News - Feb 2024
Microsoft Azure News - Feb 2024
 
Tete thermostatique Zigbee MOES BRT-100 V2.pdf
Tete thermostatique Zigbee MOES BRT-100 V2.pdfTete thermostatique Zigbee MOES BRT-100 V2.pdf
Tete thermostatique Zigbee MOES BRT-100 V2.pdf
 
Z-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdf
Z-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdfZ-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdf
Z-Wave Fan coil Thermostat Heltun_HE-HT01_User_Manual.pdf
 
zigbee motion sensor user manual NAS-PD07B2.pdf
zigbee motion sensor user manual NAS-PD07B2.pdfzigbee motion sensor user manual NAS-PD07B2.pdf
zigbee motion sensor user manual NAS-PD07B2.pdf
 
5 Tech Trend to Notice in ESG Landscape- 47Billion
5 Tech Trend to Notice in ESG Landscape- 47Billion5 Tech Trend to Notice in ESG Landscape- 47Billion
5 Tech Trend to Notice in ESG Landscape- 47Billion
 
Breaking Barriers & Leveraging the Latest Developments in AI Technology
Breaking Barriers & Leveraging the Latest Developments in AI TechnologyBreaking Barriers & Leveraging the Latest Developments in AI Technology
Breaking Barriers & Leveraging the Latest Developments in AI Technology
 
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
 
Dynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineeringDynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineering
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build Poland
 
COE AI Lab Universities
COE AI Lab UniversitiesCOE AI Lab Universities
COE AI Lab Universities
 
Manual sensor Zigbee 3.0 MOES ZSS-X-PIRL-C
Manual  sensor Zigbee 3.0 MOES ZSS-X-PIRL-CManual  sensor Zigbee 3.0 MOES ZSS-X-PIRL-C
Manual sensor Zigbee 3.0 MOES ZSS-X-PIRL-C
 
H3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptxH3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptx
 
Curtain Module Manual Zigbee Neo CS01-1C.pdf
Curtain Module Manual Zigbee Neo CS01-1C.pdfCurtain Module Manual Zigbee Neo CS01-1C.pdf
Curtain Module Manual Zigbee Neo CS01-1C.pdf
 
Journey of Television in World & in India
Journey of Television in World & in IndiaJourney of Television in World & in India
Journey of Television in World & in India
 
Quinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdf
Quinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdfQuinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdf
Quinto Z-Wave Heltun_HE-RS01_User_Manual_B9AH.pdf
 
Navigating the Never Normal Strategies for Portfolio Leaders
Navigating the Never Normal Strategies for Portfolio LeadersNavigating the Never Normal Strategies for Portfolio Leaders
Navigating the Never Normal Strategies for Portfolio Leaders
 
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
 
Evolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptx
Evolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptxEvolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptx
Evolution of Chatbots: From Custom AI Chatbots and AI Chatbots for Websites.pptx
 

Advanced Custom Fields - Flexible Content

  • 1. Advanced custom fields Advanced Custom Fields plugin acts as a GUI layer for custom fields.
  • 2. Here is the difference between native custom fields and Advanced Custom Fields. It provides a much friendlier user interface to edit content.
  • 3. Advanced custom fields Flexible Content This allows users to enter an unlimited amount of layouts including repeating content with control over the order.
  • 4. ACF VERSIONS There is a free version, personal and PRO version of advanced custom fields. The personal version($20) is for one website, the PRO version is for unlimited sites. Plugin advanced custom fields PRO ($100). ● Plugin lets you create custom fields, as well as repeaters, flexible content, gallery, etc. ● We’re going to talk about defining your own webpage content layout using flexible content. http://www.advancedcustomfields.com/ ● Can create layouts that will allow users to enter just about any kind of content like text, video, galleries, maps and layouts.
  • 5. Goal Create homepage template where the user can enter content into a variety of layouts. Demo with the following content layouts: ● Hero with a background image and optional CTA button (uses conditional logic) ● Content with 1, 2 or 3 columns ● Content with 2 columns, one text, one image ● Image with caption ● Gallery ● FAQ’s (repeater)
  • 6. Once plugin is installed, we will: ● Create field group of type flexible content ● We can assign content to appear on a page, post or CPT, so when we edit our homepage, the layout will appear ● Can import/export code ● Can show or hide items
  • 7. Here is a list of all the possible field types we can use.
  • 8. Let’s start creating our layouts. This shows the Hero layout: ● Add new layout called Hero ● Add 5 fields ○ Hero image ○ Hero text ○ Display CTA button(this is a conditional field so user can turn this off or on) ○ Hero button URL ○ Hero button text There are 5 more layouts that we’ ve created.
  • 9. Let’s look at how this looks in the admin. Conditional Logic true/false Display button conditionally Conditional logic to show or hide button CTA button.
  • 10. Select field type for number of columns. Conditional logic to show or hide column 3. 1-3 Column layout (Services)
  • 11. FAQ’s using repeater field type. Sub Fields for question and answer.
  • 12. USER ENTERS CONTENT User can: ● Create layouts with desired content ● Drag to reorder any of the content
  • 13. CREATE TEMPLATE FILES IN THEME TO DISPLAY CONTENT What’s being used in theme: ● Theme with Bootstrap ● ACF plugin ● Flickity slider to display gallery
  • 14. Layout/File Structure Each ACF layout corresponds to a specific template I’m creating a template file for each layout type Theme fileshome-page.phpHomepage layout
  • 15. Main template file: home- template.php Check if we have rows If we have layout call: get_template_part() So if we have a hero layout call /partials/stripe-hero.php
  • 16. stripe-hero.php This is the template file that will display our hero content We use get_sub_field() to get the field values. Create HTML structure for our layout. Set background image Display field values Can use the_sub_field() to display fields.
  • 17. Note: In template files, we can use ACF functionality to display fields, or use WP function get_post_meta. Using get_post_meta will work even if plugin is removed or deactivated. $rows = get_post_meta( get_the_ID(), 'home_page_content', true ); if( !empty( $rows) ) { foreach( $rows as $count => $row ) { if ($row == 'hero') { // HERO $rows = get_post_meta( get_the_ID(), 'home_page_content', true ); if( !empty( $rows) ) { foreach( $rows as $count => $row ) { $hero_image = get_post_meta( get_the_ID(), 'home_page_content_' . $count . '_hero_image', true ); $image_src = wp_get_attachment_image_src( $hero_image, 'full'); if ($hero_image) { $bg = wp_get_attachment_image( $image, 'large' ); } $content = get_post_meta( get_the_ID(), 'home_page_content_' . $count . '_hero_text', true ); $display_cta_button = get_post_meta( get_the_ID(), 'home_page_content_' . $count . '_display_cta_button', true ); if ($display_cta_button) { $hero_button_url = get_post_meta( get_the_ID(), 'home_page_content_' . $count . '_hero_button_url', true ); $hero_button_text = get_post_meta( get_the_ID(), 'home_page_content_' . $count . '_hero_button_text', true ); echo '<p class="cta"><a class="button" href="' . $hero_button_url . '">' . $hero_button_text . '</a></p>'; } } } } elseif ($row == ‘services’) { // SERVICES … } } }
  • 18. Let’s edit and display our content
  • 19. RESOURCES ● http://www.advancedcustomfields.com/ ● http://www.advancedcustomfields.com/resources/flexible-content/ ● Good documentation and example code on ACF website ● Videos show how to create layout similar to my demo ● Google search will take you to some good posts on how to create layouts Norm Euker - http://www.njedesign.com Demo: http://njedesign.com/demo/acf/