sesam.hu

Engineering Manager | Trail Runner | Stockholm, Sweden

Coltrane

SeSam.hu is now upgraded to WordPress version 2.7. Apparently the Make It Worn template works flawlessly with it.

Visitors won’t notice much – maybe slight speed improvements – but for me it’s a huge change. The revamped admin interface is a pure win. Almost everything is a box: reorganisable, customisable and removable. The whole blogging experience is starting to feel like using a desktop software. It puts in such sharp contrast the times when I used to edit HTML by hand in Notepad for each and every post. And it wasn’t even that long ago.

Kudos to the WP team who continue giving this awesome CMS away, absolutely free of charge.

MIW public

I have finally created a page for the Make It Worn WordPress template. It is now available for download and (strictly non-commercial) use. The only changes I made for the release are a slightly better accentuated blockquote style and validation of the code. I hope at least some people would find the template to their liking.

Make It Worn beta

It’s been a while I stumbled upon Bart-Jan Verhoef‘s site and his three-part tutorial on how to create a worn look to a site. He was kind enough to share a template page to show how he built up the final design. I liked it instantly and decided to implement it for WordPress.

You may remember I have been dissatisfied with how the journal was designed for a while now. I wanted something cleaner, wider, more serious and less emo. Bart-Jan’s worn look is just like that with the additional perk of keeping the aged papery texture of my old clumsy design. So here’s how SeSam.hu will look from now on.

I was trying to be as faithful to the original template page as possible. However WordPress has some specialities and it needs to integrate a wider array of functions which made it necessary to move a few pixels around. (The IE bug that prevents elements from floating properly in rows is a prime example. That one took hours to fix and caused a significant headache.)

I have to admit, building a template for WordPress is not an easy job. Unlike when I was just designing for myself a proper distributable template needs to be a lot more flexible and adapt to all the different blogs out there. The design must be prepared to handle a plethora of data structures. It remains to be seen how well I did to achieve that.

Not all the features I wanted are included, but I felt the design was ready for a live beta. Please if you encounter any quirks, malfunctions or errors do contact me or comment to this post.

Features or functions missing that I’d like to implement:

  • There’s no indication when you’re browsing the archives of where you actually are. As in “You’re browsing the archives for August 2006.” or so. Search results lack likewise.
  • I’d like a search form on the index page, but not sure yet where to put it.
  • Blockquotes should get a nicer design not just an indent.
  • The 404 page is missing.
  • At least the single post pages should show the categories and tags. I found that there are too many of them to fit in the little “entry details” field and when I tried it broke the grid layout.
  • I should add some more usability enhancements such as indicating required fields when commenting, listing the usable bbcode, links to trackbacks and pingbacks…
  • Code needs cleaning for validity, something I haven’t yet checked.

Features unlikely to be implemented:

  • The design is theoretically a three-column one, nevertheless there’s not enough space for sidebars, so there are none. A possible rework of the entire index page might introduce them…
  • I am not really familiar with the process of making a template open to language packs, therefore that feature is missing.
  • Having too many pages will surely break the header. The template is ill-suited to such sites.

I’m sure as soon as I press publish a dozen more will spring to my mind.

Anyway, if you like it and would like to use it I ask only a little bit of your patience just yet. Before making a downloadable version I’d like to sort a few things out and add the missing features. The reason why I applied it to SeSam.hu is that I’d like to test it live. Naturally since the whole site is licensed under creative commons if you insist on having this beta version email me and I shall send it to you.

feedback

Szerintem egyedül nekem tetszett a kékre váltás.

Anyám:

Te kisfiam ez a blog… olyan jó volt a régi, minek kellett változatni? Teljesen követhetetlen, jellegtelen. A régin rögtön lehetett látni, hogy a tiéd. Ez olyan, mint mindenki másé, csak a színe más. Az design, hogy kékre írsz? És hova tűntek a képek?

human:

ez de rossz design

Szak1:

Ez már megint nyomasztó :(
Olyan szép, tiszta volt az a fehér.
De legalább egy szép Japános (vámpíros) háttérképet a sesam.hu bannernek…

Ardin:

A dizájn nem rossz, a fekete-kék párosítás viszont kissé nehézkessé teszi az olvasást, legalábbis nappal. Lehet, hogy az én szememmel van a baj, de a fehér szövegek (bejegyzéscím, főcím, stb.) után nehezen tud átállni a blogbejegyzés kék szövegére.

Illetve engem személy szerint zavar a bal oldalon lévő kék csík, ami pont olyan színű, mint a szöveg.

designváltás

Végre találtam olyan kinézet templatet, ami tetszik is. (Design: Wolfgang Bartelme, coding: LEMONed) Úgyhogy violá, kék sesamhu. Egyelőre tesztüzemben, és nem véglegesen. Például tervezek last.fm integrációt, saját kommentek kiemelését, szebb címsort és ikonokat, a blogroll kiegészítését és a láblécbe még pár meglepetés elhelyezését, hátha valaki leteker odáig.

Annyit még tudni érdemes, hogy a design Firefox és Safari alá lett elsősorban írva, tehát Exploreren nem tökéletes. Én szóltam. Az Analytics szerint a látogatók körülbelül egyharmada használ IE-t, közülük is 50% a hatos verziót… Seriously…

Valamint említésre érdemes a Gravatar beépítése. Aki nem ismerné, a Gravatar egy olyan szolgáltatás, amely az email címhez egy kis képet (avatárt) rendel, és a Gravatart integráló oldalakon ezt minden konfiguráció vagy regisztráció nélkül megjeleníti. Tehát aki képecskét szeretne a nevéhez (ami, nem csak a sesamhun működik, hanem értelemszerűen minden Gravatar-képes oldalon ám) iratkozzon fel az emailjével itt.

Végül, de nem utolsósorban: sokadszorra is köszi sLD-nek a kommenteket gusztusosan elvágó PHP függvényért.