UI Options (UIO) for Wordpress Planning

Current Status

• UIO for Wordpress can be found in the IDI Wordpress theme - https://github.com/inclusive-design/wordpress-fss-theme
• Documentation - status unknown
• Example implementations
  • http://inclusivedesign.ca/
• 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" />