<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	xmlns:georss="http://www.georss.org/georss" xmlns:gml="http://www.opengis.net/gml"
	xmlns:geourl="http://geourl.org/rss/module/"
	xmlns:icbm="http://postneo.com/icbm"

	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Distractions, reflections &#187; wordpress-theme-customization</title>
	<atom:link href="http://daviding.com/blog/index.php/archive/tag/wordpress-theme-customization/feed/" rel="self" type="application/rss+xml" />
	<link>http://daviding.com/blog</link>
	<description>David Ing, at large ... Sometimes, my mind wanders</description>
	<lastBuildDate>Thu, 19 Jan 2012 02:55:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/><cloud domain='daviding.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Modifying the RC2005 Theme for WordPress</title>
		<link>http://daviding.com/blog/index.php/archive/modifying-the-rc2005-theme-for-wordpress/</link>
		<comments>http://daviding.com/blog/index.php/archive/modifying-the-rc2005-theme-for-wordpress/#comments</comments>
		<pubDate>Sat, 25 Mar 2006 01:00:39 +0000</pubDate>
		<dc:creator>daviding</dc:creator>
				<category><![CDATA[web technologies]]></category>
		<category><![CDATA[radical-convergence]]></category>
		<category><![CDATA[Regulus]]></category>
		<category><![CDATA[wordpress-theme-customization]]></category>

		<guid isPermaLink="false">http://daviding.com/blog/index.php/archive/modifying-the-rc2005-theme-for-wordpress/</guid>
		<description><![CDATA[I've gone back into the quagmire of customizing a (complicated) Wordpress template, and am resurfacing!]]></description>
			<content:encoded><![CDATA[<p>If happened to be reading this blog between the time <a title="Disruptive innovation in web hosting" href="http://daviding.com/blog/index.php/archive/disruptive-innovation-in-web-hosting/">the last posting</a> was published and this post, you might have seen that it used the <a title="Regulus at Binary Moon" href="http://www.binarymoon.co.uk/projects/regulus/">Regulus </a>theme.</p>
<p><a title="Regulus at Binary Moon" href="http://www.binarymoon.co.uk/projects/regulus/">Regulus</a> is, by far, the best looking theme (in my opinion) on <a title="wordpress.com" href="http://wordpress.com">wordpress.com</a>. It&#8217;s probably also the nicest easy <a title="Theme list on codex.wordpress.org" href="http://codex.wordpress.org/Using_Themes/Theme_List#Three_Columns">three-column</a> &#8212; it&#8217;s sometimes classified as a two-column, but just count! &#8212; theme for someone <a title="Graduating from a hosted blog to an independent blog" href="http://daviding.com/blog/index.php/archive/graduating-from-a-hosted-blog-to-an-independent-blog/">moving off to independent hosting</a>.</p>
<p>The problem is that it&#8217;s not necessarily a great theme for a blog as part of larger web site.</p>
<p><span id="more-41"></span>From my experience on desiging <a title="Systemic Business Community" href="http://systemicbusiness.org">systemicbusiness.org</a> , and then <a title="International Society for the Systems Sciences" href="http://isss.org">isss.org</a> , the easiest way to &#8220;plug in&#8221; different web-based packages is to have a top navigation bar. like <a title="Coolmenus at dhtmlcentral.com" href="http://www.dhtmlcentral.com/projects/coolmenus/">Coolmenus</a>. Apple originated the <a title="A history of the GUI on Ars Technica" href="http://arstechnica.com/articles/paedia/gui.ars/4">menu bar at the top of the screen with the Lisa</a>, and then Microsoft put the menu bar <a title="Windows history at microsoft.com" href="http://www.microsoft.com/windows/WinHistoryDesktop.mspx">at the top of each window with Windows 3.0</a>. People seem to understand (and maybe expect this).</p>
<p>The way that menu bars work on web browsers is through the use of <a title="Javascript on wikipedia.org" href="http://en.wikipedia.org/wiki/JavaScript">Javascript</a>. This actually breaks the rules for <a title="XHTML validator by w3.org" href="http://validator.w3.org/">XHTML compliance</a>, as the <a title="Web Accessiblity Initiative at w3.org" href="http://www.w3.org/WAI/">visually-impaired can&#8217;t properly see a Javascript menu bar</a>. On <a title="International Society for the Systems Sciences" href="http://isss.org">isss.org</a>, I recommended that we conform to <a title="XHTML validator by w3.org" href="http://validator.w3.org/">XHTML compliance</a> requirements. On <a title="Systemic Business Community" href="http://systemicbusiness.org">systemicbusiness.org</a> (and <a title="David Ing ... at large" href="http://daviding">daviding.com</a>), I haven&#8217;t done many design changes since &#8230; probably 2002!</p>
<p>Thus, I spent another few hours searching the web for 3-column template with a menu bar at the top. I found one from <a title="Radical Congruency" href="http://radicalconvergence.com">Radical Congruency</a>. It&#8217;s not only got the menu bar on top, but has direct links into <a title="technorati.com" href="http://technorati.com">Technorati</a> built in. (I was having problems figuring out why someone might want to use <a title="technorati.com" href="http://technorati.com">Technorati</a>, but now I&#8217;ve seen the light!)</p>
<p>The issue to me is that I really like 3-column layouts, but I like the content to be left side, and two navigation bars on the right side. This is because I read some web content <a title="Next generation PDA" href="http://daviding.com/blog/index.php/archive/mon-oct-31-2006-next-generation-pda/">on my Palm TX</a>, and I&#8217;m tired of opening up a page, only to have to scroll down three times to get past the navigation links. With the <a title="Theme at radicalcongruency.com" href="http://www.radicalcongruency.com/theme">RC2005 theme</a>, however, even though the navigation bar is on the left, that&#8217;s not the way it shows of you don&#8217;t use the native style. (Go ahead, try it. On <a title="Firefox at mozilla.org" href="http://www.mozilla.com/firefox/">Firefox</a>: View &#8230; Page Style &#8230; No Style. That&#8217;s the way the visually-impaired probably get around). For this, I think that the original developer of the <a title="Theme at radicalcongruency.com" href="http://www.radicalcongruency.com/theme">RC2005 theme</a>, <a title="About at radicalcongruency.com" href="http://www.radicalcongruency.com/about">Justin Baeder</a> is a real master.</p>
<p>Even then, I still like to have navigation bars on the right side. From working on coevolving.com on the <a title="Relaxation theme at clemens.orth.me.uk" href="http://clemens.orth.me.uk/2005/05/15/wordpress-theme-3-column-relaxation/">Relaxation</a> theme, you might think that I had learned to stop messing around with design templates! They burn days at time, even if you&#8217;re not picking colours and image!</p>
<p>My personal challenge &#8212; and I&#8217;ve only seen Simon as the other person that does this &#8212; is that I keep my Windows taskbar on the right side of my desktop. (The probably comes from the old days of working with the <a title="Metaphor Computer Systems at Patrick Logan's blog" href="http://patricklogan.blogspot.com/2003/05/metaphor-computer-systems.html">Metaphor</a> interface). The <a title="Theme at radicalcongruency.com" href="http://www.radicalcongruency.com/theme">RC2005 theme</a> is designed for a 1024 pixel (actually 1000 pixel) screen. If I started using <a title="Theme at radicalcongruency.com" href="http://www.radicalcongruency.com/theme">RC2005</a>, I could never see my Windows task bar!</p>
<p>Thus, I started looking at the <a title="Cascading Style Sheets on wikipedia.org" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets">Cascading Style Sheet</a>. I don&#8217;t do this everyday, so <a title="CSS tutorials at w3schools.com" href="http://www.w3schools.com/css/default.asp">I can fumble my way through simple CSS</a>, but <a title="About at radicalcongruency.com" href="http://www.radicalcongruency.com/about">Justin</a> has done a huge amount of microformatting. There are variances for Mozilla/<a title="Firefox at mozilla.org" href="http://www.mozilla.com/firefox/">Firefox</a>, <a title="Internet Explorer at microsoft.com" href="http://www.microsoft.com/windows/ie/default.mspx">Internet Explorer</a> and even for <a title="IE/Mac at microsoft.com" href="http://www.microsoft.com/mac/products/internetexplorer/internetexplorer.aspx?pid=internetexplorer">IE/Mac</a>.</p>
<p>On the second day of working through the <a title="Cascading Style Sheets on wikipedia.org" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets">Cascading Style Sheet</a> &#8212; actually changing a few characters at a time, testing, saving, and backing up, and then repeating! &#8212; I got my customizations of <a title="Theme at radicalcongruency.com" href="http://www.radicalcongruency.com/theme">RC2005</a> to work on my browser &#8212; <a title="Firefox at mozilla.org" href="http://www.mozilla.com/firefox/">Firefox</a>. Then, I happened to try <a title="Internet Explorer at microsoft.com" href="http://www.microsoft.com/windows/ie/default.mspx">Internet Explorer</a> &#8230; and that took a while to fix. Diana&#8217;s got a <a title="Mac OS 9 at wikipedia.org" href="http://en.wikipedia.org/wiki/Mac_OS_9">OS 9 Mac</a>, so it took me another hour to assure that. (I see that the right bar isn&#8217;t surfacing right on <a title="Opera web browser at opera.com" href="http://opera.com/">Opera</a>, but I&#8217;m going to have to punt on that, for now!)</p>
<p>So, I thought that I could just finish up the style sheet, and change the list of sidebar options, and I&#8217;d be done. Wrong.</p>
<p>On closer inspection, I discovered that <a title="About at radicalcongruency.com" href="http://www.radicalcongruency.com/about">Justin</a> has done something whereby he keeps <a title="Category at radicalcongruency.com" href="http://www.radicalcongruency.com/category">WordPress categories</a> and <a title="Tags at radicalcongruency.com" href="http://www.radicalcongruency.com/tags">Technorati tags on his web site</a>. (I can&#8217;t figure that out, but I don&#8217;t want or need to do that). I also discovered that the syndication feeds for <a title="What is RSS on xml.com" href="http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html">RSS</a> and <a title="atomenabled.org" href="http://atomenabled.org">Atom</a> won&#8217;t drag-and-drop if only text links are provided. Thus, I had to find some <a title="feedicons.com" href="http://feedicons.com/">alternative RSS and Atom icons</a>.</p>
<p><a title="About at radicalcongruency.com" href="http://www.radicalcongruency.com/about">Justin</a> had hard-coded in <a title="Examples of absolute URIs at wikipedia.org" href="http://en.wikipedia.org/wiki/Uniform_Resource_Identifier#Examples_of_absolute_URIs">absolute web addresses</a> &#8212; which surprised me. It&#8217;s generally a better practice to use <a title="Examples of URI references at wikipedia.org" href="http://en.wikipedia.org/wiki/Uniform_Resource_Identifier#Examples_of_URI_references">relative web addresses</a>, so that the next person doesn&#8217;t have to muck around in code. I changed the addresses &#8230; and then <a title="Wordpress" href="http://wordpress.org">WordPress</a> couldn&#8217;t find the icons! The main page normally shows up in the top directory, but when you surf onto a single posting, it changes to the archive directory. Thus, I went back to do it <a title="About at radicalcongruency.com" href="http://www.radicalcongruency.com/about">Justin</a>&#8216;s way.</p>
<p>One criticism about <a title="Theme at radicalcongruency.com" href="http://www.radicalcongruency.com/theme">RC2005</a> is that it looks really busy. One reason for this is that it surfaces <a title="Tags at technorati.com" href="http://technorati.com/tag">Technorati tags</a> onto the main page, and I use a lot of tags. (I try to hold the <a title="Writing a post - step by step, at codex.wordpress.org" href="http://codex.wordpress.org/Writing_Posts#Writing_a_Post_-_Step_by_Step">WordPress categories</a> down to one, and sometimes two). It turns out that WordPress <a title="Template selection hierarcy at codex.wordpress.org" href="http://codex.wordpress.org/Template_Hierarchy#The_Template_Selection_Hierarchy">looks first for single.php, and if it doesn&#8217;t find it, goes for index.php</a>. To create a main page with fewer <a title="Tags at technorati.com" href="http://technorati.com/tag">Technorati icons</a>, all I had to do was copy one over the other, and delete a few phrases.</p>
<p>I now feel that I&#8217;ve spent way too much time on this customization, but I&#8217;ve done enough modifications that I&#8217;ve retitled my version as <span style="font-style: italic">RC2005-805</span>. I would probably be happy to share with anyone who really wants it, but this isn&#8217;t the average download-and-upload-onto-web-site affair. The hard coding means that the user had better be comfortable with XHTML. It takes me a lot less time to change the hard-coded links to daviding.com than to think about how that would be programmed.</p>
<p>Now &#8230; I&#8217;ve got to replicate this theme from <a href="http://daviding.com">daviding.com</a> to <a title="systemicbusiness.org" href="http://systemicbusiness.org">systemicbusiness.org</a>!</p>
<p><!--more--></p>
]]></content:encoded>
			<wfw:commentRss>http://daviding.com/blog/index.php/archive/modifying-the-rc2005-theme-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
	</item>
	</channel>
</rss>

