Wordpress theming done right. By coders, for coders.
A not-so-minimal WordPress starter theme. Powered by Twig, Webpack and Sass, based on Timber-starter-theme!
- Maximum Twig templating (hail to Timber), no more ugly markup from evil hooks!
- Webpack modular build with Sass, ES6/Babel, BrowserSync...
- Docker and docker-compose support (WPDC)
- Theme admin options for configuring high-level features
- Mobile-first, touch friendly UI
- Responsive layout with wrappers, containers and row/col patterns (ala Bootstrap)
- Cyanid responsive flex grid
- Doesn't look bad when admin bar is visible
- Typography base styling: scalable headings, solid font-size system, vertical rhythm
- Form inputs: rich radio/checkbox, Select2
- Transparent, compressible, sticky header. Searchbar, dropdown sub-menus and mobile panels.
- Parallax images and content with Jarallax + simple custom parallax hero
- SVG sprites generation and inlining
- Lightbox image viewer with Smart Photo
- Fullscreen, parallax hero with video support and enhanced content
- Font Awesome 5 support + simple CSS control button icons
- Contact infos widget
- Some FX like animated links, big text, 3D hover or ripple effect
- Fully twig-templated pages and partials (single, archive, teasers, cart, checkout, account sub-pages)
- Mega dropdowns/panels for cart and account
- Easy integration with WOOF product filter
- Out-of-the-box styleguide page
- Many Sass helper function, mixins and classes
- Front-end debug widget (showing current breakpoint infos, touch zones...)
- Full ES6 JavaScript toolkit: debounce/throttle helpers, image cover/wall, scroll tracking, page load transitions, ripple touch effect, toggler tool...
- WordPress
- Timber plugin (from Composer)
- cd into your WordPress theme directory
- git clone this repo
- activate the theme in the WordPress admin panel
npm install
- Composer (mostly for Timber plugin)
composer install
npm run build
npm run watch
[TODO]