A faster, easier and more powerful way to build WordPress themes.
Timber helps you create fully-customized WordPress themes faster with more sustainable code. With Timber, you write your HTML using the Twig Template Engine separate from your PHP files.
This cleans-up your theme code so your PHP file can focus on supplying the data and logic, while your twig file can focus 100% on the display and HTML.
Why Timber?
It's for rookies.
People new to WordPress will like how it reduces the WordPress-specific knowledge required to theme a website.
It's got cred.
Timber is a 5-star rated plugin that’s been installed over 500,000 times.
It's for pros.
Pros can take advantage of object-oriented patterns that adhere to DRY and MVC principles.
It's got support.
If you need help, check out the crystal clear documentation, or enlist one of our recommended agencies or experts.
“I can’t tell you how many sites I’ve built with WordPress, but I can tell you the exact moment my mind was blown when I first used Timber.”
Start Learning:
How Timber Works
-
Separate logic from presentation
With Timber you manage your theme in PHP and Twig (HTML) files. This separates the logic (getting stuff from WordPress) from presentation (adding tags, classes, etc.). Object-oriented posts, terms, users and more make it easy to interact across WordPress objects just like Rails, Django, Laravel, and other platforms
single.php$context = Timber::context(); $context['foo'] = 'Bar!'; $context['post'] = Timber::get_post(); Timber::render('single.twig', $context);
single.twig{% extends "base.twig" %} {% block content %} <h1 class="big-title">{{ foo }}</h1> <h2>{{ post.title }}</h2> <img src="{{ post.thumbnail.src }}" /> <div class="body"> {{ post.content }} </div> {% endblock %}
-
Unlock the power of Twig templates
Easily share re-usable markup between template files that you can nest, extend and interact in ways you only dreamed of previously.
single.twig{% extends "base.twig" %} {% block content %} I have something to say {% endblock %}
base.twig{% include "html-header.twig" %} {% block content %} Default stuff here {% endblock %} <footer> {% include "footer-markup.twg" %}
-
Use it a little or use it a lot
Timber works with your existing themes to unlock new power. You don't have to throw out everything you already have working. The best tools evolve into your workflow: I didn't know I wanted to use jQuery or SASS until I started using them. Bit-by-bit they replaced the 'old' ways of doing things until I couldn't imagine life without them. Timber lets you start with just a bit. Say you want to just include an HTML snippet with a variable from your database:
home.php$data['welcome_message'] = get_option('welcome_message'); Timber::render('welcome.twig', $data);
welcome.php{# welcome.twig #} <p class="intro">{{ welcome_message }}</p>
More Resources
- Downloading & Timber Basics YouTube
- Build a Homepage with Timber YouTube
- Using Timber's Context Object YouTube
- Introduction to Timber CSS Tricks
- Timber: Tips & Tricks notlaura.com
- Guide to Getting Started Tuts Plus
- On the launch of Version 1.0 WP Tavern
- Interactive course on creating websites with Timber Teachable
Built with Timber
40,000+ active installs and counting. Used all over the web.
“Very very quickly falling love with Timber ... it's fantastic, the bits I thought would be a pain seem to be incredibly easy so far.”
Creative Developer, Orbital Design
Looking to Hire a Timber Pro?
These experts have got you covered.
Upstatement
is the main sponsor of Timber and where the project originated.
MIND
is a design and digital agency based in Switzerland.
OSOM STUDIO
builds strong brand identities - comprehensive branding, marketing, websites, e-shops.
Nclud
created and maintains the Timber CLI project.
Connor J Burton
is one of the developers of timber.
Lara Schenck
is an expert in NYC who creates and teaches WordPress development using Timber.
Extended Play
is a digital design firm in New York City.
Blue State Digital
is an internationally recognized digital agency specializing in liberal causes.
Mustard Creative
is a full service agency based in Melbourne, Australia.
Crowd
are a global creative communications agency with offices in the UK, USA, Canada, and Dubai.
Xfive
is a creator of Chisel, a Yeoman generator for developing projects with Timber.
Powered By Coffee
is a London based development agency focusing on WordPress and WooCommerce.
Thinking Juice
is an award winning, full-service creative agency with digital at its very heart.
DigitalQuery
are WordPress developers based in London and Jakarta. We love Timber!
Ad-Lit
is a marketing and digital design firm in Wisconsin Dells and Fort Myers, Florida.
Code Resolution
is an award winning website design and development agency based in the UK.
Weeby Studio
is a creative studio offering web & design services based in Barcelona, Spain and Bielsko-Biala, Poland.
fffunction
is a UX focused design agency based in Bristol and Penryn, UK.
Rareloop
is a digital studio that designs and builds bespoke websites, apps & software. Based in Southampton, UK.
Tiger & June
is a small, agile web agency based in Nice, France.
Kelp Agency
is a full-service design & development agency based in Brooksville, Florida.
Outsourcify
is a digital agency established in 2014 in Bangkok with a team of over 30 web designers & developers.
Salad
is a creatively led design and communications agency that produces Beautifully Effective® brands and first-in-class digital experiences.
Junaid Qadir Baloch
is a Timber contributor and web developer based in Pakistan.
Yes We Work
helps organizations structure information and present it clearly to their key audiences.
Strawberry Soup
is a digital agency in the UK.
mindTwo GmbH
is a digital agency based in Bonn, Germany driven by creative innovation, new technology, and client success.
Interactive Strategies
is a digital agency rooted in strategy that’s obsessed with learning “why.”
Bultema Group
is a Grand Rapids, Michigan-based design and marketing studio.
Fantassin
is a creative WordPress agency with a taste for UX design from Lyon, France.
Pixels
is a design-focused web development agency based in Helsinki, Finland.
Bud
is a digital growth marketing & web development agency based out of Perth, Western Australia.
Bleech
is a WordPress development agency based in Berlin and creator of Flynt, a component based Timber starter theme.
Birdboar
is a design and development agency that loves all forms of Twig, including Timber.
Lab19
is a team of versatile web experts and creatives crafting rich WordPress solutions with Timber.
Manz Web Designs, LLC
is a web design and development firm in Northwest Ohio focusing on WordPress websites for small to mid-sized businesses.
Agence Debord
is a french web agency helping companies to get the most of WordPress with Timber.
2046.cz
designs and builds web solutions for artists and non-profits. Rooted in Prague, Czech Republic.
Technology at Upstatement
See our other open source projects.