July 31, 2013
PyroFLAT is a Twitter Bootstrap powered theme for PyroCMS. It aims to be a sleek, intuitive, and powerful front-end theme for faster and easier web development. Utilitizing the power of two well designed products enables developers to use many tools for professional and quick web development. The theme is completely modularized with best practises derived from the PyroCMS infrastructure. This makes it extremely easy for developers to customize and add features for their projects.
1) Fresh Installation
2) Activate the theme by going to the add-ons section
3) Setup the following pages and navigation
PyroFLAT makes extensive usage of the templating structure of partials in order to have flexibility in installation and configuration for developers.
The configuration activity on the Admin UI has been avoided as far as possible.
4) Setup the home page
5) Create a couple of blog entries to ensure the basic structure is working fine.
6) Setup the widgets
blog_aside partial uses the blog categories and latest posts widget as shown below.
7) Setup the navigation and the pages as follows:
7.1) Components Page
7.2) Base CSS Page
7.3) Services Page
7.4) Pricing Tables Page
7.5) Pricing Page
7.6) About Us Page
7.7) Portfolio Page
7.8) Font Awesome Page
Similar to Font Awesome, the theme comes with Foundation icons that can be used too. Take a look at the icons folder for demo files.
8) Navigation Setup
Now, the navigation structure can be set up as follows …
First, the "Features" root menu as follows
Setup the hierarchy under Features as follows:
9) Yay! Your PyroFLAT is ready to rock!
- Email: email@example.com
- Twitter: MyPad