New in Bones, there’s an optional admin.php file which adds the ability to customize your Dashboard. You can add new widgets and remove any default ones you don’t need. There’s also the ability to remove any widgets that plugins add when they are activated. Here’s the list of documented widgets. Please feel free to add… Read more »
Bones Docs
Custom Post Type Video Walkthrough
Functions.php Video Walkthrough
The Bones Grid System
Bones doesn’t use any specific Grid system. It’s based off the 960.gs but I customized it a bit. Here’s what it looks like in the stylesheet /****************************************************************** GRID STYLES ******************************************************************/ /* 960 Grid System (http://960.gs/ ) */ #container, .wrap { width: 940px; margin: 0 auto; padding: 0 10px; } /* layout options ( all have… Read more »
Navigation Function
Bones is setup to use the WordPress Navigation Function, but you can also do a few cool things w/ it. You can find the code in the library/bones.php file. It looks like this: function bones_main_nav() { // display the wp3 menu if available wp_nav_menu( array( ‘menu’ => ‘main_nav’, /* menu name */ ‘theme_location’ => ‘main_nav’,… Read more »
The Bones Footer
Pretty straightforward, the footer in Bones is just what you’d expect. Footer Navigation <nav> <?php bones_footer_links(); // Adjust using Menus in WordPress Admin ?> </nav> This is just in case you want to have a nav in the footer. If you don’t want it, just remove it. Remember, the function for the navigation links is… Read more »
The Bones Header
The header.php in Bones looks almost identical to the header in the HTML5 Boilerplate, with a few key exceptions. Doctype <!doctype html> The doptype is the HTML5 doctype. It works and it’s not complicated. That’s pretty much it. HTML element <!–[if IEMobile 7 ]> <html <?php language_attributes(); ?>class=”no-js iem7″> <![endif]–> <!–[if lt IE 7 ]>… Read more »
Bones Alert Styles
Bones comes with 4 default alert styles. If you want to create an alert, simply add one of the following classes to your element. /* alerts & notices */ .help, .info, .error, .success { margin: 10px; padding: 10px; border: 1px solid #cecece; } .help { border-color: #E0C618; background: #EBE16F; } .info { border-color: #92cae4; background:… Read more »
Bones: The Basics
New to using Bones? Don’t worry, it’s a lot easier than you think. Let’s walk through a few basic things first
Adding Header Background Image Support
Adding WordPress 3+ Header Image Support is simple. You can drop the following code in the functions.php file and it will get you started. // header image define if (!defined(‘NO_HEADER_TEXT’)) { define(‘NO_HEADER_TEXT’, true ); } // no header text if (!defined(‘HEADER_TEXTCOLOR’)) { define(‘HEADER_TEXTCOLOR’, ‘ffffff’); } // header text color if (!defined(‘HEADER_IMAGE’)) { define(‘HEADER_IMAGE’, get_template_directory_uri() …. Read more »