├── README.md
├── functions.php
├── index.php
├── screenshot.png
├── style.css
├── template-parts
    ├── content-none.php
    ├── content-page.php
    ├── content-search.php
    └── content.php
└── theme-screenshot.png


/README.md:
--------------------------------------------------------------------------------
1 | # blank-wordpress-theme-for-api
2 | A Blank WordPress theme for headless CMS projects
3 | 
4 | ## Endpoints
5 | Provides links for different endpoints for the WordPress API
6 | 
7 | ![screenshot](/theme-screenshot.png)
8 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * React functions and definitions
  4 |  *
  5 |  * @link https://developer.wordpress.org/themes/basics/theme-functions/
  6 |  *
  7 |  * @package React
  8 |  */
  9 | 
 10 | if ( ! function_exists( 'react_setup' ) ) :
 11 | 	/**
 12 | 	 * Sets up theme defaults and registers support for various WordPress features.
 13 | 	 *
 14 | 	 * Note that this function is hooked into the after_setup_theme hook, which
 15 | 	 * runs before the init hook. The init hook is too late for some features, such
 16 | 	 * as indicating support for post thumbnails.
 17 | 	 */
 18 | 	function react_setup() {
 19 | 
 20 | 		// Add default posts and comments RSS feed links to head.
 21 | 		add_theme_support( 'automatic-feed-links' );
 22 | 
 23 | 		/*
 24 | 		 * Let WordPress manage the document title.
 25 | 		 * By adding theme support, we declare that this theme does not use a
 26 | 		 * hard-coded <title> tag in the document head, and expect WordPress to
 27 | 		 * provide it for us.
 28 | 		 */
 29 | 		add_theme_support( 'title-tag' );
 30 | 
 31 | 		/*
 32 | 		 * Enable support for Post Thumbnails on posts and pages.
 33 | 		 *
 34 | 		 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
 35 | 		 */
 36 | 		add_theme_support( 'post-thumbnails' );
 37 | 
 38 | 		// This theme uses wp_nav_menu() in one location.
 39 | 		register_nav_menus( array(
 40 | 			'menu-1' => esc_html__( 'Primary', 'react' ),
 41 | 		) );
 42 | 
 43 | 		/*
 44 | 		 * Switch default core markup for search form, comment form, and comments
 45 | 		 * to output valid HTML5.
 46 | 		 */
 47 | 		add_theme_support( 'html5', array(
 48 | 			'gallery',
 49 | 			'caption',
 50 | 		) );
 51 | 
 52 | 		// Set up the WordPress core custom background feature.
 53 | 		add_theme_support( 'custom-background', apply_filters( 'react_custom_background_args', array(
 54 | 			'default-color' => 'ffffff',
 55 | 			'default-image' => '',
 56 | 		) ) );
 57 | 
 58 | 		// Add theme support for selective refresh for widgets.
 59 | 		add_theme_support( 'customize-selective-refresh-widgets' );
 60 | 
 61 | 		/**
 62 | 		 * Add support for core custom logo.
 63 | 		 *
 64 | 		 * @link https://codex.wordpress.org/Theme_Logo
 65 | 		 */
 66 | 		add_theme_support( 'custom-logo', array(
 67 | 			'height'      => 250,
 68 | 			'width'       => 250,
 69 | 			'flex-width'  => true,
 70 | 			'flex-height' => true,
 71 | 		) );
 72 | 	}
 73 | endif;
 74 | add_action( 'after_setup_theme', 'react_setup' );
 75 | 
 76 | /**
 77 |  * Set the content width in pixels, based on the theme's design and stylesheet.
 78 |  *
 79 |  * Priority 0 to make it available to lower priority callbacks.
 80 |  *
 81 |  * @global int $content_width
 82 |  */
 83 | function react_content_width() {
 84 | 	$GLOBALS['content_width'] = apply_filters( 'react_content_width', 640 );
 85 | }
 86 | add_action( 'after_setup_theme', 'react_content_width', 0 );
 87 | 
 88 | /**
 89 |  * Register widget area.
 90 |  *
 91 |  * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
 92 |  */
 93 | function react_widgets_init() {
 94 | 	register_sidebar( array(
 95 | 		'name'          => esc_html__( 'Sidebar', 'react' ),
 96 | 		'id'            => 'sidebar-1',
 97 | 		'description'   => esc_html__( 'Add widgets here.', 'react' ),
 98 | 		'before_widget' => '<section id="%1$s" class="widget %2$s">',
 99 | 		'after_widget'  => '</section>',
100 | 		'before_title'  => '<h2 class="widget-title">',
101 | 		'after_title'   => '</h2>',
102 | 	) );
103 | }
104 | add_action( 'widgets_init', 'react_widgets_init' );
105 | 
106 | wp_enqueue_style( 'style', get_stylesheet_uri() );
107 | 
108 | /**
109 |  * Load Jetpack compatibility file.
110 |  */
111 | if ( defined( 'JETPACK__VERSION' ) ) {
112 | 	require get_template_directory() . '/inc/jetpack.php';
113 | }
114 | 
115 | if( function_exists('acf_add_options_page') ) {
116 | 	
117 | 	acf_add_options_page(array(
118 | 		'page_title' 	=> 'Site Options',
119 | 		'menu_title'	=> 'Site Options',
120 | 		'menu_slug' 	=> 'site-options',
121 | 		'show_in_graphql' => true,
122 | 	));
123 | 	
124 | }


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | 
 2 | <head>
 3 |     <?php wp_head(); ?>
 4 |     <link rel="stylesheet" href="<?php get_stylesheet_directory_uri(); ?>/style.css">
 5 |     <link href="https://fonts.googleapis.com/css?family=Fira+Mono:400,700" rel="stylesheet">
 6 | </head>
 7 | <body>
 8 |     <div class="container">
 9 |         <h1 class="title">This is a blank WordPress site that spits out JSON for Headless CMS goodness.</h1>
10 | 
11 |         <h3 class="subtitle">Here are some endPoints you might like:</h3>
12 | 
13 | 		<?php
14 | 			$url = site_url() . '/wp-json/wp/v2/';
15 | 			$urlACF = site_url() . '/wp-json/acf/v3/'
16 | 		?>
17 |         <ul class="list">
18 |             <li>
19 |                 <a href="<?= $url . 'settings';  ?>" class="link">Site settings</a> – get site settings (site title, description, etc.) <em>NOTE: Need Authentication to View.</em>
20 |             </li>
21 |             <li>
22 |                 <a href="<?= $url . 'pages';  ?>" class="link">Pages</a> – get pages
23 |             </li>
24 |             <li>
25 |                 <a href="<?= $url . 'posts';  ?>" class="link">Posts</a> – get all the posts
26 |             </li>
27 |             <li>
28 |                 <a href="<?= $url . 'types';  ?>" class="link">Post Types</a> – get all the post types
29 |             </li>
30 | 			<li>
31 |                 <a href="<?= $urlACF . 'posts';  ?>" class="link">ACF: Posts</a> – get advanced custom fields for pages
32 |             </li>
33 | 			<li>
34 |                 <a href="<?= $urlACF . 'pages';  ?>" class="link">ACF: Pages</a> – get advanced custom fields for pages
35 |             </li>
36 |         </ul>
37 |         <div class="credit">
38 |         Theme by <a href="https://twitter.com/ARasheedPhoto" rel="noopener" target="_blank">Adam Rasheed</a>
39 |         </div>
40 |     </div>
41 | 	<?php // include('wp-logic.php'); ?>
42 | </body>
43 | 


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamrasheed/blank-wordpress-theme-for-api/6430cd22d818176fea3a3757fc0c3ee21b9eed39/screenshot.png


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Theme Name: React
  3 | Theme URI: https://github.com/adamrasheed/blank-wordpress-theme-for-api
  4 | Author: Adam Rasheed
  5 | Author URI: https://adamrasheed.com
  6 | Description: A Blank WordPress theme made for Headless WordPress projects. This theme is a blank startkit that simply gives you endpoints links to access the REST API. Note, you will need the ACF to REST API plugin to access advanced custom fields in the API
  7 | Version: 1.0
  8 | License: GNU General Public License v2 or later
  9 | License URI: http://www.gnu.org/licenses/gpl-2.0.html
 10 | Tags: REST API, blank, startkit, react, api
 11 | Text Domain: react
 12 | 
 13 | This theme, like WordPress, is licensed under the GPL.
 14 | Use it to make something cool, have fun, and share what you've learned with others.
 15 | */
 16 | 
 17 | /* Reset */
 18 | html, body, div, span, applet, object, iframe,
 19 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 20 | a, abbr, acronym, address, big, cite, code,
 21 | del, dfn, em, img, ins, kbd, q, s, samp,
 22 | small, strike, strong, sub, sup, tt, var,
 23 | b, u, i, center,
 24 | dl, dt, dd, ol, ul, li,
 25 | fieldset, form, label, legend,
 26 | table, caption, tbody, tfoot, thead, tr, th, td,
 27 | article, aside, canvas, details, embed, 
 28 | figure, figcaption, footer, header, hgroup, 
 29 | menu, nav, output, ruby, section, summary,
 30 | time, mark, audio, video {
 31 | 	margin: 0;
 32 | 	padding: 0;
 33 | 	border: 0;
 34 | 	font-size: 100%;
 35 | 	font: inherit;
 36 | 	vertical-align: baseline;
 37 | }
 38 | /* HTML5 display-role reset for older browsers */
 39 | article, aside, details, figcaption, figure, 
 40 | footer, header, hgroup, menu, nav, section {
 41 | 	display: block;
 42 | }
 43 | body {
 44 | 	line-height: 1;
 45 | 	padding: 0 1rem;
 46 | }
 47 | ol, ul {
 48 | 	list-style: none;
 49 | }
 50 | 
 51 | /*  Custom Styles */
 52 | body{
 53 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica;
 54 | 	font-size: 16px;
 55 | 	line-height: 1.4;
 56 | 	color: rgba(0,0,0,0.85);
 57 | }
 58 | 
 59 | .container{
 60 | 	max-width: 36rem;
 61 | 	margin: 1rem auto;
 62 | 	font-family: 'Fira Mono', Courier New, Courier, monospace;
 63 | }
 64 | 
 65 | h1, h2, h3, h4 {
 66 | 	font-weight: bold;
 67 | 	line-height: 1.25;
 68 | }
 69 | 
 70 | h1 {font-size: 2.25rem}
 71 | h2 {font-size: 1.75rem}
 72 | h3 {font-size: 1.25rem}
 73 | 
 74 | a { color:#3c40c6}
 75 | 
 76 | em {
 77 | 	font-style: italic;
 78 | 	opacity: 0.65;
 79 | }
 80 | .title{
 81 | 	margin-bottom: 1.5rem;
 82 | }
 83 | 
 84 | .subtitle{
 85 | 	margin-bottom: .75rem;
 86 | }
 87 | 
 88 | .list li{margin-bottom: 1rem}
 89 | .link {font-weight: bold;}
 90 | 
 91 | .credit{
 92 | 	font-size: .65rem;
 93 | 	margin: 2rem 0;
 94 | }
 95 | 
 96 | .credit > a {
 97 | 	display: inline-block;
 98 | 	text-decoration: none;
 99 | }
100 | 
101 | .credit > a:hover {
102 | 	font-style: italic;
103 | 	text-decoration: underline;
104 | }


--------------------------------------------------------------------------------
/template-parts/content-none.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying a message that posts cannot be found
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package React
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <section class="no-results not-found">
13 | 	<header class="page-header">
14 | 		<h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'react' ); ?></h1>
15 | 	</header><!-- .page-header -->
16 | 
17 | 	<div class="page-content">
18 | 		<?php
19 | 		if ( is_home() && current_user_can( 'publish_posts' ) ) : ?>
20 | 
21 | 
22 | 			<?php
23 | 				get_search_form();
24 | 
25 | 		endif; ?>
26 | 	</div><!-- .page-content -->
27 | </section><!-- .no-results -->
28 | 


--------------------------------------------------------------------------------
/template-parts/content-page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying page content in page.php
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package React
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
13 | 	<header class="entry-header">
14 | 		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
15 | 	</header><!-- .entry-header -->
16 | 
17 | 	<?php react_post_thumbnail(); ?>
18 | 
19 | 	<div class="entry-content">
20 | 		<?php
21 | 			the_content();
22 | 
23 | 			wp_link_pages( array(
24 | 				'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'react' ),
25 | 				'after'  => '</div>',
26 | 			) );
27 | 		?>
28 | 	</div><!-- .entry-content -->
29 | 
30 | 	<?php if ( get_edit_post_link() ) : ?>
31 | 		<footer class="entry-footer">
32 | 			<?php
33 | 				edit_post_link(
34 | 					sprintf(
35 | 						wp_kses(
36 | 							/* translators: %s: Name of current post. Only visible to screen readers */
37 | 							__( 'Edit <span class="screen-reader-text">%s</span>', 'react' ),
38 | 							array(
39 | 								'span' => array(
40 | 									'class' => array(),
41 | 								),
42 | 							)
43 | 						),
44 | 						get_the_title()
45 | 					),
46 | 					'<span class="edit-link">',
47 | 					'</span>'
48 | 				);
49 | 			?>
50 | 		</footer><!-- .entry-footer -->
51 | 	<?php endif; ?>
52 | </article><!-- #post-<?php the_ID(); ?> -->
53 | 


--------------------------------------------------------------------------------
/template-parts/content-search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying results in search pages
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package React
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
13 | 	<header class="entry-header">
14 | 		<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
15 | 
16 | 		<?php if ( 'post' === get_post_type() ) : ?>
17 | 		<div class="entry-meta">
18 | 			<?php
19 | 				react_posted_on();
20 | 				react_posted_by();
21 | 			?>
22 | 		</div><!-- .entry-meta -->
23 | 		<?php endif; ?>
24 | 	</header><!-- .entry-header -->
25 | 
26 | 	<?php react_post_thumbnail(); ?>
27 | 
28 | 	<div class="entry-summary">
29 | 		<?php the_excerpt(); ?>
30 | 	</div><!-- .entry-summary -->
31 | 
32 | 	<footer class="entry-footer">
33 | 		<?php react_entry_footer(); ?>
34 | 	</footer><!-- .entry-footer -->
35 | </article><!-- #post-<?php the_ID(); ?> -->
36 | 


--------------------------------------------------------------------------------
/template-parts/content.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying posts
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package React
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
13 | 	<header class="entry-header">
14 | 		<?php
15 | 		if ( is_singular() ) :
16 | 			the_title( '<h1 class="entry-title">', '</h1>' );
17 | 		else :
18 | 			the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
19 | 		endif;
20 | 
21 | 		if ( 'post' === get_post_type() ) : ?>
22 | 		<div class="entry-meta">
23 | 			<?php
24 | 				// react_posted_on();
25 | 				// react_posted_by();
26 | 			?>
27 | 		</div><!-- .entry-meta -->
28 | 		<?php
29 | 		endif; ?>
30 | 	</header><!-- .entry-header -->
31 | 
32 | 
33 | 	<div class="entry-content">
34 | 		<?php
35 | 			the_content( sprintf(
36 | 				wp_kses(
37 | 					/* translators: %s: Name of current post. Only visible to screen readers */
38 | 					__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'react' ),
39 | 					array(
40 | 						'span' => array(
41 | 							'class' => array(),
42 | 						),
43 | 					)
44 | 				),
45 | 				get_the_title()
46 | 			) );
47 | 
48 | 			wp_link_pages( array(
49 | 				'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'react' ),
50 | 				'after'  => '</div>',
51 | 			) );
52 | 		?>
53 | 	</div><!-- .entry-content -->
54 | 
55 | </article><!-- #post-<?php the_ID(); ?> -->
56 | 


--------------------------------------------------------------------------------
/theme-screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamrasheed/blank-wordpress-theme-for-api/6430cd22d818176fea3a3757fc0c3ee21b9eed39/theme-screenshot.png


--------------------------------------------------------------------------------