Trevilian Way

Trevilian Way is a theme for WordPress. It's clean, customizable and has a lot of neat features. You can download it and/or read more about it on this page, there's also a demo site.

I know there are some issues that need tidying up in IE 6.0, and I’m sure I missed other things, so comments are open below. Let me know of any bugs/issues, also if you have a favorite widget you want to have styled or some other feature let me know that too.

Image Classes

Trevilian Way is designed on a grid, so there is an underlying structure to the design. It includes several predefined classes to pull images out of the post measure to the right or to the left, or to just float an image left or right. These classes and their functions are listed below.

left1col: Pulls the image one column to the left.
right1col: Pulls the image one column to the right.
right2col: Pulls the image two columns to the right.
right3col: Pulls the image three columns to the right.
right4col: Pulls the image four columns to the right.
left: Floats the image to the left.
right: Floats the image to the right.

An example of how to use these classes would be:
<img class="right1col" src="/path/to/file.jpg" alt="Image description." />

Download Trevilian Way

Trevilian Way
(v. 0.40)

Version 0.40
There are still a few issues with Internet Explorer (IE 6, mainly), and things that I know I overlooked, but the goal is to fix/add everything (within reason) by version 1.0. Also, the search widget and the links widget are currently disabled, this will be addressed in future versions also.

Commentary

Sep-30, 2007 11:35 am

Willhttp://iamww.com/ 1

After a quick glance, the biggest issue I have seen is in the display of the Post Information and Post Navigation rollovers using Firefox on Mac. Part of the field labels are covered when the rollover is displayed.

Regardless of that, I love the grid-layout and the classes you have built in allowing the user to utilize it. Very nice theme David!

Sep-30, 2007 2:40 pm

David Yeiser 2

Thanks, Will. I’ll look into the rollover issue, I have to confess that I didn’t test Firefox on Mac. Lesson learned!

Oct-01, 2007 12:22 pm

Michael Lonnemanhttp://beyondoccident.wordpress.com 3

Hey Dave,

I really love the new design (and I’d love to use it if I get my own hosting plan.)

I noticed only a couple issues. On the Lots ‘O Content page, when you first see the big ‘6′ and the ‘about’ link, they are fine. When I scroll down and then scroll back up, part of the ‘6′ is cut off, as is part of the ‘t’ in ‘about’. I’m running firefox on a mac.

Great job!

Oct-01, 2007 9:38 pm

David Yeiser 4

Thanks, Michael. That’s been an issue in several browsers. Although it may be more pronounced in Firefox on Mac. I think it has to do with how they’re positioned in CSS. Glad you like it!

Oct-03, 2007 10:02 pm

Daniel Blackhttp://www.erectlocution.com/boxing/ 5

Hi, David,

For what it’s worth, I second Michael’s observation, and I’m working in FF 2.0.0.6 on Linux. Interesting note, though: if I scroll, I get that effect; but if I just hit the “Home” key, I don’t. As you say, though, that’s a browser thing most likely.

I really love the attention to detail, the use of color but absence of an overpowering color palette. I haven’t looked at the code or anything yet, but I imagine it’s very elegant.

Thanks for making this available. I think people that put serious labor behind themes are very, very underappreciated. I’m actually going to be covering that soon, but not before I do a serious bit o’ work in me own li’l pad. Arrgh! (a bit late to the pirate party)

Daniel

Oct-04, 2007 1:11 am

David Potterhttp://David.Blogs.DPotter.net/Technical 6

I really like this theme and the way everything is laid out. I especially like the info at the bottom so that it doesn’t intrude on the reader.

One thing I noticed was that lists don’t show their markers (I’m using IE7). Unordered lists don’t show a bullet and ordered lists don’t show any numbers. Have you seen this?

It would also be helpful to see how hierarchical categories are displayed. I guess I’ll just have to download it and try it out :-)

Oct-04, 2007 2:13 am

sofishhttp://happinesz.cn/ 7

It looks beautiful. A simple and attractive theme.i like it!
????,????????…

Oct-04, 2007 2:35 am

Jennyhttp://thesocalledme.net 8

Interesting. I’ll have a look at it later. It looks nifty.

Oct-04, 2007 2:57 am

David Potterhttp://David.Blogs.DPotter.net/Technical 9

I’ve noticed a couple things after testing it.

1. It’s not clear what the different sidebars are for form the Widgets admin page. The first one has a good description, but the rest don’t.

2. Adding more than one widget or a widget with multiple paragraphs, etc. to the “Index Top Right Only” sidebar doesn’t display quite right. I think it’s the 3rd line that doesn’t get a proper line break. I’ve seen this with an RSS widget showing 4 entries and with the WP-UserOnline (from Lester Chan) + Akismet widgets together.

3. Smilies displayed using the Smilies-Themer plugin display with too much space around them and with a border. See Test code formatting post.

4. I’ve already mentioned the list item markers.

There are other things but this should be enough for now. By the way, I’m using IE7. Don’t know about other browsers.

You can see the formatting issues right now on my test blog at http://blogs.dpotter.net/Test.

Thanks,
David

Oct-04, 2007 8:16 am

David Yeiser 10

Daniel, thanks for your compliments. That scrolling thing was a nuisance from the start. The elements are positioned absolutely, so I think that is why the scrolling has that effect.

The markup has a little too many “clearers” for my taste, but it was an easy fix for a lot of things so I went with it.

Looking forward to reading the article you mentioned.

Oct-04, 2007 8:17 am

David Yeiser 11

Jenny and sofish: Thanks, I’m glad you like it.

David: What operating system are you using? Thanks.

Oct-04, 2007 10:12 pm

Celin.foxhttp://www.a9ex.com 12

Nice theme. It looks very clean and quite. The blue style is my Lucky-color! ^^ downloading…..
Thanks a lot.

Oct-04, 2007 11:18 pm

Nitinhttp://acorn.nationalinterest.in 13

Wonderful theme. Thanks for releasing it.

It will be good if you include some customisation instructions too. Or are they somewhere in the ZIP file?

Oct-05, 2007 12:57 am

Ghttp://www.electrophon.net 14

Great theme!
I’m already modifying it.

Oct-05, 2007 10:52 am

Albertohttp://www.centrostudilaruna.it/huginnemuninn 15

Hi David, I appreciate very much this template.
Do you allow me to translate it in italian?

Oct-05, 2007 8:51 pm

David Potterhttp://David.Blogs.DPotter.net/Technical 16

Oops. Sorry for not including that originally. I’m using both Windows Vista and Windows XP.

(PS My long comment is still awaiting moderation :-)

Oct-07, 2007 7:52 am

Santi 17

Nice template, but:

1) Can the name of the author of every post be shown automatically?

2) How you can show videos - from youtube, for example?

Thanks!

Oct-07, 2007 10:50 pm

David Yeiser 18

Nitin: I will be adding some customization instructions in the form of blog posts in the future. Until then I would try the WordPress Support Forums.

Alberto: Go for it!

David (Potter): Thanks for all your testing, I will look at all of these issues in future releases.

Santi: 1) Currently, no, I’ll think about adding that in future releases. 2) See the YouTube Help Center.

Oct-09, 2007 10:16 am

Érico Oliveirahttp://www.pblog.com.br 19

Hi David,
Congratulations for this theme, it’s very beatiful.
I have a website about WordPress (pblog.com.br) in portuguese and I would like to translate your Trevilian Way Theme to available to download im my blog. Obvious, keep your credits and link to this page. :)
Thanks.

Oct-10, 2007 3:15 am

Librettohttp://wordpress-tuto.fr 20

J’ai réalisé une traduction en français de ce superbe thème : http://wordpress-tuto.fr/theme-wordpress-trevilian-way-249

Félicitation pour ce grand travail.

Oct-10, 2007 8:28 am

Yong Hweehttp://www.thesecondpress.com/blog/ 21

Wow, I really like this theme! Will probably be using it for awhile.

Oct-15, 2007 8:21 am

A Annehttp://fstzone.com 22

you’re amazing!! thanks for leaving the disc

Oct-17, 2007 11:36 am

Jimhttp://shamuswrites.com 23

Any plans to add WP 2.3 tagging supoport to this theme?

Oct-17, 2007 12:23 pm

David Yeiser 24

Erico and Libretto: Thanks for translating it.

Jim: It already has support for tags.

Oct-17, 2007 3:35 pm

Jimhttp://shamuswrites.com 25

Wait, what? :) I don’t see where it displays tags anywhere….

Oct-17, 2007 3:52 pm

David Yeiser 26

Well, I guess I should say it supports them minimally.

It doesn’t display them in the single post view with the rest of the meta data, but if you put the tag widget in the footer area it will display them there on each page.

Also, there is a tags.php file included with the theme, so if tags are being displayed at the bottom and someone clicks on one they will get a page with the section title of “tag”, the title of the actual tag and a list of the posts that have that tag.

In my next update, I’ll include them in the single post view with the rest of the meta data.

By the way, I’m glad you were able to use the theme for the site you just launched. Looks interesting!

Oct-17, 2007 4:02 pm

Jimhttp://shamuswrites.com 27

Ah, I figured it was something like that. Thanks.

And it’s a re-launch of the site, actually. It’s been dormant for the last several months, and I’ve been planning to design a new theme for it, especially after WordPress 2.3 came out. But I like your theme and it does what I wanted anyway, so I figured I didn’t really need to re-invent the wheel in this case. :)

Oct-18, 2007 8:54 am

Jimhttp://shamuswrites.com 28

I keep looking at this theme on my site and thinking, “Damn, that’s pretty.” So, thanks for putting this together and sharing it. It’s a fabulous piece of work, and I’m enjoying it very much. :)

Oct-18, 2007 1:34 pm

David Yeiser 29

Thanks, Jim. I’m glad that it fit so well with your site. That kind of content-focused site is what I had in mind when I was designing and developing the theme.

Oct-19, 2007 2:05 am

mujeebhttp://www.jaihoon.com/campus 30

This template is really awesome. Very simple and straight-forward yet very spacious.

There are 3 things that I would like to change:

* IN the posts page, instead of displaying the number of post(post id), Can I display the category?

* How can I avoid the >> before the title of the posts (displayed on the window bar?)

* How can I display a bg pic like in ur site behind the search and title area

thanks and keep

(would a more graphic colorful version be expected of this theme?) :)

Oct-19, 2007 8:43 am

Rookie Millionairehttp://www.rookiemillionaire.com 31

Thanks for this, it’s very nice indeed. Just one request however - how easy would it be to make it fit into a 800 x 600 window? Many of my visitors are still using that resolution, much to my frustration!

Oct-19, 2007 9:43 pm

David Yeiser 32

Mujeeb: 1. Go to single.php and near the top where it reads the_ID() change it to the_category(). 2. That’s harder to change, it’s in a function. 3. Are you talking about a background image or an image that is in the post but pulled out to the right?

I may make a more graphical modification for download, I haven’t decided yet. Maybe you will give me some motivation ;)

Rookie: Unfortunately that would be pretty difficult to do, you’re looking at changing a large majority of the CSS.

Nov-11, 2007 4:36 pm

tinymemehttp://tinymeme.com 33

Why are all my page titles the same? I have noticed this with some themes but not all on my site. Trevilian Way is one that seems to show the same page title for all pages/posts. What causes this?

Nov-12, 2007 1:27 am

David Yeiser 34

Each page has its respective title when I visit your site.

Maybe you’re referring to the “page” in the top left corner? This is static text that is displayed on all pages. It is an identifier (somewhat abstract for typography purposes) for what type of content the page contains. (i.e page, category, tag, etc…)

Does that answer your question?

Nov-14, 2007 11:34 am

tinymemehttp://tinymeme.com 35

Nope. It’s the page title shown in the browser that’s the same on all posts.

Here’s a Yahoo search to show you what I mean.
http://search.yahoo.com/search?p=tinymeme.com&ei=UTF-8&fr=moz2

About # 7 is an actual post. See the title? That’s not what’s in the post when you click or when you read the subtext. I’ve seen this issue with other themes.

Nov-14, 2007 11:39 am

tinymemehttp://tinymeme.com 36

..and I don’t know what to do about it.

(I meant to say this in my last comment)

Nov-14, 2007 11:53 am

David Yeiser 37

Ah, yes. I see what you mean. I used the function that was included with the Default theme for WordPress to display the titles. It displays the posts as “» POST TITLE | BLOG NAME”. However, as you discovered, it’s doing different things with the pages.

I imagine that other designers/developers used this same function also, which may explain why the other themes have the same problem.

Well, all I can say now is that I’ve added it on my list of things to address in future updates. (An update is coming soon, by the way).

Thanks for letting me know of the problem.

Nov-14, 2007 6:29 pm

tinymemehttp://tinymeme.com 38

You’re welcome. Thanks for replying so quickly. If I happen upon the fix myself I’ll post here.

Jan-12, 2008 4:35 pm

Rapidshare Bloggershttp://rapidsharebloggers.com 39

Decent one.. Doesn’t look like a magazine theme though

Jan-16, 2008 1:39 am

Kimhttp://www.socius.or.kr 40

Wow! This is EXACTLY where I was looking to go with the redesign of our site. this is so very beautiful and simple.

I’m planning to take out the old posts section across the bottom and put in three pages (at least the first few characters, anyhow) since I have a lot of static content I want visible from the front.

I’m wondering about using the sidebar on the right side of posts under the area with the post information/navigation. Can I slide in list of the blog categories there, do you think? Ideally I’d like to put the blog categories in there for the posts and then for the Pages put the child pages in that space. I’m happy enough to find the hooks and code it myself, but I’m a noob on templates and don’t want to head into it if you foresee it as just banging my head against a wall.

Thanks again for this beautiful work! You’ve found some very elegant solutions to some problems I’ve been trying to work out in my head. I’ve learned much from you already.

Jan-16, 2008 11:51 pm

David Yeiser 41

Kim, thanks for the compliments, I’m glad you like the theme.

Replacing the posts with pages shouldn’t be a problem.

The blog categories and child pages may be a bit of a headache, mainly due to the XHTML and CSS. You may want to use one of the image classes to pull a div all the way to the right (right4col) and spit out the categories or child pages there.

Let me know how it goes, and if you run into any problems.

Jan-23, 2008 10:17 am

Daniel Blackhttp://www.erectlocution.com/boxing/ 42

Hi, David,

I returned to putter around with this great work of yours, and was reminded of the odd rendering of the post-ID in that top-left-most . I put a small right padding on it, and it worked fine. Does that break some other alignment you have?

Daniel

Jan-24, 2008 3:29 pm

David Yeiser 43

Hmm… It shouldn’t, when I get around to doing some updates to this theme I’ll make sure to include that fix. Thanks for finding a solution, that one in particular bugs me to no end.

Jan-26, 2008 8:49 pm

Bruce 44

I noticed code saying

how does it get a specific amount of letters? and where is the file excerpt?

Jan-26, 2008 9:06 pm

Bruce 45

Never mind, I figured it out. THanks!

Jan-29, 2008 3:39 pm

Greg Lefflerhttp://smarterpocket.com 46

Hey David,

I was surprised when I was searching for WP themes that your name came up, much less with such a nice design. Just wanted to say hey, and that you’ve done some great work!

Greg

Jan-31, 2008 1:43 pm

David Yeiser 47

Thanks, Greg, small world, eh? Nice to hear from you!

Feb-16, 2008 8:25 am

Luana R.http://www.twoplayercoop.com 48

Just downloaded this theme, since it’s the most gorgeous one I’ve come by in some time. Now, I don’t know if I’m just extremely rusty (since I haven’t really touched a computer, much less Wordpress in general, in almost three months), but when you upload/select T.Way as your active theme, is it supposed to appear Sandbox-esque initially? I don’t mind having to customize it at all, but even the grid isn’t showing up at all.

I can screenshot it for you later if need be, since I have the site up on maintenance mode while I’m trying to sort it all out.

Feb-18, 2008 10:34 am

David Yeiser 49

Hi Luana, send me a screen shot and I’ll take a look at it.

Feb-23, 2008 6:51 am

Kimhttp://www.socius.or.kr 50

hi David-

I finally have your theme running on our site and I’ve ended up hardcoding the pages into the template in the place of the recent posts. I would prefer it to dynamically grab the title and first XX number of characters, but that’s beyond my ability and so this solution works for now.

What I’m really trying to get my head around is the layout of the pseudo-header area of the page with the blog title, description, pages links and search box. I want to put a graphic logo in there, but I’m having a hard time figuring out all the little pieces of CSS and DIVs that you have to get it to sit nicely together. I don’t particularly care whether the logo goes right or left, but I would like to put it in. Any help or suggestions would be greatly appreciated.

Cheers-

Feb-23, 2008 7:41 am

Kimhttp://www.socius.or.kr 51

I’ve had to take it down for now and go back to the previous template until I get the IE situation worked out. It’s not your design as much as the widgets. I need to add items to the CSS and give it another try.

However, I have noticed (using the IE NetRenderer; I’m Mac-only here) that IE6 doesn’t show anything to the left of the main body of text if you use left1col/right1col for an image (half of my image is showing, but only what’s in line with the text). More than 1 col right doesn’t even appear at all. IE7 seems to be fine.

Additionally, in Firefox the first line of each paragraph is rendered in all caps, while in Safari 3 it is regular sentence capitalization.

If I notice and other peculiar rendering I’ll let you know.

Feb-29, 2008 12:39 pm

Rich 52

I am having the same issue as a previous poster… in IE 6 on Win XP bullets are not showing up for unordered lists and numbers are not showing up for ordered lists.

They show up in Firefox, however.

Unfortunately, most of my users use IE… :-(

Rich

Feb-29, 2008 12:40 pm

Rich 53

Other than that, I LOVE the theme!
:-)

Rich

Mar-12, 2008 6:39 pm

Miloshttp://www.a-must-have.com 54

Hey Davis

very nice theme! I made the fonts a bit smaller but it is just what I was lookgn for. I have a problem with a number of the post half covered with something white on the right side, but it might be something got wrong when I was modifying the stylesheet. Is there a quick way to put the image from the post on the main page on the last post.

Thanks for the nice theme!

Mar-12, 2008 6:41 pm

Miloshttp://www.a-must-have.com 55

Sorry for misspelling your name David :)

Mar-13, 2008 10:13 am

David Yeiser 56

Rich: That’s an IE bug caused by not setting a width value in the CSS file. It will be fixed in the next update (but I can’t say when that will be).

Milos: No worries! That issue with the number is another CSS bug that will be fixed in a future update.

I’m a little confused by your last question, do you want to know how to get pictures that were in the featured post to show up after there has been another post published and the once featured post moves to previous posts?

Mar-14, 2008 5:29 pm

Miloshttp://www.a-must-have.com 57

Well, the last post is always the featured post, right? I would like to have for the this featured post a picture pulled out right next to the excerpt on the home page. Please take a look on the website, I would like under the search box, inline with headline of the featured post to have a picture from that post.

Mar-17, 2008 10:02 pm

Hedihttp://macamour.com/blog/ 58

Superb design!

Apr-25, 2008 6:26 am

Cándidohttp://www.ohdiosmio.com 59

Hi! Congratulations, Trevillian is great, I love this theme!

In fact I’m using it on my site (temporary down for maintenance) and I’ve made a Spanish (informal) translation which i would like to share, but don’t know how… Any idea?

On the other hand: I would like to mod the header to add a background image and/or to replace the title for a header image. What’s the trick?

Thank you very much!

May-01, 2008 10:34 am

diego 60

Nice design! Just one question:
I’m trying to have the pages navigation on the Index Top Right Only sidebar, but they show up without any space or line break between them, how can i insert a line break so they will show up like a regular vertical menu? Thanks a lot!

May-06, 2008 7:47 am

????http://www.mysochi.ru 61

Really nice theme. Impressed!

Jun-01, 2008 9:56 pm

faisalhttp://www.faisalazam.com/blog 62

hi david,

after looking at literally hundreds of templates for my blog, i chose yours because its clean and simple yet stylish. so kudos on a great design. although i’ve tweaked the colors and fonts/spacing to my liking, i’ve got a couple of issues:

1. i know you have some bugs with IE–and generally i wouldn’t care since i’m on the mac platform using firefox, safari and flock browsers–but many people are on pcs and use IE extensively. using IE, my blog looks nothing like it does on mac with the other browsers. it looks exactly like it did before i tweaked the colors and made other changes. is there something i’m missing here or is this just a case where the template is not a good fit with IE period? (take a look with safari on mac and IE on pc - http://www.faisalazam.com/blog)

2. i would love to get rid of the text at the very top left and incorporate a graphic image, much like you have at the top of this page next to “design intellection.” how do i do this?

thanks in advance for your help and keep up the great work!

Jun-04, 2008 8:21 am

David Yeiser 63

faisal: I’m glad Trevilian Way suited your needs.

For the first question go into the header.php file and delete the lines that start with [if IE] and end with [endif]. They will look like an HTML comment. This is a style sheet that is served to IE only. So that’s why all your custom styles are being overwritten.

2. Look for a span with an id of “page-id”. It will be in the following files: 404.php, archive.php, category.php, index.php, page.php, search.php, single.php and tag.php