Light

tonik / wordpress-theme-boilerplate Goto Github PK

View Code? Open in Web Editor NEW

59.0 7.0 20.0 292 KB

A modern WordPress boilerplate for building standardized themes.

License: MIT License

PHP 62.00% JavaScript 30.35% CSS 7.65%

wordpress-theme wordpress wordpress-development wordpress-starter-theme

wordpress-theme-boilerplate's Introduction

Tonik — WordPress Starter Theme

The develop branch tracks starter development and it's not a stable code. If you want a stable version, use the master branch or one of the latest releases.

Tonik is a WordPress Starter Theme which aims to modernize, organize and enhance some aspects of WordPress theme development.

Take a look at what is waiting for you:

ES6 for JavaScript
SASS preprocessor for CSS
Webpack for managing, compiling and optimizing theme's asset files
Simple CLI for quickly initializing a new project
Ready to use front-end boilerplates for Foundation, Bootstrap, Bulma and Vue
Utilizes PHP Namespaces
Simple Theme Service Container
Child Theme friendly Autoloader
Readable and centralized Theme Configs
Oriented for building with Actions and Filters
Enhanced Templating with support for passing data

Requirements

Tonik Starter Theme follows WordPress recommended requirements. Make sure you have all these dependences installed before moving on:

WordPress >= 4.7
PHP >= 7.0
Composer
Node.js

Documentation

Comprehensive documentation of the starter is available at http://labs.tonik.pl/theme/

Contributing

Great that you are considering supporting the project. You have a lot of ways to help us grow. We appreciate all contributions, even the smallest.

Report an issue
Propose a feature
Send a pull request
Star project on the GitHub
Tell about project around your community

License

The Tonik Starter Theme is licensed under the MIT license.

wordpress-theme-boilerplate's People

Contributors

Stargazers

Watchers

wordpress-theme-boilerplate's Issues

Composer install

Error:

[InvalidArgumentException]
Could not find package tonik/wordpress-theme-boilerplate with stability stable.

Fix ESLint configuration in builder

Structure of the .eslintrc is wrong.

"ecmaVersion": 6,
"sourceType": "module"

This options should be in parserOption object:

"parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module"
},

Introduce `composer.json` file

Introduce basic composer.json file in a root directory so the theme can be scaffolded using composer create-project command.

Follow WordPress standards for formatting php files

Php files should follow WordPress standards

Fix broswersync server baseDir path

Server path should point to root WP directory

Doesn't work

looks like Gulp 3 + Node 12 doesn't work. Unfortunately package is useless for now

ReferenceError: primordials is not defined
    at fs.js:36:5
    at req_ (/var/www/wp/immersion/wp-content/themes/immersion/node_modules/natives/index.js:143:24)
    at Object.req [as require] (/var/www/wp/immersion/wp-content/themes/immersion/node_modules/natives/index.js:55:10)
    at Object.<anonymous> (/var/www/wp/immersion/wp-content/themes/immersion/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:1:37)
    at Module._compile (internal/modules/cjs/loader.js:1015:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)
    at Module.load (internal/modules/cjs/loader.js:879:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:903:19)
    at require (internal/modules/cjs/helpers.js:74:18)

Move `build` folder from resources to root

Let's match the structure here as it is in html-frontend-boilerplate.

Get rid of `fontmin` package

Font building task should only copy over font files from resources to public

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.