Giter Site home page Giter Site logo

fublo-boilerplate's Introduction

A boilerplate parent theme from Fublo.

This lays down the foundations for you to build a child theme upon. It does this by combining Skeleton, MooTools and a HTML5 enabling script so you can style HTML5 elements in older browsers.

This is a bare-bones WordPress theme meant for developers.

In order to make use of this theme, you will need to create a child theme which has fublo-boilerplate as its parent.

Example and quickstart

There is an example of a child theme using the boilerplate included in the package.

https://github.com/fublo/fublo-boilerplate/tree/master/fublo-boilerplate-example

To get going quickly:

  • Install the fublo-boilerplate in your wp-content/themes folder.
  • Move the example sub folder fublo-boilerplate-example up a level to your wp-content/themes.
  • Activate the fublo-boilerplate-example theme.
  • Rename it up to what you want and get started using the boilerplate for your development.
  • Celebrate the fun of Skeleton and HTML5 in your WordPress theme.

Usage notes

The child theme includes the fublo-boilerplate as its parent with a single line in the style.css file:

Template: fublo-boilerplate

More information on child themes is available in the WordPress Codex.

As you will see in the example, we use get_bloginfo('stylesheet_directory') to get the URL to the themes directory rather than get_bloginfo('template_url') etc. This is because template_url is the URL of the parent theme. The stylesheet's directory however is the directory of your child theme.

Also, to get the benefits of the precoded header and footer you must call them like so.

get_header('fublo-boilerplate');
get_footer('fublo-boilerplate');

These can be called from your custom header and footer.

The pre-made header and footer include the doctype plus open and close the body tag, so there is no need to include that in your child theme header.

We recommend including all scripts in the footer. When you want to include Mootools, set that as a dependency. Here is an example.

wp_register_script('my_epic_script', get_bloginfo('stylesheet_directory') . '/somescript.js', array('mootools'), false, true);

Where we have passed false you can pass a version string for your script.

You will also need to set skeleton as a dependency if you wish to use it, like this.

wp_register_style('my_stylesheet', get_bloginfo('stylesheet_directory') . '/style.css', array('skeleton'));

Have fun!

Licence

A boilerplate parent theme for WordPress

Copyright (C) 2011 Fublo Ltd

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/gpl.html.

fublo-boilerplate's People

Watchers

James Cloos 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.