Wordpress

Web Design / Wordpress — No Comments
8
Aug 10

CSS for displaying code snippets on a WordPress blog

I recently updated the theme I use on this blog (Cleanr) to the latest version via the WordPress Dashboard and discovered that code snippets were no longer displaying correctly – overflowing into the sidebar.

After comparing the old and new style.css files for this theme, I noticed that the following line was missing from the new one:

pre {display: block; overflow: auto; background: #f3f3f3; padding: 5px; margin: 20px 0; font-family: monospace; border: 1px solid #dadada;}

I enclose all of my code snippets in HTML “pre” tags – the above code (written by myself) wraps them in a nice little box on the page – using a horizontal slider to deal with the overflow issue experienced. It seems I made changes to the original Cleanr theme – but completely forgot to change the new code after performing the update.

Hopefully everything should look a little nicer now :-)

Site News / Web Design / Wordpress — 1 Comment
6
Jun 09

New Theme (Lightword)

I decided the old theme was a bit dirty and dated so I’ve gone for something simple and clean – drawing your attention to the page content rather than the page design. Let me know if you have any problems browsing the site.

The Web / Wordpress — No Comments
18
May 08

WordPress 2.6 will include Google Gears for working offline

According to Anieto2k, the next version of WordPress, WordPress 2.6 will come packaged with Google Gears which will allow WordPress users to create and edit their WordPress posts when they are not connected to the internet. Those people who make use of Google Reader or Google Docs, other web applications that make use of Google Gears, will already be familiar with this concept.

Basically, after you update to 2.6, the WordPress admin panel will notify you that you are able to activate Google Gears. If you choose to activate this feature, WordPress will then install it and you will be prompted to grant permission to Google Gears to access your WordPress installation. Google Gears will then automatically start to store necessary WordPress files and all of your posts on your local computer so that you can work offline.

Thats it, once transfer is complete you can open up your computer anywhere in the world and whether or not you have internet access you will always be able to access and edit your wordpress posts from your web browser.

Screenshots are available on Anieto2k’s post (Spanish)

Site News / Web Design / Wordpress — 2 Comments
10
Apr 08

Tidy Sidebar

I had a quick go at tidying up my sidebar today – as part of an ongoing effort to keep my site clear, clean and succinct. Basically, the ‘categories’, ‘feeds’, and ‘links’ sections are now all hidden initially when you load a page – to save some sidebar space. However, if you wish to view any of them you simply need to click on the ‘Show’ link beneath the header and the content will magically appear on your screen.

For any interested parties, the hide/show function works using the “Scriptaculous” javascript library. I have to admit that I got this idea from Duane Storey’s personal blog – so I’m sending him some link love :-)

If you would like the code, just look at the source code for this page. If you still don’t understand then just leave a comment.

← Older Entries