WordPress

BootstrapWP: WordPress Theme Development Continues

by rachelbaker. 4 Comments

Screenshot of BootstrapWP Version 1.0 in progress

On January 31st, Twitter released version 2.0 of their popular Bootstrap framework complete with a responsive stylesheet and new components. I have been working to keep BootstrapWP, the WordPress theme for Bootstrap as up to date as possible.

If you have been using any previous versions of the BootstrapWP for theme development, I encourage you to switch to the development branch on Github. The development branch contains many bug fixes along with overall style and device response improvements.

Usage: Customize and 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

All development updates are displayed on the Demo site: http://www.rachelbaker.me/bootstrapwp/

BootstrapWP Development Change Log

 

Header.php

  • 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

  • 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”

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

Index.php

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

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

Bootstrapwp Theme: Twitter Bootstrap for WordPress

by rachelbaker. 7 Comments

BootstrapWP Theme

I released Bootstrapwp, a powerful base WordPress theme powered by Bootstrap. Bootstrap is a responsive frontend 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.

Latest version release: .7 (01/22/2012)

You can view a demo of the Bootstrapwp theme running on WordPress at: http://rachelbaker.me/bootstrapwp/
View the style guide: http://rachelbaker.me/bootstrapwp/style-guide/
View the Javascript guide: http://rachelbaker.me/bootstrapwp/javascript-for-bootstrap/

Tumblr Importer Plugin Easily Moves Your Posts and Media into WordPress

by rachelbaker. 0 Comments

  • Correctly handles post formats
  • WP-Cron based background importing: start it up, then come back later to see how far it’s gotten
  • Duplicate checking, will not create duplicate imported posts
  • Imports posts, drafts, and pages
  • Media Sideloading (for audio, video, and image posts)

Found via: Tumblr Importer plugin lets you move your blog from Tumblr to WordPress easily – The Next Web.

Rackspace Cloud Sites .htaccess WordPress Optimization

by rachelbaker. 1 Comment

Rackspace Cloud Sites Logo

I am currently working on a WordPress project where the development site is hosted on Rackspace Cloud Sites. Doing typical administration tasks on the development site (Example: updating to WordPress, updating/installing a plugin, running a backup, etc.) was constantly resulting in a page timeout error.

A little research lead to the discovery that Rackspace Cloud Sites uses a load balancer that times out all PHP requests over 30 seconds. The solution to this problem on any PHP based site hosted on Cloud Sites, is to add a few lines to your .htaccess file to manually override the length of time for the timeout.

The end result of my .htaccess file is shown below, with entries added for increasing the maximum execution time, upload size, post size, and memory limit. Your results may vary, but this setup for WordPress on Rackspace Cloud Sites has me developing happier.

[gist]https://gist.github.com/1302125.js?file=wordpress-htaccess-rackspace-sites”[/gist]

WordPress 3.3 Features New Drag and Drop Uploader

by rachelbaker. 4 Comments

WordPress 3.3 New Image Upload Interface Screenshot

The upcoming release of WordPress 3.3 features an improved interface for uploading images or other attachements.  Plupload - is a drag and drop interface that uses HTML5, Flash, or Silverlight (depending on your browser capabilities) for the adding of new images or other attachements to your WordPress site.  

WordPress 3.2 Released

by rachelbaker. 5 Comments

WordPress Logo

The fifteenth release of WordPress, named “Gershwin” or 3.2 came out today. The main purpose of this release was to improve the speed of WordPress, both internally from an administration side and externally to your website visitors. To help with the speed improvements, the minimum requirements for running WordPress on your website host have changed.

WordPress 3.2 requires:

  • PHP version 5.2.4 or greater
  • MySQL version 5.0 or greater

If you are unsure of your website hosting server specifications, be sure to run the Health Check plugin before installing the 3.2 update.

There are over 400 features/improvements in the new release, all are listed on the WordPress 3.2 Codex page.

Update: If your website is hosted by GoDaddy, do not install the WordPress 3.2 update. GoDaddy’s web hosting servers run an old version of PHP, that no longer meets the updated minimum requirements.