A web developer's blog. PHP, MySQL, CakePHP, Zend Framework, Wordpress, Code Igniter, Django, Python, CSS, Javascript, jQuery, Knockout.js, and other web development topics.

Responsive Barebones (Skeletal) WordPress Theme

Using Skeleton (http://www.getskeleton.com), I managed to come up with a “minimized” WordPress theme.

What is Skeleton?
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone. More here…

My workflow

  1. Design a layout (Photoshop, etc.). You can use the template found in /templates or download it from http://getskeleton.com/#download
  2. Convert the layout into HTML
  3. Convert the HTML file into a WordPress theme

This theme will come in handy in Step 3. For example, you define the grid layout, columns, text colors, fonts, spacing, etc. yourself.

* Since most of the WordPress theme I created have a horizontal navigation bar, I have included the CSS for #access in style.css
* Also added the image CSS (align right, left, etc) by default.
* This also contains the default CSS for Skeleton.
* When adding images, do not set a specific image size. You can however use percentage.

You can download the theme here: https://github.com/wenbert/Ekini-WP-Skeleton.

Disclaimer: This is a work in progress.

Comments / suggestions are encouraged! ;-)

This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>