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