UI Options (UIO) for Wordpress Documentation (Rough)

Owned by Jonathan Hung
Last updated: Jan 15, 2014Version comment
1 min read

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.

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