Skip to content
Starter Wordpress/SMACSS/ES6/Gulp/Bootstrap (or Foundation)
CSS PHP JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
favicon
fonts
gulp
icons
includes
js
scss
.DS_Store
404.php
README.md
footer.php
functions.php
gulpfile.js
header.php
index.php
package-lock.json
package.json
page.php
screenshot.png
search.php
single.php
style.css
style.css.map
template-acceuil.php

README.md

Wordpress Starter Theme

The perfect Wordpress starter theme for me. Lightweight, with SCSS+SMACSS/ES6/Gulp/Bootstrap (or Foundation).

Extra features:

  • Owl Carousel JS. The best slider imo: lightweight, rich functionalities, and good looking when animated.
  • Some usefull includes, like a good pagination.php for Wordpress.
  • Some functions in functions.php, like thumbnails support and words excerpt limitation.

Nothing more. Just the indissential (contraction of essential and indispensable).

Installation

Unzip the file in /wp-content/themes

Want to use Bootstrap 3 or 4, or Foundation? Just change the 2 urls of .css and .js file in header.php.

Optimized for production with Gulp Tasks

  • Optimise and recompress images
  • Optimise and minify JS and SCSS scripts
  • Can create font icons

Gulp Installation

We begin by installing Gulp in global mode with -g.

npm install -g gulp

To check if everything is installed and Gulp is active:

gulp -v

How the starter works

Works with SCSS + SMACSS

To organize your Sass project with SMACSS organisation. Inspired by SMACSS from Jonathan Snook. To know more, go to : http://smacss.com

You can use it with any framework like Bootstrap or Foundation.

The SCSS files are located in /scss.

SMACSS is a method for practical structuring, easy maintenability and scalabilty of Styles

  • Layouts
  • Modules

Works with JavaScript

The JavaScript files are located in /js. Add your custom JS and jQuery functions in /js/custom-functions.js

You can use the ES6 syntaxe Babel convert it in ES5 for you via webpack.

Working with Images

The Image files are located in /images

Accepted file formats : - jpg - png - gif - svg

Working with Fonts

The font files are located in /fonts

Working with Icons

The font files are located in /icons You can add .svg icons and than create a font icon using the gulp tasks 'icons'.

Working with Favicon

Multiples favicon sizes prepared for desktop and mobiles The favicons files are located in /favicon

You can’t perform that action at this time.