Urban is a free Wordpress theme from Paul Bennett, based around the idea of having posts displayed in a timeline. It features a scrolling timeline, inline loading of posts, pages, images and Youtube videos, realtime search that displays results as you type, tracking of your recently viewed pages, and other footer modules including twitter updates and last.fm recently played tracks.
Usage:
Urban gives you several ways to represent your posts: Display the excerpt (default behavior), display an image, or display a Youtube video.
Displaying an image is a similar process to that of my previous theme, Viewport, however now there is no need to re-size your images manually, Urban will automatically do it for you! So:
- Write the article as normal.
- Click the ‘Add an Image’ button and upload your desired image.
- Copy the image link from the list that appears, click ‘Save all changes’ and close the overlay.
- Scroll down the ‘Write Post’ page to the ‘Custom Fields’ tab and in the key field enter ‘lead_image’ (minus quotes).
- Paste the image link you copied previously into the value box and click ‘Add Custom Field’.
That’s all that’s required, now your post will be represented by an image which the reader can expand by clicking the magnifying glass that appears when they roll their mouse over a post.
Displaying a Youtube video is even easier! Simply:
- Write the article as normal.
- Scroll down the ‘Write Post’ page to the ‘Custom Fields’ tab and in the key field enter ‘youtube’ (minus quotes).
- Paste the complete Youtube link you from your browser address bar into the value box and click ‘Add Custom Field’.
Urban will then go and grab the video screenshot for you, and users can watch the video by clicking the magnifying glass that appears over the post.
When you’re done your ‘Custom Fields’ tab should look a little bit like this:
Other Options:
Urban offers some advanced options that blog owners may choose to activate. These are explained in more detail on the ‘Urban Settings’ page that will appear on your Wordpress Admin page when the theme is activated.
These options are:
- Enable tracking (no personal data is stored)
- Enable Last.fm
- Enable Twitter
- Enable Spell Checking
Download:
Download the Urban theme (.zip ~760kb).
Questions and Comments:
Limited support is available, just leave a comment on this page and I’ll see what I can do.
If you like what you see here, and would like to talk about what I can do for you, get in touch!


Two questions, if I may. How do I exclude child pages from the main navigation menu, but link to them from other pages? I have quite a large site, so the navigation needs a lot of organising. Secondly, sometimes when I open a page it tends to ‘freeze’ and I have to keep reloading; any idea what’s causing it to do this? I’m using Firefox, if that helps.
Great site!! Just wondering if there is a way to increase the max posts it will show. I kind of went nuts and loaded about 30 posts/ images and it only shows a few before returning to the beginning..
Hi I have a problem. The slider and the menu are not working. What can I do ?
I just wanted to let everyone know that, i figured out the timeline issue with URBAN. check to see if you are running php4 i switched mine to php5 and now it works like a dream. hope this helps you guys out who are having issues with the timeline.
has anyone here figured out why the timeline in URBAN doesn ot work, it only displays December 1969, any help would be greatly appreciated.
Hi, just wondering how I would go about changing the background image? Also, is there a Twitter plugin that I need to use for this theme? I get an error message when I try to test it with Twitter enabled.
Also experiencing the December 1969 problem. Any ideas?
Coooool, very very very cool theme! I like it !
Hello Paul and everyone, my timeline displays 1970 and only january as month. As anyone find a solution on this? The theme is great!
When I upload the theme I get this error:
Warning: file(/home/markg12/public_html/messenjaz.com/wp-content/themes/urban_1.0_3/style.css) [function.file]: failed to open stream: No such file or directory in /home/markg12/public_html/messenjaz.com/wp-includes/theme.php on line 180
Warning: implode() [function.implode]: Invalid arguments passed in /home/markg12/public_html/messenjaz.com/wp-includes/theme.php on line 180
Is there anyway to find that skateboard image?
Thank you.
such a great theme for photoblog! I found this 3hrs ago, and voila i’ve created my own photoblog named “PHOOD” (stands for Photo-Food
http://phood.umifadilah.net
Just great, great job.. very happy now
Thanks Paul for making my photoblog looks cool..
Write a comment…
HI, I recently downloaded Urban to my word press and all i get is december and 1969 can you help with this. I love this theme and would like to continue using it.
Hi, great theme. I was having some issues with it, hope you could help? My images are not showing up, nor is a background, its just all white. I am not sure what I am doing wrong. Any help is appreciated, thx.
wow! nice theme never seen before!!!
great work !
but ( XD) i think there is a problem inside ViewPort 1.0.
If i try to find something for example the word “hello”, the page with 6 results dont have the slide, like normal post!
but i have more of 6 posts with the word “hello” …i can see only the more 6 recently posts.
hope to be understandable
Hi Paul!
I’m writing to you, because I have a one question to you. I will talk about timeline. It’s great think for me and it’s working without problems, but I want to change a language of this theme and the last think to do on my list is translate the names of month to my language. Where can I find it? Sorry for my bad english.
PS. I can’t wait for your new theme. When you publish it?
Hi Paul,
I love this theme… best I’ve seen so far and am currently using it on blog.I do have two problems and a question. P1) When I click on the bottom button “Hot” (I could send you a screenshot of it if you like), it scrolls up codes about missing links, error line:XXX… Do you know why it’s doing that? P2) I followed the instruction to display my “lead_image” for my posts but they do not appear on the homepage, it only shows the title and the bottom is white. And lastly, Q) Is there somewhere or a way in the theme where we can add advertisement? That sums up my message… again Paul, nice job on this theme!!!
Hope this gets to you soon,
Thank you,
M
wrong url, must be http://www.peterduif.nl/wordpress/
Hi,
tnx for your great theme. I really love it.
I`m going to use it as a personal blog..
made a modification to the background . still busy with the css.
).
But most important is that i managed to solve the overlay problem (proud of it cause i`m not a programmer
Just have a look at http:// http://www.peterduif.com
Gr Peter
it could change the timeline and insert categories or titles of articles?
Hi paul, tasty themes and many thanks for your free share quality.
But same mistake, the timeline.. Why some people have different date ?
For me only january 1970.
Well it looks like it stripped it anyway. Oh well, you can probably figure it out from that.
I did realize a downside to this method: The “back” links persist to pages that are permalinked, i.e. viewed individually/direct-linked, and not pulled up as overlays from the main page/timeline. I haven’t put much thought into the options yet, but I’m sure there’s a way to determine whether the page is pulled up as an overlay using the php/javascript functions and insert the “Back” links accordingly.
Okay, here’s the code again, with spaces inserted around the tags to keep the blog from stripping them:
Add this to the top of single.php:
function clearoverlays() {
$(”.attachment”).remove();
$(”.inlinepost”).remove();
$(”.overlay”).remove();
}
Then find where you want the BACK link to appear in the single.php file (I put mine next to the comments at the top right). Note there are TWO sections for the header area of the post; if you put it in the first one your link WILL NOT SHOW UP. Keep scrolling down the page and you’ll see the same code repeated for the header - time, comments, tags/categories. Again, use the second one.
To make the link, put in:
BACK
The class=”back” is optional, it simply refers to a new class I created in the stylesheet to tweak the border styling of the link.
HTH,
Jesse
sprocket87 @ gmail.com
Update: looks like it stripped out the HTML code I had in. If you need more detail, email me at sprocket87 @ gmail.com
I also put the wrong link in to my blog to see this in action. Should’ve been: http://www.jkingweb.com/blog
Jesse
I, like many others, was having issues with the post overlay not clearing when clicking on the background every time. Pressing ESC on the keyboard worked better but not 100%. The only surefire guarantee was to click the page title link at the top left, which would reload the entire page, not clear the overlay.
Looking through the functions.js file, I don’t see why it’s NOT working (my javascript is VERY poor), but I came up with an alternate method that, so far, works 100% of the time.
All I did was add a link to the top of the single post template that says “BACK”. When you click on it, it calls the clearoverlays(); function. It works every time in my testing. Although I’d prefer it if the background click-to-clear method worked reliably, this is at least an alternate method for the user to go back instead of refreshing the page.
Since I suck at Javascript, I couldn’t figure out how to call the clearoverlay(); function (that lives in functions.js) from within the single.php file. So I just put it inline as follows:
function clearoverlays() {
$(”.attachment”).remove();
$(”.inlinepost”).remove();
$(”.overlay”).remove();
}
Then I found where I wanted my “Back” link to be in the post (mine is just to the right of the Categories at the top of each post), and I created a link with a property of onClick=”clearoverlays();”
It looks like this:
BACK
The class just refers to a new CSS class I added to the stylesheet to control the font. I also drew a pink 1px border around my BACK link and put a vertical divider | in to separate it from the categories.
You can see it in action on my blog: http://www.jlkphotos.com/blog
If for some reason the HTML of this post doesn’t show up you can email me: sprocket87 @ gmail.com
You could alternatively use an image (big gray X or something) instead of a text link to go back. You could also put this link in at the end of your post as well, to let people go back that way too.
I also added this code to the page.php file so it works the same way there.
Thanks to Paul for the awesome work with this theme! Hopefully you can get the background click thing sorted out, but I hope this workaround is helpful for some people.
Love the timeline theme, but like many of the other posters - have the date issue with the timeline. Mine is DECEMBER for all my posts, and the only year is 1969. Have any of the other commenters figured this one out? I’m on WP 2.8.6 btw, but it sounds like issues existed since 2.8.4 anyway.
Great theme though - and I hope I can get it working.
Really nice theme Paul! Just one question, how do I put an image set a big image for the background?
Thanks.
Hi paul,
I have exactly the same problem as the others but to me it appears the date is 1970 and the month is January
(it’s the same problem that astrodelmattino) .
My wordpress version is 2.8.5
Do you know how to solve this problem?
Many thanks,
Nabz.
Paul,
Loving the theme so far….although I am one of the several getting the bug with the Month being all the same. I was wondering if there is a way to make the post/pages wider? So that they would fit a larger image within the post. Also was wondering if it is able to be changed so that the thumbnails on the front page could be larger as well. Thanks again.
Delano:
check out this article - it will help you a lot with date issues
http://digwp.com/2009/10/the_date-returns-empty/
Hi Paul,
When u upgraded WP to 2.8.4, did you try creating a new entry for a date in the past? Did that work for you? I’ve also tried importing data into WP - via xml but still have the same display problems, OCTOBER 2009. hmm
Mark.
the most awesome excellent handsome beautiful theme i’ve seen!
It goes beyond the old looking blog and forward into future website design.
I appreciate the 800*600 article display
All the content are organized in an urban way! really cool!
I come from China, if you like to visit the country you can contact with me!
Good luck Paul!
Hi Paul,
I appreciate your work very much! I really like this design and programming work. My Problem is, that the theme does not show the static sites, older posts or last.fm stuff. The Links are shown, but there is no popup window for the content. Do you know this kind of problem?
This morning I will upload this theme to my wordpress. I tried it on my local webspace.
Thanks for all
Daniel
Hi everyone, still working on the timeline issues - I upgraded the demo to Wordpress 2.8.4 today and there are no problems so we can rule that out as a possibility.
@S - the overlay should be cleared when clicked on although I agree it doesn’t always work. Not really sure how to remedy that is the Javascript couldn’t really be more optimized :/
Hello,
thanks for awesome theme!
I have figured out a little trouble and I would like to ask you, if you can help me fixing it… If you go to post/page and then you want to go back to timeline, if you are clicking at background (out of thickbox/lightbox window), cursor becomes hand and clicking doesn’t hide the post/page window.
Using ESCape works after 3 or 4 attempts…
I am spotting this issue when browsing your demo in IE, Chrome and Firefox too…
Is there any possibility to add (in future version or update) somewhere little “close” button, as you have here, at your site? Mabye in top right corner of thickbox (lightbox)?
Thanks for perfect share! Your work is awesome.
dear paul,
i have mostly the same problems like delano.
i uploaded all my posts more or less on the same date. I set the correct date for each post in wordpress (which is shown correctly in wordpress) and the posts are all in correct order but the timline only shows october 2009 .Can you please help me on this? Because this timeline is the beauty of it. would it also possible to integrate
the original youtube frame instead of the link? your theme is very exeptional therfor i hope you can help me on this. thanks. remy
Hi Paul,
I’m pretty new to wordpress and really like your ‘Urban’ theme - its fantastic. I’m having some problems though with managing ‘date’ entries. I have wordpress 2.8.4 and I would like to add some entries from my portfolio ranging back to 2004. Each dummy entry I put in is displayed as a new instance of ‘OCTOBER’ 2009 (this month). And it doesn’t recognise the ‘Published on’ change that I make on the RHS of the edit screen. I’ve even tried entering the data in MySQL at the dates I want but wordpress still doesn’t display it as 2004, 2005, etc its always a new entry of ‘OCTOBER’ 2009.
Any help appreciated - thx.
Mark.
paul I have the same problem as the others but to me it appears the date is 1970 and the month is January. how to solve this problem?
Hi Paul.
I’m having trouble with the Urban timeline overlapping when I add more than 100 posts. After the 100th post I’m troubled with more than one timeline; of which the posts are no longer searchable.
Thanks.
Love the theme, I did have a question or two. On my blog it only seems to show one month for the blog posts even though they span several months. Also I was wondering if there is anyway to make the picutres/exerpts larger on the home page?
I love the theme… can’t get the video to work though. Also, when someone posts a comment, it’s sort of stuck at that point. Have to click on the blog title to come out of the post… ??
Love your work by the way. It’s truly exceptional.
I really want to use URBAN as a theme for my design portfolio on wordpress, but I can’t get the dates to show correctly. I have installed/reinstalled the theme and wordpress on my server several times and the year still reads as “1969″ and the month is always “December.” I have tried changing the publish date under the publish immediately tab on the post and the date is still always the same. Any suggestions? I am really impressed by your work, btw. I am a print designer and know very little about the programming end, but your stuff is awesome, Good work.
Hey Paul,
Super awesome theme! I am however experiencing a minor hiccup with the time line, it shows 2 December 1969’s! It may be because I am running off Wordpress MU and there is a plug-in that is conflicting with it, but I’m not certain of it.
Thanks!
hey Nick, how did you get the timeline displaying the right date? Mine displays 1969 as start year (and only year) and every month is december. No matter what date I post the blog.
The timeline theme that you have recently released is really great. I have a
few questions regarding the theme: Is it possible to interchange the dates
on the posts? (Example: having posts dated back to 2005, and then from there
on having the timeline continue to present day.) Also is it possible to link
the images? So when a user clicks the image, the image links to an external
website. One final question, when a user clicks on an image is there a way
that the image can be blown up and isolated, basically viewing that image at
a larger size on its own?
Hi, I am trying to locate the link to view previous posts - instead of finally figuring out to use my arrows on the keyboard. Is a previous/next post link available? How do I insert such?
Thanks
Hi Paul,
What a great theme! I downloaded it and tried it on my blog: http://blog.spacemonkeys.nl. Looks great. But I do have a few problems with it. Hope you can help me out. I’m not a programmer, so..
The timeline doesn’t display the dates. Do I have to change a setting somewhere?
The lead image only seems to work when i’ve uploaded the image to my wordpress, but not as a link to an outside address.
And when i try to post a youtube video it doesn’t display the video screenshot. (I embedded the vid in the post and used the url in the custom field tab.)
And would there bea way to have the background as a slideshow?
Really nice work. Looking forward to the next theme Not Just Another Theme. Maybe we could get in touch. My site needs a redesign and I was looking just a desktop site like that.
Many thanks,
Delano