How do I make reusable content blocks for header and footer when using WordPress headless with another front-end?

I’m setting up a WordPress project with Gatsby as frontend, and also using ACF for content. But I wonder how you would setup global content parts like header, footer, or any other kind of content that is being used globally throughout the website? For example both HOME and ABOUT pages need to have their “own” content, but also shares some specific blocks with same content.

I need to be able to edit the content for my header like setting up links to internal pages, be able to edit footer content (like text, an image etc), and for any other global blocks I’m looking for a way to setup them like title, text, maybe an image and so on (ACF control kind of…)

Please help me out!

Thanks

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

ACF has the ability to create a ‘Theme Options’ page which you can then use to conveniently centralise options for things like headers and footer etc..

ACF Options Page information

As Jacob Peattie rightly points out, how you integrate this into Gatsby is outside of the scope of WPSE and may require custom development. However, providing you can inject custom code into these areas, via a function, shortcode or custom widget etc., using an ACF Options Page to control that content works nicely and is worth exploring.


All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x