React Templates & Themes Logo React Templates & Themes
Create React Wptheme screenshot

Create React Wptheme

Author Avatar Theme by Devloco
Updated: 6 May 2020
363 Stars

Create modern, React-enabled WordPress themes with a single command.

Github

Categories

Create react app

Overview:

Create React WP Theme is a tool for creating WordPress themes using React. The latest version is v3.4.1 and it is still up to date. The theme allows users to easily create and update WordPress themes using React.

Features:

  • Easy theme creation: Users can create a new WordPress theme using create-react-wptheme by following a few simple steps.
  • TypeScript support: The theme supports TypeScript, allowing users to incorporate TypeScript into their theme development.
  • Nodejs watcher: The theme sets up a Nodejs watcher that automatically updates the theme in the WordPress admin area.
  • Easy theme updating: Users can easily upgrade an existing theme to the latest version of Create-React-WPTheme using a single command.

Installation:

To create a new WordPress theme using create-react-wptheme, follow these steps:

  1. Make sure your WordPress server is up and running.
  2. Change directory into your WordPress themes folder.
    • Windows: cd C:\xampp\htdocs\wordpress\wp-content\themes
    • Mac or *nix: cd /xampp/htdocs/wordpress/wp-content/themes
  3. Use npx create-react-wptheme to make a new theme. For example:
    • Command: npx create-react-wptheme my_react_theme
    • If you want to use TypeScript, add --typescript at the end of the command.
  4. Change into your new theme’s folder and run the Nodejs watcher. For example:
    • Command: cd my_react_theme/react-src then npm run start
  5. Set your WordPress site to use the new theme in the WordPress admin area.
  6. View the site in your browser with the new theme.

To update an existing theme to the latest version of Create-React-WPTheme, follow these steps:

  1. Navigate to your theme’s react-src folder.
    • Command: cd Your_Theme_Root_Folder/react-src
  2. Run the command to install the latest version of Create-React-WPTheme.
    • Command: npm install @devloco/react-scripts-wptheme@late

Summary:

Create React WP Theme is a tool that allows users to create and update WordPress themes using React. It provides easy theme creation, TypeScript support, and a Nodejs watcher for automatic updates. Users can follow the provided installation guide to create new themes or update existing ones.