1
1
# Create React WP Theme <!-- omit in toc -->
2
2
3
- Oct. 12 , 2019
3
+ Nov. 23 , 2019
4
4
<br />
5
- * UPDATED * to match [ v3.2.0] ( https://github.com/facebook/create-react-app/releases/tag/v3.2.0 ) of [ Create React App] ( https://create-react-app.dev/ )
5
+ [ v3.2.0] ( https://github.com/facebook/create-react-app/releases/tag/v3.2.0 ) of [ Create React App] ( https://create-react-app.dev/ ) is still the latest.
6
6
7
7
The intention of this project is to maintain a set of custom ` react-scripts ` that will allow you to
8
8
create React WordPress themes as easily as ` create-react-app ` allows other devs to create their apps.
@@ -19,6 +19,7 @@ Check it out:
19
19
[ Let's build a WordPress theme with React: Part 1 (Setup)] ( http://michaelsoriano.com/wordpress-theme-react-part-1-setup/ )
20
20
21
21
## Readme Contents <!-- omit in toc -->
22
+
22
23
For more details check out the rest of this document.
23
24
24
25
- [ Creating a New Theme] ( #creating-a-new-theme )
@@ -58,7 +59,7 @@ To create a WordPress theme using the `create-react-wptheme`, follow these steps
58
59
- Write access for your web server is only needed during this setup step.
59
60
- ** You can revoke write access after the setup has completed.**
60
61
- Interested (paranoid?) about what it's doing? Check out the file: ` <your theme folder name>/index.php `
61
- - When that's done the theme tells you to ` Please restart the Nodejs watcher now ...`
62
+ - When that's done you'll see: ` Now, back in your command prompt, rerun the "start" script again ...`
62
63
- To do that, go back to your command prompt where you first ran ` npm run start ` and rerun that same command again.
63
64
- In a few seconds you should see your browser load with the standard create-react-app page, but it's running as a WordPress theme!
64
65
@@ -154,16 +155,17 @@ When that command finishes, your optimized files are located in a folder that ca
154
155
155
156
Here's an example showing which folder to deploy to your server:
156
157
157
- - ...wp-content
158
- - themes
159
- - my-theme
160
- - my-theme ` <- deploy this folder to your production server's themes folder `
161
- - react-src
162
- - !READY_TO_DEPLOY!.txt
158
+ - ...wp-content
159
+ - themes
160
+ - my-theme
161
+ - my-theme ` <- deploy this folder to your production server's themes folder `
162
+ - react-src
163
+ - !READY_TO_DEPLOY!.txt
163
164
164
165
If you need to continue developing your theme, simply:
165
- - ` cd react-src `
166
- - ` npm run start `
166
+
167
+ - ` cd react-src `
168
+ - ` npm run start `
167
169
168
170
And all your theme files will reappear.
169
171
0 commit comments