This document is extremely rough and currently is just a collection of random notes, questions, and thoughts from my experience trying to get UIO working in a custom Wordpress theme. Hopefully this will become a basis for more formal and polished documentation.

- Jon.

Starting Point

Overview:

Currently UI Options does not exist as a plugin for Wordpress, but is implemented in a theme. To add UI Options to your own Wordpress installation, you will need to download the Inclusive Design Wordpress FSS theme and adapt it to your site.

Download the FSS theme for Wordpress - https://github.com/inclusive-design/wordpress-fss-theme
Example implementations
- http://inclusivedesign.ca/

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" />

Questions / Issues:

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? UIO in the IDI Wordpress theme is using a non-release version of Infusion

Browser not supported