Imran Sayed

<p>A WordPress plugin that adds following features to use WordPress as a headless CMS with any front-end environment using REST API<br />
This plugin provides multiple features and you can use the one’s that is relevant to your front-end application. You don’t necessarily need to use all.</p>
<h3>Features</h3>
<ol>
<li>Custom REST API Endpoints.</li>
<li>Social links in customizer.</li>
<li>Image uploads for categories.</li>
<li>Custom header and footer menus.</li>
<li>Custom Widgets.</li>
<li>Custom Header and Footer GraphQL fields when using <a href="https://github.com/wp-graphql/wp-graphql" rel="nofollow ugc">wp-graphql</a> plugin</li>
</ol>
<h3>Feature Details</h3>
<h3>Features</h3>
<ul>
<li>Adds option to add social links in customizer</li>
<li>Registers two custom menus for header ( menu location = hcms-menu-header ) and for footer ( menu location = hcms-menu-footer )</li>
<li>Registers the following sidebars</li>
</ul>
<ol>
<li>HCMS Footer #1 with sidebar id ‘hcms-sidebar-1’</li>
<li>HCMS Footer #2 with sidebar id ‘hcms-sidebar-2’</li>
</ol>
<h3>Available Custom REST API endpoints</h3>
<ol>
<li>
<p>Get single post ( GET request ): <code>http://example.com/wp-json/rae/v1/post?post_id=1</code></p>
</li>
<li>
<p>Get posts by page no: ( GET Request ) : <code>http://example.com/wp-json/rae/v1/posts?page_no=1</code></p>
</li>
<li>
<p>Get header and footer date: ( GET Request )</p>
</li>
</ol>
<p>* Get the header data ( site title, site description , site logo URL, menu items ) and footer data ( footer menu items, social icons )<br />
* `http://example.com/wp-json/rae/v1/header-footer?header_location_id=hcms-menu-header&footer_location_id=hcms-menu-footer“</p>
<ol>
<li>Get posts by page no: ( GET Request )</li>
</ol>
<p>* Get the posts by taxonomy<br />
* <code>http://example.com/wp-json/rae/v1/posts-by-tax?post_type=post&taxonomy=category&slug=xyz</code></p>
<h3>More Features</h3>
<ol>
<li>Registers the sections for socials icons in the customizer</li>
</ol>
<ul>
<li>Social icons urls for ‘facebook’, ‘twitter’, ‘instagram’, ‘youtube’</li>
</ul>
<ol>
<li>Image upload features for categories</li>
</ol>
<ul>
<li>Provides Image upload features for categories.</li>
</ul>
<ol>
<li>Plugin Settings Page</li>
</ol>
<ul>
<li>Settings for getting data for a custom page like Hero section, Search section, Featured post section, latest posts heading.</li>
</ul>
<h3>Installation and Use</h3>
<p>This section describes how to install the plugin and get it working.</p>
<ol>
<li>Upload the plugin files to the <code>/wp-content/plugins/plugin-name</code> directory, or install the plugin through the WordPress plugins screen directly.</li>
<li>Activate the plugin through the ‘Plugins’ screen in WordPress</li>
<li>Your can add social icons from customizer</li>
<li>You can set up custom header and footer menus.</li>
<li>You can add image to categories.</li>
</ol>
<h3>Demo of the Frontend applications that can be used with this plugin</h3>
<p>Please check the demo of an example React front-end application, where this plugin can be used.</p>
<p>[2020-07-02] Demo.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/nYXL1KKjKrc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<p>Using This plugin with WordPress and GraphQl<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLD8nQCAhR3tQSv-U_LNdiHEViB1kj6LrM" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span></p>
<p>= Its not working.</p>
<p>Step 1. Check if your Plugin is activated.<br />
Step 2. Deactivate all plugins and reactivate headless-cms.</p>


Headless CMS

It has rest api endpoints for pagination as well that i can used in my React application which i like

Really useful plugin

A WordPress plugin that adds features to use WordPress as a headless CMS with any front-end environment using REST API.

ben.moody

<p>Plugin provides a framework sets up WordPress as a headless CMS.</p>
<p>Framework options include:</p>
<ul>
<li>JSON Web Token Authentication (optional)</li>
<li>Adds Gutenberg block data to REST responses (optional)</li>
<li>Protects REST requests with nonce (optional)</li>
<li>Cleans up REST response objects (optional)</li>
<li>Removes non required REST endpoints (optional)</li>
<li>Disables the frontend (optional)</li>
</ul>
<p>All modules can be enabled/disabled or configured to suit most if not all WordPress as a headless CMS use cases.</p>
<p>Developing a single page React app but still want to use the WordPress theme based fronted.</p>
<p>Not a problem, maybe you just use these modules:</p>
<ul>
<li>Adds Gutenberg block data to REST responses</li>
<li>Protects REST requests with nonce</li>
<li>Cleans up REST response objects</li>
<li>Removes non required REST endpoints</li>
</ul>
<p>Developing a truly headless WordPress single page app or mobile app and just want WordPress for the backend?</p>
<p>Maybe use these modules:</p>
<ul>
<li>JSON Web Token Authentication</li>
<li>Adds Gutenberg block data to REST responses</li>
<li>Protects REST requests with nonce</li>
<li>Cleans up REST response objects</li>
<li>Removes non required REST endpoints</li>
<li>Disable the WordPress frontend</li>
</ul>
<p>You get the idea.</p>
<p>The plugin documentation is held inside the plugin ‘options’ page in the WordPress admin, although there are some docs for the custom rest endpoints:</p>
<p><a href="https://documenter.getpostman.com/view/1175138/RztkPpV4#fc567f81-ff31-442e-a236-fa247bd1fd6c" rel="nofollow ugc">Learn More about plugin endpoint requests</a></p>
<p>Anyway if you are looking to use WordPress as a headless CMS on a React, React Native, Angular, iOS/Android native project. This plugin should go a long way to setting WordPress up as you need it.</p>


WP Headless CMS Framework

I like your plugin! Keep on going with this one! :)

Plugin provides a framework sets up WordPress as a headless CMS.

Headless CMS vs WP Headless CMS Framework