Hey gang,
Below is the text version of our ‘How To Modify Indexhibit’ screencast. Also, the pdf version is available here.
How to Modify Indexhibit w/CSS:
This tutorial will show you how to modify your Indexhibit website by creating a new theme and making some simple changes to the CSS. We will focus on three major areas:
- How to create the files necessary for your own Indexhibit theme
- Using Firebug to examine web pages
- Styling your theme by modifying an existing CSS stylesheet
Hey guys,
I have finished by indexhibit theme, now styled and commented. I still think there can be some inprovements with the commenting, but i guess thats the beauty of opensource.
Here is my thread on indexhibit forum
I have applied the theme to my current website and created a page specifically for the theme.
http://www.ednacional.com/indexhibit/index.php?/identity/theme/
I made some changes to the commented index.php and the plugins index.php (which I found to be the one in charge of the sidebar structure) I basically changed the way these html elements are constructed through php and made sure they can be much more easily selected and styled.
Basically the sidebar I have now looks like this:
<div id="menu">
<div class="container">
<div class="top-section">
<h1>Mushon</h1>
</div>
<ul class="nav sectional">
<li id="Projects">
<h3>Projects</h3>
<ul>
<li><a onclick="do_click();" href="http://www.mushon.com/fall08/osd/indexhibit/index.php?/project/kriegspiel/">Just a test</a></li>
</ul>
</li>
<li id="Info">
<h3>Info</h3>
<ul>
<li class="active"><a onclick="do_click();" href="http://www.mushon.com/fall08/osd/indexhibit/">Main</a></li>
</ul>
</li>
<li id="oldstuff">
<h3>old stuff</h3>
<ul>
<li><a onclick="do_click();" href="http://www.mushon.com/fall08/osd/indexhibit/index.php?/project/older-one/">older one</a></li>
</ul>
</li>
</ul>
<ul class="bottom-section">
<p>Just testing</p>
</ul>
<!-- you must provide a link to Indexhibit on your site someplace - thank you -->
<ul class="built">
<li>Built with <as href="http://www.indexhibit.org/">Indexhibit</as></li>
</ul>
</div>
</div>
So try it out and tell me what do you guys think?
Today in class we make plans to get the Indexhibit work done within the next two weeks. Each one of you will comment to this post with a commitment to what you intend to do by next week.
Current options (we can expand this list):
- Write a css plugin
- Write comments for the css code
- Do a screencast of how to install Indexhibit
- Do a screencast of how to use Indexhibit
- Do a screencast of how to modify Indexhibit (maybe using Firebug too)
- Write a post(s) to document our efforts
- Float our user interface and accessibility concerns to the Indexhibit community (on the forums) and follow up the discussion to fix it.
- more…
As the semester is neerly done, and since you guys seem to be much more in control of your WordPress stuff, I think we should feel safe to swich gears and focus our attention on our OSD project – our class legacy…
As our process becomes more self-directed, I do not have any specifics for you for next week but:
- Continue down the WP path:
- try to finish the main page
- Next go to post page (single.php) (+ if relevant: comments.php)
- Then to page page (page.php)
- Then to the menus (archive.php archives.php author.php category.php tag.ph)
- Then to search (search.php)
- Last (/optional): 404.php, attachment.php, image.php, links.php)
- Let’s get our heads into Indexhibit and how can we make it better:
- We’ll discuss it in class today
- Let’s share some findings from the Indexhibit forum that can shed some light on where to take this
- Let’s experiment with theming Indexhibit, it’s not hard, how can it be easier?
- Leonie will be back next week with a ‘Great Wide Open’ for us.
- Enjoy
Ok,
we had a huge distraction this week, but now we dive directly into into theming our WP themes and into the final OSD project.
On the theme front:
- Finish your main page (header.php / index.php / footer.php / sidebars.php)
- when (/if) you get to it, go to post.php – it should be pretty easy to extend what you did in index.php to it.
On the OSD front (my proposal for moving forward):
Leonie – Next week, Great/Wide/Open:
- Got an idea? Yes? No? Talk to me…
Enjoy. (yes, we can)
Here is what i will be talking about in class today for my Great Wide Open presentation.
http://www.indexhibit.org/
My Indexhibit Links on Delicious
http://delicious.com/ednacional/indexhibit
See you soon!