/
UI Options (UIO) for Wordpress Documentation (Rough)

UI Options (UIO) for Wordpress Documentation (Rough)

Jan 15, 2014

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