Documentation for UI Options for Wordpress is currently incomplete.
However, it is possible to implement UI Options for Wordpress by following the example set by the implementation at inclusivedesign.ca. This document will provide references to resources to help you in that.
Starting Point
The implementation of UI Options at http://inclusivedesign.ca/ will serve as an example:
- UIO for Wordpress can be found in the IDI Wordpress theme - https://github.com/inclusive-design/wordpress-fss-theme
- Documentation - status unknown
- Example implementations
- UIO in the IDI Wordpress theme is using a non-release version of Infusion
Questions:
- is UIO-WP compatible with all versions of Wordpress?
- is there documentation on how to integrate UIO into my own installation / theme?
- can UIO-WP be updated to have the latest Infusion?
Notes: Adding UIO to custom theme
- Goal: Add UIO into a personal custom theme.
- Starting with a clone of https://github.com/inclusive-design/wordpress-fss-theme
- Identifying important UIO bits:
- functions.php
- header.php - includes and javascript blocks.
- there is a Table of Contents block for UIO ToC
- uio-markup.php
- copied the php block from UIO-WP functions.php into my own theme's functions.php
- copied the infusion directory from UIO-WP and pasted into theme's /library/ directory.
- pasted the linking of FSS style sheets and adjusted for paths:
<link rel="stylesheet" ... href="<?php bloginfo('template_url'); ?>/library/infusion/.../fss-reset-global.css" />
<link rel="stylesheet" ... href="<?php bloginfo('template_url'); ?>/library/infusion/.../fss-base-global.css" />
<link rel="stylesheet" ... href="<?php bloginfo('template_url'); ?>/library/infusion/framework/fss/css/fss-layout.css" />
<link rel="stylesheet" ... href="<?php bloginfo('template_url'); ?>/library/infusion/framework/fss/css/fss-text.css" />