Headless Wordpress screenshot

Headless Wordpress

Author Avatar Theme by Arnonate
Updated: 10 Sep 2020
28 Stars

Headless is a WordPress theme intended to be used in JAMStack projects when a WordPress admin experience is desired but the frontend is implemented with Next, React, Gatbsy, 11ty, etc.

Categories

Overview:

The Headless WordPress Theme is designed for JAMStack projects that require a WordPress admin experience but implement the frontend with Next, React, Gatsby, 11ty, or similar technologies. It allows users to have the flexibility and ease of use of WordPress as a content management system while using modern frontend frameworks for faster and more efficient development.

Features:

  • Index route forwarding: The index route is automatically forwarded to /wp-admin, providing a seamless admin experience.
  • Custom Post types: An example of custom post types is included in functions/custom-post-types.php, allowing users to easily create and manage different content types.
  • Custom Taxonomies: The theme provides an example in functions/custom-taxonomies.php, demonstrating how to create and utilize custom taxonomies for better organization and filtering of content.
  • Custom Shortcodes: The functions/custom-shortcodes.php file contains an example of custom shortcodes, which can be used to create reusable content snippets or add dynamic functionality to pages.
  • Hiding admin sections: The functions.php file includes a function for hiding specific admin sections, providing a more streamlined and focused admin interface.
  • Custom menu ordering: The theme includes a function in functions.php that allows users to customize the order of menu items, making navigation more intuitive and user-friendly.
  • Disabled RSS feed: By default, the theme disables the RSS feed feature, which may not be necessary or desired in a headless JAMStack project.
  • ACF “nullify empty values”: The functions.php file includes a function that nullifies empty values in Advanced Custom Fields (ACF), improving data integrity and preventing empty or incomplete data from being displayed.

Installation:

To use the Headless WordPress Theme, follow these steps:

  1. Spin up a new WordPress website.
  2. Upload the downloaded .zip file of the Headless theme.
  3. Activate the Headless theme.
  4. Start making requests and enjoy the seamless integration between WordPress admin and your chosen frontend framework.

Summary:

The Headless WordPress Theme is a versatile solution for JAMStack projects that require the use of WordPress as a backend content management system. It provides a range of features, including custom post types, taxonomies, shortcodes, and admin customization. By integrating with popular frontend frameworks, the theme allows developers to build dynamic and modern websites while benefiting from the familiar and user-friendly WordPress admin interface.