Starter Theme
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Timber | 923 | 3 | 5 years ago | August 25, 2016 | 50 | mit | Liquid | |||
| The ultimate Shopify theme framework, built by Shopify. | ||||||||||
| Starter Theme | 748 | | 3 | 1 | 5 months ago | 3 | January 12, 2020 | 32 | mit | PHP |
| The "_s" for Timber: a dead-simple theme that you can build anything from | ||||||||||
| Flynt | 515 | 8 days ago | mit | PHP | ||||||
| Component based WordPress starter theme, powered by ACF Pro and Timber, optimized for a11y and fast page load results. | ||||||||||
| Sage Twig Theme | 95 | 6 years ago | 3 | mit | JavaScript | |||||
| Best of Sage and Twig in one Theme | ||||||||||
| Branch | 85 | 4 years ago | mit | HTML | ||||||
| Branch Starter Theme - A WordPress starter theme based on Timber library and Bootstrap | ||||||||||
| Flynt Starter Theme | 71 | 4 years ago | 16 | mit | PHP | |||||
| The starter theme for building Flynt projects. | ||||||||||
| Wp Timber Cli | 66 |  | 1 | 1 | 6 years ago | 7 | August 02, 2016 | 2 | JavaScript | |
| Skela Wp Theme | 54 | 2 months ago | 15 | mit | PHP | |||||
| An Upstatement-flavored starter theme for WordPress | ||||||||||
| Sage Timber | 47 | 5 years ago | 1 | mit | JavaScript | |||||
| SageTimber is Sage WordPress theme ported to twig templates for use with Timber plugin. | ||||||||||
| Timber Foundation Theme | 43 | 7 years ago | 7 | CSS | ||||||
The Timber Starter Theme
The "_s" for Timber: a dead-simple theme that you can build from. The primary purpose of this theme is to provide a file structure rather than a framework for markup or styles. Configure your Sass, scripts, and task runners however you would like!
Installing the Theme
Install this theme as you would any other, and be sure the Timber plugin is activated. But hey, let's break it down into some bullets:
- Make sure you have installed the plugin for the Timber Library (and Advanced Custom Fields - they play quite nicely together).
- Download the zip for this theme (or clone it) and move it to
wp-content/themesin your WordPress installation. - Rename the folder to something that makes sense for your website (generally no spaces and all lowercase). You could keep the name
timber-starter-themebut the point of a starter theme is to make it your own! - Activate the theme in Appearance > Themes.
- Do your thing! And read the docs.
What's here?
static/ is where you can keep your static front-end scripts, styles, or images. In other words, your Sass files, JS files, fonts, and SVGs would live here.
templates/ contains all of your Twig templates. These pretty much correspond 1 to 1 with the PHP files that respond to the WordPress template hierarchy. At the end of each PHP template, you'll notice a Timber::render() function whose first parameter is the Twig file where that data (or $context) will be used. Just an FYI.
bin/ and tests/ ... basically don't worry about (or remove) these unless you know what they are and want to.
Other Resources
- This branch of the starter theme has some more example code with ACF and a slightly different set up.
- Twig for Timber Cheatsheet
- Timber and Twig Reignited My Love for WordPress on CSS-Tricks
- A real live Timber theme.
- Timber Video Tutorials and an incomplete set of screencasts for building a Timber theme from scratch.
