| Note |
|---|
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:
...
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-themeDocumentation - status unknown
- Example implementationsUIO in the IDI Wordpress theme is using a non-release version of Infusion
Questions:
...
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