This article shows you how to implement header image selection via the media manager in your serendipity templates configuration.
I first introduced this feature in the beautiful day theme and it proved to be quite popular.
themes
Beautiful Day serendipity version
Click to view full screenshot
I have been using this ported template on my blog for a few months now and I finally created a distribution ready version of it. Beautiful Day is a simple two color pastel shaded theme by Viktor Persson. He makes clever use of simple vector shapes and soft colors to create a serene theme.
I have worked hard on the serendipity port to include a number of configurable options for this theme. You can access the following options in administration suite > manage styles:
Refreshing freshy theme serendipity port
Click to enlarge
In preparation for the next Google dance I have gone and ported Julien De Luca’s freshy wordpress theme to serendipity. Freshy is one of the most popular themes for wordpress and it includes a whole host of options for users wanting to customize it. I decided to port it after a user requested it on the s9y forums. But I later realised that it wasn’t as easy to port as I first thought. All those admin options make the theme really complicated and I haven’t included some options so it is really a partial port. The following options are available to users of s9y 1.1 who use the ported theme:
- Change header image. You can choose from a number of images included with the theme.
- Customize the links in the navigation bar
- Change the highlight colour of the navigation bar
- UPDATE: 30 Jan 2007 – You can now customize the label of the link in the top navigation bar that points to your blog front page i.e. the “home” link. This option allows you to specify a label in your own language to fit in with the rest of your blog.
- UPDATE: 11 May 2007 – You can now also use a custom header image using the serendipity media manager. This feature was back ported from the beautiful day theme.
- UPDATE: 1 April 2008 – Freshy now supports two sidebars. If you have plugins in both the left and the right sidebar freshy will expand to accommodate them.
- UPDATE: 15 April 2008 – Fixed a bug that caused certain plugins to not display correctly with freshy in 2 sidebar mode.
- UPDATE: 18 April 2008 – Improved security of the header image selection code.
I omitted the option to customize the colours of text, links etc. and the option to choose between predefined styles that are included with the original theme. I did however compress the header images so they take less time to load. You can download freshy here.
Technical details and customization info for pre 1.1 s9y users follows.
Theme license changes
Or more correctly the inclusion of a license. Until today I hadn’t included a license in my themes but I decided it was time to do so now. All my themes have a specific license. This license is not pure open source but it does allow free use and redistribution for most purposes. To read it just download a theme and see the license.txt file.
Rounding up corners
My third serendipity blog theme RoundedCorner is available for download. I have been tinkering with this theme for quite a while now and I finally decided that it was good enough for release. However, it might still have a few bugs in it so please tell me if you find any.
Click to view full sized image.
This theme isn’t particularly fancy looking but developing it
has taught me a lot. It is full of rounded rectangles created in photoshop and converted into code. It is also standards based with valid xhtml and css. At the time of writing this theme is in use on my site and you can try and validate it by clicking on the icons in the right sidebar. RoundedCorner is also a pure css theme except for the calendar plugin. You can download it here.