Advanced Gulp Wordpress
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Sage | 12,107 |  | 6 | 3 | 6 days ago | 40 | July 19, 2022 | 13 | mit | PHP |
| WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow | ||||||||||
| Timber | 5,209 |  | 131 | 77 | 10 days ago | 115 | June 22, 2022 | 209 | mit | PHP |
| Create WordPress themes with beautiful OOP code and the Twig Template Engine | ||||||||||
| Typography.js | 3,757 |  | 2,206 | 186 | 4 months ago | 79 | May 10, 2021 | 95 | mit | JavaScript |
| A powerful toolkit for building websites with beautiful design | ||||||||||
| Argon Theme | 3,160 | 2 months ago | 120 | gpl-3.0 | PHP | |||||
| 📖 Argon - 一个轻盈、简洁的 WordPress 主题 | ||||||||||
| Understrap | 2,957 |  | 81 | 1 | 4 days ago | 37 | November 08, 2021 | 75 | gpl-3.0 | CSS |
| Underscores + Bootstrap = Understrap, the renowned open-source WordPress starter theme. | ||||||||||
| Sakura | 2,947 | 2 months ago | 20 | gpl-2.0 | PHP | |||||
| A Wonderful WordPress Theme: 樱花庄的白猫博客主题 | ||||||||||
| Frontity | 2,823 |  | 6 | 67 | 2 months ago | 60 | July 19, 2022 | 66 | apache-2.0 | TypeScript |
| » Frontity - The React Framework for WordPress | ||||||||||
| Foundationpress | 2,780 | 4 years ago | 35 | April 12, 2019 | 55 | mit | PHP | |||
| FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb | ||||||||||
| Kratos | 2,713 | a day ago | 6 | gpl-3.0 | PHP | |||||
| 📖 WordPress theme that focus on reading experience | ||||||||||
| Plugin Update Checker | 1,927 |  | 63 | 30 | 23 days ago | 31 | July 24, 2022 | 79 | mit | PHP |
| 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. | ||||||||||
[❌Deprecated in favour of WPGulp https://github.com/ahmadawais/WPGulp | STAR/FORK WPGulp instead]
Advanced Gulp WordPress
An Advanced Gulp Workflow for WordPress themes.
Features
- Gulp
- Sass for CSS
- Auto Image optimization
- Bower for assets management
- Lean PHP files with next to no syntax
- Custom architecture design
- Theme zip file build with Gulp
Getting and Installing the Theme
-
Grab a copy of this theme or Clone this theme, E.g. go to the themes folder then run
git clone https://github.com/ahmadawais/advanced-gulp-wordpress.git -
You need Node.js & Sass installed if you haven't installed it, go ahead and install it first. Once you have Node, Sass and the theme installed, the next step is simple enough.
-
Install Dependencies — Open a command prompt/terminal and navigate to your theme's root directory and run this command:
npm install- This installs all the necessary Gulp plugins to help with task automation such as Sass compiling and browser-sync! You'll need to run this step on each of your projects, going forward. -
Set your project configuration in gulpfile.js!! Be sure to go into gulpfile.js and setup the project configuration variables. This is important for using Browser-Sync with your project. Make sure in gulpfile.js that you set the project variable to the appropriate name for your project URL. Default is "yourlocal.dev"
-
Install Bower - In the command prompt/terminal run this command:
npm install -g bower. This installs Bower (the -g flag installs globally, not just in the current directory, super friends). Your only need to do this step once. -
Run
gulpcommand in the root folder of your theme and it will start generating CSS from Sass and everything else -
Run
gulp imagesto optimize images and only place the images inassets/img/raw/folder, they'll moved toassets/img/once optimized -
To build an installable zip file of your theme, use command
gulp buildand your project.zip file will be created as well as abuildThemefolder, where you can see what was zipped.
License
Neat was released under GPL v2.
[❌Deprecated in favour of WPGulp https://github.com/ahmadawais/WPGulp | STAR/FORK WPGulp instead]
🙌 WPCOUPLE PARTNERS:
This open source project is maintained by the help of awesome businesses listed below. What? Read more about it →
