mydos / pico-jonbeckett

A simple theme for the Pico CMS using Bootstrap - demo at jonbeckett.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

pico-jonbeckett

A simple theme for the Pico CMS using BootStrap.

Demonstration

You can see the theme in action at jonbeckett.com.

Installation Instructions

  • Copy the contents of the theme folder into the "themes" folder of your Pico installation.
  • Edit the /config/config.php file of your Pico install as follows: $config['theme'] = 'pico-jonbeckett';

Notes

  • If you want to make a blog, create a folder within /content, and put your posts in it (purely to keep them organised - they are actually picked up by the blog page by having dates). For each post, use the template "post", and make sure they have a date metadata property. Then make a content file in the root of /content with the template "blog", and it will list all pages it finds that have a date in their metadata, in reverse order.
  • The blog template has Disqus built-in. If you want to use it, add $config["disqus"]="username"; to the config file, and use the "post" template for blog posts.
  • The base theme has Google Analytics built-in. If you want to use it, add $config["google-analytics"]="property_id"; to the config file.
  • There is a sample of a multi-column layout in the columns.twig page template - using basic bootstrap to do a classic "content on the left, list of posts on the right" style page (as you can see at jonbeckett.com).
  • The theme is a very basic implementation of Bootstrap, which should serve as a good starting point for further development. It also makes use of the inheritance features of the Twig templating system built into Pico - so all pages are based on the "base" template, which is then appended to by "page", "post", "blog", and so on.
  • At the time of release to GitHub, the theme had been tested on Pico v.1.0, and Bootstrap v.3.3.6. jQuery 1.12.3 is bundled.

About

A simple theme for the Pico CMS using Bootstrap - demo at jonbeckett.com


Languages

Language:HTML 61.9%Language:CSS 31.3%Language:JavaScript 6.8%