Wp Starter Theme Sass Webpack

DEPRECATED: WordPress Starter Theme with Sass + Webpack
Alternatives To Wp Starter Theme Sass Webpack
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Tabler33,582165a day ago16April 04, 201955mitHTML
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Ngx Admin24,340
725 days ago11July 19, 2017463mitTypeScript
Customizable admin dashboard template based on Angular 10+
Bootswatch14,0261,604157a month ago39September 15, 202234mitJavaScript
Themes for Bootstrap
React Toolbox8,7051,310132a year ago66June 02, 2018267mitJavaScript
A set of React components implementing Google's Material Design specification with the power of CSS Modules
Nebular7,761454393 days ago87September 22, 2022838mitTypeScript
:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
Sphinx_rtd_theme4,3342,0044,0404 days ago32September 13, 2021237mitSass
Sphinx theme for readthedocs.org
Understrap2,9578115 days ago37November 08, 202175gpl-3.0CSS
Underscores + Bootstrap = Understrap, the renowned open-source WordPress starter theme.
Minima2,91525,661620 hours ago15August 16, 201927mitSCSS
Minima is a one-size-fits-all Jekyll theme for writers.
Modular Admin Html2,791
2 years ago2April 12, 201959otherHTML
ModularAdmin - Free Dashboard Theme Built On Bootstrap 4 | HTML Version
4 years ago35April 12, 201955mitPHP
FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Alternatives To Wp Starter Theme Sass Webpack
Select To Compare

Alternative Project Comparisons

DEPRECATED: WP Starter Theme with Sass + Webpack

Note: this theme is now deprecated due to the changes in WordPress since v5.0. Feel free to fork and update for your own usage but I will no longer be updating this repo.

This theme is a starter theme for WordPress that utilises modern development workflows and tools, like SASS, Webpack, Babel, Browsersync and a CSS framework (Foundation 6 for Sites, optional).

Install via WordPress (not yet published on WordPress Themes)

  1. In your admin panel, go to Appearance -> Themes and click the Add New button
  2. Type in WP Starter Theme with Sass + Webpack in the search form and press the Enter key on your keyboard
  3. Click on the Activate button to use your new theme right away

Install via Github

  1. In Terminal/CMD, from the WordPress Themes folder /wp-content/themes/, run git clone https://github.com/dominicfallows/WP-Starter-Theme-Sass-Webpack.git
  2. In your admin panel, go to Appearance -> Themes click Activate on the WP Starter Theme with Sass + Webpack theme

Developing with the theme

  1. Make sure you have Node + NPM and Yarn Package Manager installed globally
  2. Open the src folder of the theme in your terminal/console
  3. Run yarn install
  4. Update the $dev_hostname value in header.php to your local development hostname
  5. Run yarn start - to start the Webpack development scripts
  6. Edit files in src and WP PHP files in the theme, the browser will reload (with browser-sync) as you make changes

Production build of the theme

yarn start from above creates uncompressed (un-minified) development versions of the CSS and JS files. Before pushing your files to a production environment you should create production ready versions. To do this:

  1. Run yarn build
  2. Comment out the wp_enqueue_script and wp_enqueue_style function lines under the Development styles and scripts comment in functions/enqueue.php
  3. Un-comment the wp_enqueue_script and wp_enqueue_style function lines under the Production styles and scripts lines in functions/enqueue.php
  4. You can further compress the production assets by commenting out the un-required Foundation components in src/scss/app.scss and un-required Font-Awesome (or the whole library) in src/scss/vendor/font-awesome/scss/font-awesome.scss

CSS Framework

This starter theme uses Foundation 6 for Sites. You can easily swap this for a framework of your choice, to do this update the following:

  1. // Import Foundation lines in src/js/app.js
  2. // Foundation line in src/scss/app.scss




WP Starter Theme with Sass + Webpack, Copyright 2017 Dominic Fallows, Distributed under the terms of the MIT license

Popular Sass Projects
Popular Theme Projects
Popular Web User Interface Categories
Related Searches

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