I current use local (local by flywheel) for my local dev environment and they make it easy to get started. They create a database and install WordPress automatically with you.
Create a new theme folder with a custom name: index.php and style.css and screenshot.png (try not to spend 15 minutes drawing one in figma but hey, it happens). Here’s what needs to go in you style.css file:
/*
Theme Name: Your Theme Name
Author: Your Name
Version: 1.0
*/
Login to admin and activate your new theme. Delete other themes.
Turn Off Organize Media into Folders
Turn off Comments
Confirm Permalinks to Post Name. Do it early or you can get a warning of failed JSON response. One of the reasons WP can make you bang your head against the wall.
Create Three Quick Posts
Create Pages (Home, About/Manifesto, Resources). Home About Contact Blog.
Set Pages to Full Width
Create a Menu with newly Created Pages
Set Home Page as Static
Add functions.php and enqueue scripts and styles
Register the navbar and setup in admin
Build out some templates (header, footer, page, single)
Copy in Webpack.config and package.json starter files (from university-static-master)
Update webpack.config line 116 with theme name and do the same in functions.php with theme name and package.json.
npm install
create a css folder and inside create a style.css
create a js folder
create a file called style.js
add in this snippet:
//load in css
import “../css/style.css”
// Allow new JS and CSS to load in browser without a traditional page refresh
if (module.hot) {
module.hot.accept()
}
Before using local I would: