In which I get dirty with $latex \LaTeX$
In which I plea for help with a wordpress child theme issue involving hooks, php and functions.
In which I mess with wordpress themes (project now abandoned)
In which I provide php code which causes wordpress to add lots of useful class declarations to the HTML - which will provide opportunities for easy styling with CSS
The observant may have noticed that the look of this site has suddenly got rather gaudy. There is a good reason for this - I've been creating a WordPress theme which I want to be as flexible as possible. I.e. a 'bare' theme, which can then be styled easily with css. I know these themes already exist, but I wanted my own, m'kay?
The reason for the gaudy colours? Testing. I wanted the default colours to be fairly obvious, with each main element being distinct so that I could be sure that I had the no typos in the CSS selectors.
I'll leave the theme running for a little while, I'd be interested to hear about any usability issues (other than the horrible colour scheme).
The theme should be fully widgetised, it should have comment threading, avatars and so on.
The theme should be fluid and resize gracefully, as screen width reduces, the images reduce whilst keeping aspect ratio.
Things I know I want to fix - some of these are purely 'behind the scenes':
- I want, at most, one sticky post on the front page. At the moment, it'll put any number on.
- I want to have a tags page which shows the tag cloud.
- Behind the scenes, the entry formatting uses the same template, called when needed by index.php and archive.php. I need to get the single.php template to use this as well in order to minimise maintenance (requires some 'if' statements).
- Do I *need* single.php and archive.php once I've done that?
- Author pages, ideally automatically pulling in gravatars.
- Decent 404 page
- The comment form gets screwed up on a narrow screen and doesn't resize gracefully. I don't know why.
- I want the theme to be accessible. I.e. Good for screen readers and the like. I have no way to test this however, so if you know anyone with a screen reader, please do point them in this direction and ask them to comment (or, pass on their comments should it *really* be unusable).
- Is the order of elements okay?
- aural stylesheet hasn't been done, for me, that'd be coding without testing - I would want a sheet though!
- The tags/related tags stuff - does there need to be a way to, ideally optionally, skip that for screenreaders.... I wonder how (without introducing new screen cruft)
- I'll then package up this rough theme for release, create a duplicate and change the look and feel to customise it. If I find that I have to customise anything other than a stylesheet, I'll need to amend the 'raw' theme.
Things I'm unsure of:
- I've appended categories to tags (with a different class for styling)
- Do I want to keep the related posts thing? It relies on a plugin, so isn't essential for the theme (plugin may be disabled as a recent update caused a problem behind the scenes... I hope I remember to remove this sentence when fixed, but I've couched it as a conditional just in case)
If you want to make this post to your own site, just grab this code....
<a href="http://www.makevotescount.org.uk/"><img src="http://www.makevotescount.org.uk/i/logo.jpg" alt="Democracy isn't Deskbound" width="580" height="150" /></a> <a href="http://www.makevotescount.org.uk/">Make Votes Count</a> has re-branded their campaign, and produced an action plan, which I reproduce below: <a href="http://www.makemyvotecount.org.uk/news.html"><img class="five" name="continue" src="http://www.makevotescount.org.uk/i/buttons/continue-swap.png" alt="Continue on to the MVC Website" /></a><a href="http://www.flickr.com/photos/makevotescount/"><img class="five" name="view" src="http://www.makevotescount.org.uk/i/buttons/view-swap.png" alt="View the Campaign Launch Photos" /></a> <img class="title" src="http://www.makevotescount.org.uk/i/6-things.gif" alt="6 Things you can do" title="6 Things you can do" /><br/><a href="http://petitions.pm.gov.uk/deskbound/"><img class="thing" src="http://www.makevotescount.org.uk/i/thing-1.png" alt="1. Petition the Prime Minister. Sign our petition to Gordon Brown" title="1. Petition the Prime Minister. Sign our petition to Gordon Brown" /></a>
<a href="http://www.pledgebank.com/votingmatters"><img class="thing" src="http://www.makevotescount.org.uk/i/thing-2.png" alt="2. Pledge to a Consultation. Sign the pledge and show people's willingness to be consulted" title="2. Pledge to a Consultation. Sign the pledge and show people's willingness to be consulted" /></a>
<a href="http://www.makemyvotecount.org.uk/opus26009.html"><img class="thing" src="http://www.makevotescount.org.uk/i/thing-3.png" alt="3. Write to your MP. Ask them to forward your comments to the Minister" title="3. Write to your MP. Ask them to forward your comments to the Minister" /></a> <a href="http://www.makemyvotecount.org.uk/opus26011.html"><img class="thing" src="http://www.makevotescount.org.uk/i/thing-4.png" alt="4. Contact your nearest PR Politican. Enlist the support of your MEPs/AMs/MSPs" title="4. Thank your nearest PR Politican. Enlist the support of your MEPs/AMs/MSPs" /></a> <a href="http://www.makemyvotecount.org.uk/opus25967.html"><img class="thing" src="http://www.makevotescount.org.uk/i/thing-5.png" alt="5. Have your say: Governance of Britain. Tell the Ministry of Justice that voting systems matter" title="5. Have your say: Governance of Britain. Tell the Ministry of Justice that voting systems matter" /></a> <a href="http://www.makemyvotecount.org.uk/donate.html"><img class="thing-last" src="http://www.makevotescount.org.uk/i/thing-6.png" alt="6. Donate to the Campaign. Help us maximise what we can achieve" title="6. Donate to the Campaign. Help us maximise what we can achieve" /></a> If you would like to post this to your website, see <a href="http://www.murky.org/make-votes-count-code/">murky.org</a> for the code.