Tumblr Boilerplate
A fully functional bare-bones Tumblr theme that works out of the box. Style it to your needs. The goal of the project was to remove uncessary code easing the development process.
Installation
Bower
bower install tumblr-boilerplate
Git
git clone https://github.com/davesantos/tumblr-boilerplate.git
Download
Getting Started
- Choose an installation method.
- Modify
tumblr.html
with your favorite code editor. - Publish it by going to https://www.tumblr.com/customize
- Click Edit HTML on the left column.
- Copy & paste your customized code then click Save.
Features
- HTML5 tags
- Normalize.css from cdnjs
- Supports all post types
- Theme options from global appeareance
- Localization strings
Theme does not support
- Comment System (Disqus)
- Group Blogs
- Notes
- Srcset Attribute
(Intentionally not included to remain flexible in the various uses for a theme.)
Caveats
Tumblr will auto-inject code (such as Open Graph Protocol, Twitter Cards & javascript) into the final result for your page. This is out of the theme developers' control. Running it through a HTML Validator or Page Speed may spit out warnings & errors.
(Tumblr injects <!DOCTYPE html>
, twice!)
Optional Snippets
Open Graph Protocol
If you choose not to include this in your <head>
, Tumblr will auto-generate it against your will! Isn't that great!?
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
And this:
<meta property="og:site_name" content="{Title}">
<meta property="og:url" content="{BlogURL}">
<meta property="og:image" content="{PortraitURL-128}">
<meta property="og:type" content="tumblr-feed:tumblelog">