Skip to content

rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrapwp - TWITTER BOOTSTRAP for WordPress

Bootstrap is a responsive front-end toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components. Now you can use it with WordPress as a solid base to build custom themes quickly and easily.

For the most up-to-date version, follow the in-process development branch: https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/tree/1-WIP

##Version .87 of BootstrapWP - still baking....

The goals of this release are:

  1. Switch to using the Less files instead of CSS

  2. Add styling for wp_page_menu to navbar

  3. Improve navigation dropdown implementation

  4. Update styles and scripts to Bootstrap 2.03 release

Functions.php

  • Edited bootstrapwp_css_loader() function to use new /less/bootstrapwp.css generated from Less file compilation
  • Edited bootstrapwp_js_loader() to remove prettify.js script
  • Added new Bootstrap_Walker_Nav_Menu class to assign "dropdown-menu" class to navigation sub-menus

##Version .86 of BootstrapWP – Released April 11, 2012

This release resolves a few major bugs and keeps the theme moving forward along with the progress of Twitter Bootstrap.

The major changes are:

  1. Removed the buggy catch_that_image function that was displaying thumbnails for posts, and replacing it with the new bootstrapwp_autoset_featured_image()` function that will automatically set the post thumbnail.
  2. Fixed navbar on mobile devices where body padding was causing the navbar to drop below the the top of the window.
  3. Revised order of stylesheets loading
  4. Corrected the broken favicon links

Download BootstrapWP .86 theme

###Full Change Log

Bootstrap Styles and Scripts

  • Updated JS files from Bootstrap 2.0.3 branch as of April 7, 2012
  • Updated CSS files from Bootstrap 2.0.3 branch as of April 11, 2012
  • Updated LESS files from Bootstrap 2.0.3 branch as of April 7, 2012

Functions.php

  • Added bootstrapwp_autoset_featured_image() function to replace previous catch_that_image() function that was causing issues for some theme users. The post thumbnail will now automatically be set to the first image added to a post if a featured image was not manually declared.
  • Edited bootstrapwp_css_loader() to move /css/bootstrap-responsive.css down in the loading order

Page-blog.php

  • Replaced catch_that_image() function with the_post_thumbnail()

Author.php

  • Replaced catch_that_image() function with the_post_thumbnail()

Archive.php

  • Replaced catch_that_image() function with the_post_thumbnail()

Header.php

  • Added <?php bloginfo( 'template_url' );?> to favicon link
  • Removed get_header() call at top of file

Style.css

  • Added @media (max-width: 979px) { body { padding-top: 0; } to correct navbar on mobile devices
  • Updated .sub-menu style to match .dropdown-menu from the Twitter Bootstrap styles to fix max-width restriction on navigation dropdown items

Page-JSGuide.php

  • Added content from Bootstrap 2.0.3 files
  • Added note about using the JS files within a WordPress theme

Page-Styleguide.php

  • Added content from Bootstrap 2.0.3 files

Misc.

  • Fixed JavaScript guide link in Readme thanks to @fsimmons
  • Updated favicons and moved them to /ico/ folder
  • Adding new screenshot image thanks to @yourdesigncoza

Demo

You can view a demo of this theme running on WordPress at: http://rachelbaker.me/bootstrapwp/

View the theme style guide at: http://rachelbaker.me/bootstrapwp/style-guide/

View the javascript guide at: http://rachelbaker.me/bootstrapwp/javascript-guide/

Usage

Download the BootstrapWP theme, and install to your WordPress site.

This is meant to be a base theme for WordPress custom theme development.

You can override any of the styles using style.css file. All .css and .js files are loaded in functions.php. Don't forget to disable any of the .js files you do not need.

Bug tracker

Known theme bugs:

Listed on the Bug Tracker page

Report additional bugs https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/issues

Thanks to the Original Twitter Bootstrap Authors

Mark Otto

Jacob Thornton

Copyright and license

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at:

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

About

CSS toolkit from Twitter for use as a WordPress theme

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 63.6%
  • CSS 35.9%
  • JavaScript 0.5%