Code Monkey home page Code Monkey logo

bootstrapjqwp-jquery-bootstrap-for-wordpress's Introduction

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/2.0-update

Latest version release: .8 (02/12/2012)

Version .8 Change Log

Header.php

  • Changed title to <title></title> to allow for better integration with WordPress SEO plugin

  • Added body data attributes: data-spy="scroll" data-target=".subnav" data-offset="50" data-rendering="true"

  • Changed navbar class to Bootstrap default of "navbar-fixed-top"

  • Updated wp_nav_menu function array, added "'container' => 'div', 'container_class' => 'nav-collapse'," to provide div wrapper with proper class

Functions.php

  • Improved file structure and comments

  • Added bootstrap-responsive.css to bootstrapwp_css_loader function

  • Added application.js to bootstrapwp_js_loader function and removed tablesorter.js

  • Revised pagination section to use ul class="pager" instead of div id="pagination"

  • Revised sidebars to use div element as widget wrapper instead of aside element

  • Changed widget titles to h4 instead of h3 elements

  • Added catch_that_image function to grab the first image in blog posts

  • Added support for post-thumbnails and added image sizes for Boostrap image thumbnails

Page-JSGuide.php

  • Updated Javascript Guide Template to match content from Bootstrap javascript.html file

Footer.php

  • Removed jQuery onload functions that are now all called in application.js

  • Added jQuery append function to automatically apply b class="caret" to dropdown menu items in navbar

Style.css

  • Updated icon image location to match theme setup

  • Added .icon-white class with corrected image location

  • Removed over-ride of body padding to allow correct spacing with fixed navbar

  • Added styles for comment form

  • Added color primary button colors for comment and search submit buttons

  • Added styling for sidebars and sidebar list items

  • Added .meta class for blog post meta information

Single.php_

  • Edited content on index.php template to directly correlate with index.html Bootstrap file

  • Added bootstrapwp_posted_on function under post title

Page-simple.php

  • Created template for a simple page with right sidebar, no breadcrumbs or subhead masthead.

Page-blog.php

  • Created template for a main blog page with right sidebar.

  • Added paging to blog template

  • Displayed first image attached to blog posts using catch_that_image function

Author.php

  • Fixed formatting on this template file to match archive.php

  • Added hr element to seperate posts

  • Displayed first image attached to blog posts using catch_that_image function

Archive.php

  • Added hr element to seperate archive post listings

  • Displayed first image attached to blog posts using catch_that_image function

Other/Misc.

  • Updated CSS and JS files to Bootstrap 2 Final Release files

  • Removed "lib" folder and replaced with Bootstrap "less" folder

  • Removed tablesorter.js file - as it is no longer used in Bootstrap 2.0

  • Removed wordpress.css file - as it is no longer used in Bootstrap 2.0

  • Updated screenshot.png file

  • Removed image.php template file

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-for-bootstrap/

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

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

Known theme bugs:

  • REQUIRED: This theme doesn't seem to display tags. Modify it to display tags in appropriate locations.
  • REQUIRED: .wp-caption css class is needed in your theme css.
  • REQUIRED: .wp-caption-text css class is needed in your theme css.
  • REQUIRED: .bypostauthor css class is needed in your theme css.
  • RECOMMENDED: Text domain problems in functions.php. You have not included a text domain! Line 408: echo __('Page') . ' ' . get_query_var('paged');
  • RECOMMENDED: No reference to add_editor_style() was found in the theme. It is recommended that the theme implement editor styling, so as to make the editor content match the resulting post output in the theme, for a better user experience.
  • RECOMMENDED: No reference to add_custom_image_header was found in the theme. It is recommended that the theme implement this functionality if using an image for the header.
  • RECOMMENDED: No reference to add_custom_background() was found in the theme. If the theme uses background images or solid colors for the background, then it is recommended that the theme implement this functionality.
  • RECOMMENDED: Tags: is either empty or missing in style.css header.

Have a bug? Please create an issue here on GitHub!

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.

bootstrapjqwp-jquery-bootstrap-for-wordpress's People

Contributors

adamnbowen avatar caniszczyk avatar cheeaun avatar daniel-liuzzi avatar dhs avatar fat avatar igorbozato avatar jaanush avatar karthikv avatar matthewpennell avatar mdo avatar nickveys avatar pthrasher avatar rachelbaker avatar rafbm avatar sankage avatar soffes avatar tigraine avatar tw2113 avatar weslly avatar workwithnano avatar yourdesigncoza avatar yury avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.