https://github.com/onemohrtime/onemohrtime-theme
Wordpress theme for my personal design portfolio
https://github.com/onemohrtime/onemohrtime-theme
buddy-pipeline design laravel-mix portfolio portfolio-site scss theme timber twig twig-templates wordpress wordpress-site wordpress-theme
Last synced: 4 months ago
JSON representation
Wordpress theme for my personal design portfolio
- Host: GitHub
- URL: https://github.com/onemohrtime/onemohrtime-theme
- Owner: OneMohrTime
- License: mit
- Created: 2016-06-23T02:38:43.000Z (almost 9 years ago)
- Default Branch: main
- Last Pushed: 2025-01-20T04:22:06.000Z (5 months ago)
- Last Synced: 2025-01-29T08:33:57.370Z (5 months ago)
- Topics: buddy-pipeline, design, laravel-mix, portfolio, portfolio-site, scss, theme, timber, twig, twig-templates, wordpress, wordpress-site, wordpress-theme
- Language: SCSS
- Homepage: https://onemohrti.me
- Size: 59 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Support: .github/SUPPORT.md
Awesome Lists containing this project
README
# The Timber Starter Theme
[](https://travis-ci.com/github/timber/starter-theme)
[](https://packagist.org/packages/upstatement/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 files, scripts, and task runners however you would like!
## Installing the theme
Follow the guide on [how to Install Timber using the Starter Theme](https://timber.github.io/docs/v2/installation/installation/#use-the-starter-theme).
Then,
1. Rename the theme folder to something that makes sense for your website. You could keep the name `timber-starter-theme` but the point of a starter theme is to make it your own!
2. Activate the theme in the WordPress Dashboard under **Appearance → Themes**.
3. Do your thing! And read [the docs](https://timber.github.io/docs/).
## The `StarterSite` class
In **functions.php**, we call `new StarterSite();`. The `StarterSite` class sits in the **src** folder. You can update this class to add functionality to your theme. This approach is just one example for how you could do it.
The **src** folder would be the right place to put your classes that [extend Timber’s functionality](https://timber.github.io/docs/v2/guides/extending-timber/).
Small tip: You can make use of Composer’s [autoloading functionality](https://getcomposer.org/doc/04-schema.md#psr-4) to automatically load your PHP classes when they are requested instead of requiring one by one in **functions.php**.
## What else is there?
- `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.
- `views/` 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.
- `tests/` ... basically don’t worry about (or remove) this unless you know what it is and want to.
## Other Resources
* [This branch](https://github.com/laras126/timber-starter-theme/tree/tackle-box) of the starter theme has some more example code with ACF and a slightly different set up.
* [Twig for Timber Cheatsheet](http://notlaura.com/the-twig-for-timber-cheatsheet/)
* [Timber and Twig Reignited My Love for WordPress](https://css-tricks.com/timber-and-twig-reignited-my-love-for-wordpress/) on CSS-Tricks
* [A real live Timber theme](https://github.com/laras126/yuling-theme).
* [Timber Video Tutorials](http://timber.github.io/timber/#video-tutorials) and [an incomplete set of screencasts](https://www.youtube.com/playlist?list=PLuIlodXmVQ6pkqWyR6mtQ5gQZ6BrnuFx-) for building a Timber theme from scratch.