Webpack Bootstrap4 Wordpress Genesis Starter Theme

Integrating Webpack-dev-server with Wordpress can be quite challenging, this repo gets Webpack to export a manifest file which Wordpress uses to fully integrate into your local Wordpress development environment.
Alternatives To Webpack Bootstrap4 Wordpress Genesis Starter Theme
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Sage12,107634 days ago40July 19, 202213mitPHP
WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow
Timber5,209131777 days ago115June 22, 2022209mitPHP
Create WordPress themes with beautiful OOP code and the Twig Template Engine
Typography.js3,7572,2061864 months ago79May 10, 202195mitJavaScript
A powerful toolkit for building websites with beautiful design
Argon Theme3,160
2 months ago120gpl-3.0PHP
📖 Argon - 一个轻盈、简洁的 WordPress 主题
Understrap2,9578112 days ago37November 08, 202175gpl-3.0CSS
Underscores + Bootstrap = Understrap, the renowned open-source WordPress starter theme.
2 months ago20gpl-2.0PHP
A Wonderful WordPress Theme: 樱花庄的白猫博客主题
Frontity2,8236672 months ago60July 19, 202266apache-2.0TypeScript
» Frontity - The React Framework for WordPress
4 years ago35April 12, 201955mitPHP
FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
a day ago7gpl-3.0PHP
📖 WordPress theme that focus on reading experience
Plugin Update Checker1,927633021 days ago31July 24, 202279mitPHP
A custom update checker for WordPress plugins. Useful if you don't want to host your project in the official WP repository, but would still like it to support automatic updates. Despite the name, it also works with themes.
Alternatives To Webpack Bootstrap4 Wordpress Genesis Starter Theme
Select To Compare

Alternative Project Comparisons

Tasty Webpack Wordpress Genesis Child Theme using Bootstrap 4


Wordpress theme integration

This repo should replace entire Wordpress theme folder within wp-contents.

Uses WEBPACK to build out front end assets; these assets are authored within the ./src folder and written to a sub-directory called ./[theme-name]/dist in the theme folder. I decided to structure the folders this way so all the build and package scripts are not cluttering up the main production theme folder.

Theme folder ([theme-name]) is currently called ./tasty-webpack-starter by default, and contains the Wordpress PHP and other static assets. This is a child of ./genesis theme, this parent theme folder should not be edited.

Theme customisation

The ./tasty-webpack-starter theme folder can be renamed to whatever your new theme is to be called. If renaming you must also update the theme setting under config.theme in package.json.

Also within package.json update your config vars buildFolder, proxyURL and allowedHosts to match your local development env , I use a proxyURL from a hostname configured using MAMP or similar. Current local development host is http://tasty.local.

Clone the repo into wp-contents, make sure the repo is called themes then cd themes then yarn or npm install to get started.

Use yarn start for live developing and yarn production to compress and write out all those assets ready for deployment.

Theme specific logo, favicon and google key can be specified near the top of the [theme-name]/lib/theme.php file. There’s lots of opinionated code so please feel free to update as you see fit.


  1. Replace the theme folder in your wp-content/ directory via FTP. (including the Genesis parent theme which needs to be in the wp-content/themes/ directory as well.) You can exclude the node_modules and src folders from the web-server as these are only necessary when authoring files in development.
  2. Go to your WordPress dashboard and select Appearance and activate the Tasty Webpack theme.
  3. Alternatively run wp theme activate [theme-name] from the command line if you have WP-CLI
  4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure these to your liking.


Thanks to the following people for helping me get this far:

Popular Wordpress Projects
Popular Theme Projects
Popular Content Management Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Wordpress Theme