Tiny Forge WordPress theme encompasses all the best features of the default WordPress themes in one place, plus more usability and code improvements! Do you like elegant mobile-first HTML5 ready structure of Twenty Twelve, custom per-post headers and three footer widgets from Twenty Eleven, icon webfont support from Twenty Thirteen and Google Fonts support? It's all there, you don't have to make difficult compromises, you have everything in one neat package
Tiny Forge WordPress theme was created from the default theme Twenty Twelve to be used as a learning tool or your own little web development "framework". It helps to understand how to extend parent themes and build your own child themes, hacking them the way you want it. Along with the main theme you will find an example of a child theme - an easy way to start developing with child themes! You get the best coding examples from default WordPress themes and the best hacks from the child theme.
So why would you choose Tiny Forge WordPress theme and its child themes?
It helps you to learn WordPress theme and child theme development!
Because it is based on default WordPress theme, many will find the code look and feel "familiar", and that's an important thing, especially if you're just starting to play with WordPress themes.
Each component of this child theme is thoroughly commented and marked as a "Tip" with a distinct number. For example
Quick overview of main theme features
Do you like this theme? Support Tiny Forge development with your donation. I recommend hosting your WordPress site with DowntownHost.com. Using this referral link allows you to support future development of this theme. Alternatively, you can contribute directly by donating with PayPal (if you prefer, you can visit PayPal.com directly and send a payment to services [at] mtomas.com).
Story behind the creation of this theme
Being WordPress developer, I love to have my own little "framework" that I use to create new web projects. Usually I modify the default WordPress theme or create a child theme for it. I started with Kubrik, then went with Twenty Ten and now arrived to Twenty Twelve.
Why Twenty Twelve? Twenty Twelve is a clean, elegant, mobile ready, HTML5 compatible theme that includes most of the theme features supported by WordPress. It doesn't make your website look like a blog (as it is with Twenty Thirteen), is very easy to extend and shows you the best principles of WordPress theme development and coding style. With Tiny Forge we will get even less "bloggy" look.
Features from default WordPress themes
Schema.org microdata format support
Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example,
<h1>Avatar</h1>tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means - "Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture - and this can make it more difficult for search engines to intelligently display relevant content to a user.
Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo!
LESS dynamic stylesheet language support
LESS dynamic stylesheet language - welcome to rapid development age - change the look and feel of your site in minutes! LESS support is provided via child themes.
LESS is a superset of CSS. This means that all CSS code is valid LESS code but there are additional elements in LESS which would not be valid in CSS. This is great because your existing CSS is already valid LESS code, minimizing the learning curve to using LESS.
Don't know how to use LESS dynamic stylesheet language? Start reading here: Get Into LESS: the Programmable Stylesheet Language.
Showcase your Tiny Forge site or mod!
Please post your site link as a comment here: Showcase your Tiny Forge site or mod!
It is a good place for new/prospective Tiny Forge users to check what others were able to achieve with Tiny Forge theme.
Compatibility with BuddyPress
I haven't tried to implement BuddyPress in any of my projects, but as BuddyPress is set To Retire Default Theme, it should be ready for any theme, including Tiny Forge.
Theme localization (translations)
- French (big thanks to Dolordo)
- German (big thanks to Ralph Stieber)
- Swedish (big thanks to tommywik)
Attention Tiny Forge translators! Tiny Forge is based on Twenty Twelve code. If you want to prepare a translation for your language, use Tiny Forge POT file and as a reference for the translation of text strings use Twenty Twelve translation POT file. Twenty Twelve is part of default WordPress installation package so you might find it here:
What are users saying about Tiny Forge theme
So instead of writing my own code I spent two days trying on themes like a teenage girl tries on prom dresses - none of them was just quite right. I eventually settled and looked for something that was responsive (meaning I could view it on my computer or my iPhone with ease) and whose structure and CSS was clean and easy to navigate. I settled on Tiny Forge. It was pretty right out of the box and I just tweaked some colors, threw up my own header image and added some of my widgets to the sidebar. ~ Lindsey Smith
Coding tips you'll find in this theme
Just open related to the tip files in a text editor and search for a tip number, for example "Tip03" to find the code.
Head, header (01-20)
- Tip02 - Optional code to enable favicon (functions.php, favicon.ico) - also in child themes
- Tip03 - We are people, not machines. Read more at: humanstxt.org. Put this file to the root folder of your website e.g. /public_html (header.php, humans.txt) - also in child themes
- Tip05 - Mark main navigation menu items, containing children with special css class .dropdown (functions.php, style.css)
- Tip06 - Custom headers for posts and pages (header.php, style.css, also see Tip07)
- Tip07 - Add new image size for custom post/page headers and select default header image - thanks to Paulwpxp (functions.php) - also in child themes
- Tip08 - Remove junk from head - disabled by default (functions.php) - also in child themes
- Tip09 - Remove WordPress version info from head and feeds - disabled by default (functions.php) - also in child themes
- Tip10 - Add Twenty Thirteen search form to WordPress nav menu (functions.php, style.css) - in child themes
- Tip11 - Make site title and site description float (style.css) - in child themes
- Tip12 - Disable header image for the Front Page Template to have classic Twenty Twelve front page look (style.css) - also in child themes
- Tip13 - Remove Open Sans (from Google Fonts) as default font (functions.php) - in child themes
- Tip21 - Icon webfont support implementation and examples (style.css, category.php, footer.php)
- Tip22 - Improve font rendering and fallback in Linux (style.css)
- Tip23 - Properly resize videos, inserted with oembed (functions.php, style.css)
- Tip24 -
.no-borderCSS class - use it in case you need to display an image without any borders or shadows, include
no-borderclass for the desired post image (style.css)
- Tip25 - Mark the links that will open in a new window with special icon, usually these are the links to external resources (style.css)
- Tip26 - Print HTML bellow post title with meta information for the current post date/time and author (functions.php, content.php)
- Tip27 - Hide previous article - next article navigation below the content of a post (style.css)
- Tip28 - Remove curly quotes in WordPress (functions.php)
- Tip29 - Style navigation arrows for post listing (next/previous page navigation) (functions.php)
- Tip30 - Hide entry meta section (with author, categories, tags) in the Index page and archive listing (style.css or content.php) - also in child themes
- Tip31 - Google Fonts support - disabled by default (functions.php) - also in child themes
- Tip41 - Show children items of sidebar category/page menu for selected parent category/page only (style.css)
- Tip61 - Discreet link to WordPress Admin panel in the footer (footer.php, style.css)
- Tip62 - Add side borders for the middle footer widget - to better separate widgets visually (style.css) - also in child themes
Additional tips (81-100)
- Tip81 - Completely disable the Post Formats UI in the post editor screen - disabled by default (functions.php) - also in child themes
- Tip82 - No more jumping for read more link - disabled by default (functions.php) - also in child themes
- Tip83 - Make focused input fields glow (style.css)
In the works
Tiny Forge v1.5.2-3 (2013-12-17):
- Enhancement: increased bottom margin for the bottom navigation #nav-below of index and archive pages.
- Enhancement: increased the line-height (spacing between lines) of entry title in mobile view.
- Enhancement: commented out
fuctions.phpfor the time being. Perhaps will use it to display featured posts in the index, when Featured Content functionality will be added to the WP core.
- Enhancement: some updates to child theme example (functions.php).
- Enhancement: updated child theme example design - made title bigger.
- Enhancement: added Tip13 - Remove Open Sans (from Google Fonts) as default font (functions.php) - in child themes.
- Enhancement: new screenshot at 880x660 to maximize theme goodness in the new theme viewer design (via Twenty Twelve).
- Enhancement: increased width of
#site-generatorto make enought room for text in localized versions of theme.
- Enhancement: updated theme tags for WP v3.8.
- Localization: added German translation - BIG thanks to Ralph Stieber.
- Bug fix: corrected the web-icon size for featured post title.
Tiny Forge v1.5.1 (2013-11-17):
- Enhancement: reverted the header image for the Front Page template - made it ON by default, but added Tip12 - Disable header image for the Front Page Template to have classic Twenty Twelve front page look (style.css) - also in child themes.
- Enhancement: added
#site-title-wrapperfor the mobile view.
Tiny Forge v1.5 (2013-11-15):
- Enhancement: a BIG ONE! New mobile menu, ported from the Theme Expound. Big thanks to Konstantin Kovshenin.
- Enhancement: a BIG ONE! Added LESS support to child theme template.
- Enhancement: added shadow to the top menu drop-down items.
- Enhancement: improved footer widget stacking and responsiveness. Thanks to leejosepho for the tip. Code by Steven Stern.
- Enhancement: increased the content font size from 14px to 16px in posts and pages for better readability on high resolution screens.
- Enhancement: added input font for
leejosepho for the tip. Code by Srini G..
- Enhancement: implemented Microsoft-specific
@viewportrules for better responsive styling in Windows 8 "snapped" views (via Twenty Twelve).
- Enhancement: added bottom margin for the oEmbedded videos.
- Enhancement: added Tip62 - Add side borders for the middle footer widget - to better separate widgets visually.
- Bug fix: corrected the parent theme template name in the child theme example: Template: tiny-forge. Thanks to David Radovanovic for the tip.
- Bug fix: disabled (via style.css) header image for Front Page Template, to better reassemble the original idea from Twenty Twelve.
- Bug fix: replaced get_bloginfo('home') with new home_url() in the child theme example. Thanks to leejosepho for the tip.
- Enhancement: many small changes to the child theme template, so please cross check with yours.
Tiny Forge v1.4.1 (2013-10-15):
- Enhancement: added optional Google Fonts support (functions.php), search for Tip31.
- Localization: updated tinyforge.pot file for better localization.
- Localization: translated
- Localization: added Swedish translation - BIG thanks to tommywik.
- Enhancement: updated colors for headers - post title is black, content headers - the same color as content text.
- Bug fix: single attachment page displays empty sidebar (upstream to Twenty Twelve - ticket 25506)
- Enhancement: do not show comment meta next to article title if there are no comments (in index and archive pages).
- Enhancement: added web font icons to the Tag archive title, Yearly, Monthly and Daily archive title, Author's archive title, Search results.
- Enhancement: made Search results title same color as of Archive title, added radial background to search results page (same as in archive pages).
- Enhancement: added Tip30 - Hide entry meta section (with author, categories, tags) in the Index page and archive listing.
- Enhancement: moved human.txt support option from header.php to functions.php. human.txt now will reside in the theme folder, no need to move to root.
- Enhancement: updated the way meta tags are inserted to make them better readable in the source code.
Tiny Forge v1.4 (2013-09-30):
- Enhancement: added an example of Tiny Forge child theme. This will make easy for users to modify the look of their website and retain the changes after update of parent theme. It will also encourage users to start experimenting with the child theme idea (inc/tinyforge-child-theme-example.zip).
- Enhancement: display custom headers for posts and pages even if main header is disabled. Custom headers for posts and pages are assigned as a "Featured Image". This changes default behaviour, when removing header image (Admin Panel Menu > Appearance > Header) would disable header globaly.
- Enhancement: changed
%2$sin custom-header.php. This plays role in defining location of the default header images. It will make life easier for child theme creators, who can replicate default header images folder and replace default images with custom ones.
- Localization: updated tinyforge.pot file for better localization.
- Localization: added French translation - BIG thanks to Dolordo!
- Enhancement: updated code comments to reflect WP inline docs standards (via Twenty Twelve - ticket 25256 ).
- Enhancement: changed top menu dropdown arrow for items with submenus to less visually invasive type.
- Enhancement: removed bottom border from a single attachment page.
- Enhancement: updated code for inserting author avatar (via Twenty Twelve).
- Enhancement: added additional custom header images to make random image option more obvious.
Tiny Forge v1.3 (2013-09-08):
- Added option to upload custom Header Logo via Theme Customizer (Admin Panel Menu > Appearance > Customize).
margin-topon white background picked via Theme Customizer.
Tiny Forge v1.2.2-4 (2013-09-05):
- Optimized header image.
- Removed unnecessary comments.
- Fixed Schema.org implementation code for post meta in functions.php.
Tiny Forge v1.2.1 (2013-08-23):
- Theme name change from 2012-XTended to Tiny Forge.
- Theme becomes parent theme with several bundled child themes to have an example on how to extend it. So it's still based on the Twenty Twelve, but I will not have to maintain the relation to it. That became very important with evolution of HTML5 elements and the fact, that WordPress team is not interested in evolving older default themes.
- Fixed the bug in sidebar that caused
selectelement with very long value to overflow theme boundaries.
- Added Twitter Bootstrap
- Added Twitter Bootstrap button styles: class="btn" class="btn btn-custom" check style.css file for more button styles.
2012-XTended v1.1 (2013-06-13):
- Improve icon webfont rendering for
.clearclass - taken from Twitter Bootstrap (style.css)
- Improved icon webfont
listyling in widgets (style.css)
- Declutter post listing for index page and archives - top and bottom meta is visible only for single posts (content.php)
- Added Tip13 - Add Twenty Thirteen search form to WordPress nav menu (functions.php, style.css)
- Added theme support for default core markup for forms to output valid HTML5 (functions.php)
- Non-existing HTML5 element
div.site-branding(taken from theme Underscores).
2012-XTended v1.0 (2013-06-06):
- Initial release