Update:
Viewport is now integrated into PhotoQ Photoblog Plugin by Manuel (whoismanu.com).
PhotoQ is a WordPress plugin that turns your blog into a photoblog. If you are a photo enthusiast or simply have a lot of pictures to post, PhotoQ is your ideal companion.
I’m am very pleased to have Viewport included with PhotoQ, and you really must check it out if you are a photoblog owner!
Update:
Version 1.1 has been released with several bugfixes and improvements. Please scroll down or click here to get the latest version.
Viewport is a free Wordpress theme from Paul Bennett. It features a clean and simple layout with sliding ‘panels’ displaying images to represent posts. It also features a user-changeable background (color or image) and other customizable elements.
More information about the theme can be found here at Smashing Magazine, and here on the Live Demo.
Usage:
As this theme uses images to represent articles, a little more work is required when posting. This is a step-by-step guide to using the Viewport theme:
- Write the article as normal
- Create 3 images using your favorite image editing program. They’ll need to be 940×600px, 940×300px and 270×172px respectively.
- Click the ‘Add an Image’ button and upload your first 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’.
- Repeat steps 3-6 with the other 2 images, however enter ’single_image’ in the Custom Fields value for the second image, and ‘archive_image’ in the value for the third image.
Additionally, a short video tutorial is available for download (Quicktime, 720p, ~16MB).
That’s all, now your posts will be represented by the images you chose.
Posts that don’t have images will display a grey box, so whilst it may be time consuming, you may wish to update all your recent posts at least.
Additional Notes:
It’s worth noting that uploading just a lead_image, will work - the image will be resized to display on the other pages, however in the long run you may see increased bandwidth usage due to always loading the large image.
Depending on the image quality you use, the main images are likely to be between 50KB and 300KB each, for that reason it is recommended to edit your Wordpress settings to display around 10 posts per page. In actual fact, because the archive page works in groups of six, you may wish to display a multiple of six posts per page - I recommend 12, but the choice is yours.
Credits:
Download:
Download the latest version directly (.zip ~255kb).
Download the Viewport theme from Smashing Magazine. (Older Version)
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!
Version 1.1:
Version 1.1 of the Viewport theme is now available to download here. This updated is recommend for all users experiencing problems with version 1.0.
Changelog:
- Fixed: unclosed divs when comments on articles are closed.
- Fixed: ‘Where Next’ image not updating correctly/at all.
- Fixed: Archive and Category pages not scrolling correctly/at all.
- Corrected: ‘Image Color’ to ‘Background Color’ on settings page.
- Feature: Theme now supports multiple media types including images, flash video and iframes (support for Google Maps included) as the lead_image. Read more about this feature below.
Recommended for advanced users only, lead_type now accepts links in image, flash video (.flv) and iframe format. The theme will attempt to determine the type automatically, so no further user input should be required. However if the content is not displayed correctly or at all you may try adding the custom field ‘lead_type’, for which accepted values are either ‘flash’ or ‘iframe’, this will force either media type to be displayed. It is also worth noting that video content doesn’t have to be prepared in 940×600, however it will be stretched to fit. Additionally you must define the size of the iframe, width=940 height=600 (Google Maps default is 425×300 for example, so you must change these values in the lead_image field).


I’m trying to use Viewport on a site for one of our academic programs. I’ve got a test site setup at http://se.blogs.breitenbucher.net, but for some reason the slider is not working. This is a WPMU install, but the blog in question has no plugins activated at all. I’m a little stumped. Only the one post has images associated with it. Would that cause the slider to fail?
Also, I see the coda-slider 2.0 is out. Will Viewport be updated to use it? Thanks.
Hi i love your theme, but i’ve got a big problem. i want to use the plugin “Contact Form 7″ from http://contactform7.com/ . if i actived it a can’t scrole the pictures. Firefox says: “Fehler: jQuery(”div#mid”).codaSlider is not a function ” i hope you can help me. Thx a lot !
lg Benjamin
Hi,
Love this theme very much!
Don’t have much knowledge with php scripting, and looked through the comments, and didn’t see anything related as to how to link back to full image page from category/archive/page…
Thanks!
Knokenet
So, is there a solution for linking straight to full image page?
Great theme!
Thanks,
Knokenet
Hi there.
I love this theme, the only thing that is driving me crazy is the Where Next pages that appear in every category search or archives link. How do I remove these fake pages?
Thanks!
Christian
Your theme is so gread, thanks you so much !!!!!!!!!!!
Great theme, thanks!
I was wondering if it was possible to have a background image instead of the just a plain white color background. If so what size does the image need to be.
Good theme, thanks.
Me (again)
I found the error… The code is not tight enough for PHP 5., i’m in the process of rewriting the code now, will post it f it is done
Me again,
As you can see here: new.bartdevos.be/2009/
it works partially, i cant figure out why it won’t work…
I installed WP 2,7 now and no plugins, it still won’t worK
Having some troubles with the theme… My main page and post-page gives a blank page instead of the content… Tried to reinstall my wholo blog, downloaded the newest WP, but all to no avail…
Strange thing is that some pages still work, like my 404-page… and the page with all the thumbnails…
pls help.
Thanks Paul!
Great theme!
However, whatever I try, I can’t get the flv to play in the slider (or in any other place)
I just insert a flv in the upload/insert field ” jornenjoris.nl/JJ/wp-content/uploads/2009/07/video.flv ” (without the quotes)
make a custom “lead_type”(minus quotes ) field with value “flash” (minus quotes )
but nothing’s happening
….what am I doing wrong? I do have JW flv player installed btw..
could you make a screenshot of a flv. upload like you did in the usage part of this article?
thanks!!
Jorn
I succeeded in using timthumb to make derivative images from the first one. I you can live with the fact that the crop won’t turn out exactly as planned, this might save work.
This article greatly helped: http://c.hadcoleman.com/2008/06/adding-timthumb-to-your-wordpress-theme/
Oops, forgot to say what file to edit: /wp-content/themes/viewport/header.php
After upgrading Wordpress to the latest version (Version 2.8), Viewport’s “slider” stopped working on the index of the theme. I found a fix, encase anyone else is having the same problem.
The error I got was “codaSlider is not a function”. After looking at the code that Wordpress generates, it appears it includes the latest version of jquery in the header with the funtion “wp_head()”.
I believe having the two jQuerys conflicts with each other. The simple fix, that worked for me, was to remove the jQuery include from the templates header, and then move the javascript for the theme below the wp_head() function call.
In more detail:
1. Remove line #14 (<script src=”<?php bloginfo(’template_directory’); ?>/js/jquery-1.2.1.pack.js” type=”text/javascript”></script>)
2. CUT lines #13 - 23 (inclusive) (from “<?php if(is_home() …” to line “<?php endif; ?>”).
3. Create new blank line between (<?php wp_head(); ?>) and (</head>). Around lines 21 after cutting the above lines.
4. Paste lines cut in step #2 to new blank line created in step #3.
This should fix it. As long as your Wordpress is including jQuery like mine was (not sure if this is the default behavior).
Love the Theme. Is there a way to display Videos uploaded to Vimeo?
Ok I figured out how to remove the header and the test. Its in the main index file. Remove the following lines:
<a href=”" rel=”bookmark” title=”Permanent Link to “>
Hooray for hacking!
Thanks again for the theme.
Perfect theme for what I need to do, its saved me lots of time! I have the same question as Evie back in January. I didn’t see an answer, here it is:
# Evie ~ January 28th, 2009 at 10:20 am
Paul, sorry to bother you with this, but is there any way to stop the title and text appearing if I leave both fields blank? This layout is ideal for scrapbook-type images, but I want it to just display the image. When I leave the title and text blank, I get two little black squares. How do I remove these?
Any ideas would be much appreciated.
Thanks again!
Hi All of you…
I can see only the first post at the main page, when I scrool, i see empty photo (white),
I have read that this problem already happen to some of you, would be happy if you could help me or lead me to the way…(not only Paul)
Thank you,
Asaf
HEY PAUL
I have seen what you answer to Chrissy (and all the others)(@Chrissy, I’ve taken a look at your site and the only thing I can see that might be a problem is you are only displaying one post per page. If you set this to around 5 or 6 in your Word press settings you should then be able to scroll between them.)
But my settings are set to 12 posts per page, and still I can see only one post.
I’m using WP 2.7.1 and have no other plugin install or JavaScript features.
hope you can solve this for me - Any help on this would be greatly appreciated
By the way - Great theme!
10x
Asaf
Thanks Paul for the theme. I was looking for a new theme for my web portfolio and I found yours in smashingapps.com
Surely you will have a reason to use .PNGs as backgrounds for titles and excerpts but I have replaced with CSS like this -> ‘background:#000000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; padding-left:5px;’. Tested in most common browser results in same look but less bandwidth consumed.
I’ve also added ‘a { outline:none; }’ to avoid appearing the annoying dotted border surrounding the active link.
This theme is AMAZING! I used it for my client’s photography portfolio website. BUT I’m having an issue when it’s viewed in Internet Explorer (any version, as far as I can tell. Basically the sliding image portion of the website is too high and it’s overlayed on top of the logo above it. It looks correct in Safari & Firefox, though. Any ideas?
Hi this theme is incredible. Thank you so much for the work you put into it! I was wondering if there was a way to set my pages to display in the slideshow. Not necessarily in leiu of, but incorporate them into the centerpiece. Thanks!
Got the answer from Nov. Just had to replace $preview_image to $video_preview in index.php line #60.
Awesome theme!! You are the man!!
Absolutely love the theme. I am having the hardest time getting a thumb nail for videos. Can someone provide a step by step how-to? I tried adding a lead_type in the post and I see the image load really quickly and then it goes to black.
Thanks.
Great theme!
I’ve noticed that if you have a video playing and you click the arrows to move to a new post then the video continues playing in the background. I was wondering if there’s an easy way to make the arrow buttons automatically pause the video when you click them.
Thanks!
Hi Paul,
This is a great wordpress theme.
I just have one question. I read some of the comments and didn’t see any problem like mine.
I have everything working fine. Until I logout. After that the scroll on the first page stopped work. I post the files again on the server and reload the page, but it still not working. Also I looked at all settings and changed the number of posts from 10 to 20… still no working. Let me know if you know how I can fix that.
Thanks!
Hello again Paul
Ive managed to make some adjustments in order to view flash contents on the first page like you suggested William .13 and can now see the flash in the main window however I can’t position it? It seems positioning don’t apply for the flash contents, any ideas?
Hi
Im also trying to figure out a way to display a .swf as my first image. Have you had any luck sorting that out yet?
Thanks for a great theme buddy
lol…the theme returns an error in index.php on line 89 (where endif is)
And I just did a fresh install of 1.1, didn’t add anything.
Is this normal or is the theme broken?
a lot of plugins conflict with the them, like social bookmarking at the end of post, share/save, add to any, socialist etc.
seems to interupt the background image of the post…has any one had this problem and can resolve? thanks
Hi,
Your theme is Beautiwonderfull!
I use it for my almost professional) website, showing pictures of my reportage, and it is great.
It requires some sacrifices (plugins, time), but it surely is worth it, plus, it’s free!
THANK YOU!
The “Flickr Gallery” plugin causes this theme not to slide!
I just installed this on my website, but when i click the next or previous buttons nothing happens.
Any clues?
I’ve just resolved the trouble with the archive page, now it works!
Thank you again, your theme totally rock
Hello! Thank you so much for sharing this beautiful theme! I’ve used it for my website and it seems so pretty now! I have only one question: I’ve some troubles with my archives page, they don’t scroll
Where’s the problem?
Thank you!
hello Paul! Thanks for the great theme - unfortunately the website is a totaly mess when viewed with Internet Explorer 6 or lower. Are you planning any browser compability updates? Greetings, Robert
Thanks so much!!! I modified this theme to be a portfolio site, a basic teaser though, with hopes in the future to make it even more in depth. You can view it here: http://jessicahannon.com
The one question I have: Is there a way to set it to auto scroll?
thanks again!
Lovely, man. x
I am having fun using this theme for a simple project documenting my late-to-the-party LOST viewing. Thanks for sharing it. http://nowimlost.com
Ack!
Never mind…
It was a shadowbox conflict…
And I didn’t empty cache when testing… got cornfused…
Thanks.
OH… so when I am viewing the site as a guest, I get this JavaScript error:
Error: jQuery(”div#mid”).codaSlider is not a function
Source File: http://goodstand.com/#
Line: 20
When I am viewing and I happen to be logged in, no problem.
What can I do so the right jQuery gets loaded for guests?
Thx
Paul, thanks for making Viewport available… beautiful.
I can only get it to scroll my items on the home page when I am logged in.
If I am a guest, they do not scroll.
I’m trying to find some difference… some JavaScript that gets loaded when you are logged in that is not loaded when you are guest… but so far haven’t figured that out.
If you’ve seen this or have a clue what I could look for, please let me know.
Take care.
Can this be used on non Wordpress sites? I have seen it on a site that I am almost sure is not Wordpress, but I see no mention of this here. I would love to use this but directions are hard to come by. I do not know how to install it to my server as I am a noob and don’t want to break anything. Any help would be greatly appreciated! This theme rocks!
Hello Paul!
I convert my Photoblog to this amazing theme from my old k2. Thanx a Lot! i have a slow blog and your theme is done for me
Hello!
Very Interesting post! Thank you for such interesting resource!
PS: Sorry for my bad english, I’v just started to learn this language
See you!
Your, Raiul Baztepo
Hello everyone, apologies for the delay in responding to your comments, I’ve been very busy lately working on my next free Wordpress theme due for release theme!
I’ll work backwards here:
@Junereth - If you open index.php and copy the link on line 18 to line 21 where the excerpt is printed, that’ll create a link to the post. I’ll try and get a video tutorial for adding video, however the theme doesn’t have support for embedding videos from Youtube etc, only for raw flash video files that you upload.
@Winni - Many thanks for this, I’m sure a lot of people will find it useful
@Nx - Glad you got it sorted!
@Jon S - If you remove lines 28-41 in index.php (after the endwhile and before the endif statements) that’ll remove the Where Next page.
@Gunnar - Thanks for the info, I will try some more testing with Opera later.
@Steve - Thanks, if I get time I will look into why the theme doesn’t work with these photo galleries etc, I expect it’s a Javascript conflict somewhere.
@Kate - Categories can be selected from the single post pages and then display in a grid format in the slider.
@Elizabeth Richardson - I think that would require some modifying, the best way might be to modify the single page file to just show the lead image. In which case code could probably be copied over from index.php.
@Marc P -
Sounds good!
@1Sipide - Very nice - it works well!
@Jtarter - Check out the instruction video at the top of the page, that should help.
@Aditya.S - Unfortunately I don’t have time to add support for embedded videos at this point.
@Thai - Thanks
And thank you to everyone else for your kind comments. The biggest problem people are having is with the sliding, if you experience issues with this I would ask you to try disabling plugins and other Javascript features to see if that helps. Of course this is not ideal, but unfortunately at the moment I don’t have the time to continue development on this theme.
Check back soon to grab my new Wordpress theme - check out a sneaky preview on Youtube
is there a way to make the preview text of an article link to the article itself instead of the title acting as the link? i’ve had a few instances where friends were confused as to how to access the rest of a post, and i thought that my suggestion would come in handy for them
Paul,
thanks so much for this great theme. As I wanted to have a backlink to the frontpage on each “single” page, I’ve written a little function that allows to call the blog with an URL like “http://myblog.org/#post-12″. The function will convert the postid into the index-no. of the image you cross-linking to (so I won’t mess up the scrolling).
Whoever likes to use it, simply add this to your “js/coda-slider.1.1.1.js” file:
http://paste.dokuleser.org/29 (insert it at line 54)
Thanks again for the theme!
Winni
i found a solution!…
i removed if ($media_type != ‘flash’) from single post php… it worked imediatly!!
Sorry is me again… i got mistaken by the “”
this is a comment of user “nov” about the single_image not appearing when you use flash
“I do not understand this:
hey, it’s me again:
i have solved the problem
if you use the player you are not allowed to use the content_type field in wordpress, otherwise the single_image will not work. so i modefied the index.php with an OR for all the files I want to use with the flv player stristr($media, ‘.flv’) || stristr($media, ‘.mp3’)…
it works fine.
by the way thanks a lot for this nice theme. beautiful!
the only thing i do not understand is the problem (single_image) when you use the player and content_type filed. crazy
but i’m happy now, thank you”
what exactly is to do??
Hi, just wanted to ask if you could provide a video tutorial as to how to use add a flash video as the lead. I tried playing around with a youtube video, but the video itself tends to cover the whole page including the title and content of the article, not to mention it gets messed up when i click on the article link itself as it displays the video as the single_image and covers up a lot of things
Great theme, and thank you for it!
One question: How do I omit the “Where next?” page? I will not have comments on my site so the “Where Next?” page isn’t needed.
Thanks!
Paul, thank you for presenting this innovating idea to us!
One issue, though:
I don’t know if its the coda slider that is the reason, but there is one problem with flash in Opera.
I can notice that your panels with flash (the videos), do not refresh properly in the Opera browser. The panels are refreshed though if one resizes the browser manually, so It could be an issue for Opera to fix. I suspect the coda slider, because i’ve also seen this happen when you add flash to some of the other coda-slider based themes out there. If you or someone else would find the solution to this refresh-problem, i think there would be one or two happy coders out there, or if this really is an Opera error, let them know about it!
/Gunnar
Also does not work with either PhotoSmash 0.2.3 or 0.2.4
This is sad because I love viewport but want my users to be able to upload pictures…
Need to find myself a solution. ie: another theme.
This would probably work if the sliding didn’t just use /3 /4 /5 & such.
Managed to get the slider working - site looks great in firefox - IE is still causing me probs but we will get there. Still really keen to find out how categories work with this theme? Cant see where you can see just one category in the slider?
Any help would be much appreciated.
Thanks in advance.
Kate
Hello Paul,
Thank you so much for this great wordpress theme.
I am wondering if it’s possible to link toward the lead_image from the archive page instead of linking to the single page. I want to remove the single pages altogether and use it as a photo portfolio.
I’ve read through all the posts here and notice how incredibly patient and helpful you are…I think you’re amazing…
All the best,
It’s great TYVM, I think I’m going to add something pretty special to it with JQuery
Thanks for your work. I’ve adapted part of your theme for a friend’s video portfolio: http://www.simon-briand.com. He wanted to have the video content smaller, and the nav remaining on the left hand side, so I did it for him, even though it reduces the great full screen effect that is so powerfull in your work. Sorry about it, and thanks again..
Hey I was trying to design a blog and was wondering how to edit the custom field or where to edit to show images for each post using this theme?
THANKS IN ADVANCE!
Hi Paul,
I love the theme and am interested in the ability to add video’s. I read in the comments your still testing the code for the same and would like to know if its going to be released anytime soon? Also being an amateur could you please post a tutorial on how to insert it i.e YouTube videos for example.
Really love the theme..I appreciate the hard work that you put in and the fact that you released such a high quality theme for free.
From,
Aditya
Oppss, it’s me again, I’m sorry for my bad habit of directions. Haha, I meant left-align, not right-align. ^_^
Hi Paul,
I’d love to say thanks for creating such a great theme, Viewport should be one of the best themes around. Also, in my opinions, due to the fact that Viewport uses right-align for main contents, comments and such. So, I think it’d be great if the footer will be right-align as well. Another detail matter, in “read more” page, footer and the comment area are a bit too close together. It’s just my thoughts, hope you keep the great work Paul.
Hi Paul,
Love the look of the theme, I’m trying to use it on my website but it doesn’t seem to be scrolling? When I hover over the arrows I get “http://www.blerg.ca/#” and once clicked it doesn’t do anything?
I’ve put up two test posts but it doesn’t seem to do anything.
Any help? Is there something I need to change with the permalinks? I’m using Viewport 1.1 by the way.
Thanks!
-Thinh
Hi Paul,
Love the theme its great for a design protfolio. Having trouble getting the slider to work and dont have any plugins installed - wondered if you would shed some light.
Also was hoping to be able to split the images displayed at one time in the viewer by category is this possible or do i need to create multiple sliders?
Thanks very much
It is not clear on how to add a preview image to a video post
awesome use of the coda slider / wordpress …
oh i can do it already
hehehe I think must be a puglin that I instal..
maybe it’s the lightbox
i cannot press the next button… why
hi paul. this theme is good. i wanna use it for my blog. but i have a problem:
i use wp 2.7 and i take an error about that: Parse error: parse error in C:\Program Files\EasyPHP 3.0\www\wordpress\wp-content\themes\viewport\index.php on line 89
i see Jacob’s post for like this problem and do it. but theme’s look became bad
please help me. thanks for all.
Hi Paul!
Great theme. I just want to let you know that it doesnt seem to be compatible with Contact Form 7. It’s the same problem as Ivan wrote earlier. You can’t navigate through posts.
Hey Paul, thanks for the video preview image advice. Got it working perfectly with a custom field!
I would like to update the JW FLV media player. When updating the player I loose the full 900 x 600 video playback as well as the controls over the video. I’ve tried tweaking the flash vars but no luck. Any pointers on updating the flash player? Thanks!
I’m almost done integrating TimThumb in the theme for my personal site. That way I only have to upload the largest image and the rest is created automagically
Hi Paul,
Great job! Love this theme. I’m wondering if you could implement the following into the next version:
For the categories pages, instead of having to click on an ‘Older/Newer’ link, have the right/left page slide navigators navigate to the next set of archive image thumbnails?
I guess it would be somewhat awkward to implement as those slide navigators aren’t really contextually aware?
Just a thought though
Thanks for the great work!
hey, it’s me again:
i have solved the problem
if you use the player you are not allowed to use the content_type field in wordpress, otherwise the single_image will not work. so i modefied the index.php with an OR for all the files I want to use with the flv player stristr($media, ‘.flv’) || stristr($media, ‘.mp3’)…
it works fine.
by the way thanks a lot for this nice theme. beautiful!
the only thing i do not understand is the problem (single_image) when you use the player and content_type filed. crazy
but i’m happy now, thank you
solution for the video_preview - field: in index.php
$vprev = get_post_meta($post->ID, ‘video_preview’, true);
…
s.addVariable(”image”,”");
in the original index.php:
the name of the variable: video_preview and in echo preview_image
s.addVariable(”image”,”");
but i have still a problem:
the JW FLV Player accepts mp3, mp4, flv… and all I have to do is for instance:
lead_image -> http://anything.com/mozart.mp3 and add lead_type -> flash
But from the time on I add the lead_type field, the single_image doesn’t work anymore… please help me. (without lead_type it works, but then I’m only able to play flv’s)
if(stristr($media, ‘.flv’) || $media_type == ‘flash’) is in the original
if(stristr($media, ‘.flv’) || ($media, ‘.mp3′) || ($media, ‘.mp4′) || $media_type == ‘flash’) <- my suggestion
but why do I have a problem with the filed content field????
Paul, sorry to bother you with this, but is there any way to stop the title and text appearing if I leave both fields blank? This layout is ideal for scrapbook-type images, but I want it to just display the image. When I leave the title and text blank, I get two little black squares. How do I remove these?
Hi Paul - thanx for the theme. I am slowly but surely getting it together. My question is this: How would I be able to exclude certain posts from showing up in the slider? For example, what if I only wanted to show 1 photo from each category in the slider? Thanks again for your time.
I still don’t get it how to make a video preview…Could you be more specific on what and where exactly to add. Thank you
Hi Paul-
As everyone else here has said, this is an excellent theme–simple and perfect. Question: How do you change the color of the blog title? I tried changing it in the header portion of the stylesheet.css file and I just can’t get it to work and I can’t figure out where else to change it. I’m wanting to have my background black, so I was hoping to be able to make the title white.
Can you help?
Thanks!
-Steven
Incredible theme! But how can I create an archives page? I have it set up and it just has no content - is there a page I need to link it too to have it turn into archives? Any help is greatly appreciated!
Hi Wuazo, this is my mistake, see Jacob’s post for the fix - Link
I have this error when i select the theme in WP
“Parse error: syntax error, unexpected T_ENDWHILE in C:\wamp\www\wordpress\wp-content\themes\viewport\index.php on line 89″
the older version work fine, but this not….
nevermind, just found out that lightbox and jquery aren’t compatible.
Hi Paul,
Big fan of this theme, love the way it just feels modern.
I’m trying to integrate the lightbox image viewer effect into this theme, and have so far got it working on just the post page. I’m wondering if it is at all possible to get the lightbox image viewer to work on the main blog page? I would like to be able to have each image in the main page use the effect (if that makes sense). So far got the linking working, but just need to figure out why lightbox effect doesn’t work - nb do have lightbox installed correctly. Demo is at http://www.carlashley.com/test
Hey Paul-
I wanted to let you know that I found what was causing my problem. It was the use of the “<?” to start a php statement instead of “<?php”. I changed this in the index, single, and page php files and everything worked.
Thanks!
Hi Charli, the font style for the header is general throughout the site, however you could add some new h1 styles. So perhaps add h1 a.link… etc you can style the font type and colour that way.
@Jacob, thanks for the feedback, I’ll look into that issue.
Hello Paul,
I’ve just downloaded your viewport theme and have been tinkering with it for the last few days.
I have changed the background to a texture that doesn’t work very well with the header font and color. I’ve already tried the normal ways of changing the font and color in the stylesheet but I can’t seem to get things to work.
At first I wanted to use a custom font I uploaded to my server and make it blue, but unfortunately it didn’t work, I then tried to get rid of the title text all together and replace it with this picture.
This doesn’t seem to work either?
Any ideas?
Thanks,
Charli~
Hi! I first want to say that this theme is awesome. Version 1 worked great..but I tried to upgrade to Viewport v1.1 and I am getting a syntax error.. “Parse error: syntax error, unexpected T_ENDWHILE in …\wp-content\themes\viewport\index.php on line 89″
I didnt change the code in any way. The only other thing I could think of is that my version of wordpress is incorrect.
Is Viewport compatible with the latest version of wordpress?
I would like to thank you for this great theme. The idea to integrate the coda slider into the front page is exactly what I was looking for.
I used your theme as a base for my own site design, although I changed it a lot.
So, thanks again and keep up the good work
@Tom, I think that’s due to having a list at the end of the post. The margins must be a little out, a small CSS fix should sort that.
@John, I’m not really sure what to suggest there I’m afraid. I would guess Wordpress is just redirecting back to the index, not sure why though.
@Nic, there are two ways of doing this, as usual, an easy way and a hard way. Luckily the easy way is pretty easy. The Javascript the is used to play the video has a parameter for a preview image, so all you have to add is [...].addVariable(”image”,[image_link]); The bits in square brackets there would have to be changed to your values. So you could prepare a preview image in 940×600 for example, upload it and perhaps use another custom field to display it.
The harder way is to use server-side software such as ffmpeg, to strip out a frame from the video and save it as a preview image. This would require a fair amount more work however, and you’d have to have to a certain amount of PHP knowledge.
Wow, thanks for the fabulous theme. Great integration of the coda slider!
Working on expanding this to a larger video-based project. Do you have any idea how I could set a flv video to have a image on default so before clicking to play there is an image still, rather than just black. I am assuming it has to do with the way WP handle’s it’s video media. Anything helps. Thanks, keep up the great work!
Howdy!
If I change the permalink category base to something other than “category”, the 940-600 view appears with no content. Here is an image on Flickr.
Assume I change the permalink category base to the word “viewport”. If I go then navigate to a category, say for example “discography”, I would expect to see http://website.com/viewport/discography — what I see instead is http://website.com/category/discography, the Wordpress default. Instead of a 404 or redirect, the site navigates to an empty view of the 940×600 Lead image shell thingy.
Hi!
I love your theme, it works great for my application site. One question though: There’s an error on the full post pages. Any ideas how to fix it? I made a screenshot of it: http://www.silicon-venus.de/online/wp-content/uploads/2009/01/viewport_error.jpg
Cheers,
Tom
Thanks guys, for anyone having trouble with the sliding not working, it is most likely a Javascript conflict. Check your plugins, reports are that it doesn’t work with Next Gen Gallery, and also Cforms II, so you may have to disable these to use the theme.
@Daniel, if you can to Manage Pages, and then select the about page, you can add custom fields. Just set single_image to the link of your image and it will show on the page.
@John, thanks very much! What sort of things happen if your change the category base? I haven’t looked into this myself before.
Hey Paul,
I have just figured out why the arrows didn’t work; the next gen gallery plugin conflicts with your theme! But we don’t need that anymore now, do we
Thanks!!
Kind regards,
Ramon
Hey Paul,
Beautiful theme: kudos!
But at my website the arrows aren’t working… I have already changed the post count to 3 per page, but it still doesn’t work.
I hope you know what the problem is, because this theme is exactly what I am looking for!
Kind regards,
Ramon
Wow! Pure genius! Huge thanks, Paul. I’ve run into one small issue: when I change the Permalink Category base, things get very weird. If you know of an area to look at to fix this, I would be even more appreciative and thankful.
Hi,
The slider button doesn’t seem to work. Is there any plugin to activate or install?
Thanks
Thanks for the lovely theme Paul! But how can I put a custom image on the ‘about’ page?
Thanks!
Dan
Hey Paul,
Never got a chance to thank you for the new flash functionalities, Thanks! Also, it seems when I force people to log-in to post comments, the layout breaks and the sidebar is on the bottom of the page. All looks good when I’m logged in though.
Thanks again!
@MWH, trying updating to the new version 1.1, support for sliding archives is fixed.
@Chris, it would be quite easy to add tabs themselves in, as the code is part of the original Coda Slider, however naming the tabs might be a little tricky.
I love the theme and am using it now as well. I’ve run into the same issue with scrolling left and right in the archives. I’m eagerly awaiting the resolution! Nice work…
Hey, great theme you have here… One question though, is there any quick and easy way to enable tabs like what most other coda slider themes have? I notice you’re using the regular coda-slider js with a bit of modification so I don’t imagine it would be too hard but I’m not programmer!
Any help on this would be greatly appreciated. Cheers
Hi Paul, excellent theme. I’m experimenting with it and I found out that somehow it collides with cforms II plug in. When it’s activated you just can navigate with sliders between posts. I tried to do something myself but I didn’t find out anything. I hope that you can solve this little problem. Anyway thanks for free theme and keep up the good work.
Cheers,
Ivan
Hi Paul,
Is there anyway to show the gravatar in the comments?
Hello Paul,
thank you very much for this great wordpress theme.
I would like to know if it’s possible to link toward the home page ( the big image in 940×600px)from the arcive page instead of the single page.
Thank you in advance for your answer and happy new year 2009.
Sorry for my bag english, i’m french…
Hi Paul,
Thanks for your email.
But for some reason, I can’t make the video appear. I uploaded a flash (.flv) onto my site (http://nghia-nguyen.com/wp-content/uploads/alwaysserious1.flv) and writing a new post. I just put “test” both for subject and the content. Then added a new custom field “lead_type” and the value is the link above. However, on the front page it didn’t appear.
I’m using version 1.1 of the theme.
What did I do wrong? Please let me know.
Thanks!
Nghia
howabout integrating timthumb into the theme? it automatically resizes images
http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/
Now I only have ONE problem left: Is there any way to get it fixed and working for IE 6??? It´s the old png-problem again and again…and no fixes work since they somehow seem to scew up the js…
This is a great theme…I really LOVE it! But for some reason I can´t get it work :(…The arrows won´t scroll!
Oh, got it figured out…the theme DOESN´T WORK with NEXTGEN GALLERY. This is no problem for me now, but it might help others to know…
@Paul, thanks for the quick response. I will let you know if I discover a solution to the problem.
Thanks
@Steven, the updating of the Where Next image checks to see if the new link is the same as the current one, if so that error message will appear. Similarly if the link contains illegal characters the database won’t be updated, however it seems neither of these conditions are true with your link. Unfortunately I can’t diagnose the problem from that, all I can suggest is that it may be a conflict with another plugin, or a database problem.
@GandT, as you say, the theme should display, just without any content. I believe the only real prerequisite is support for custom fields, which Wordpress has had since before version 2.0, so that shouldn’t be the problem. That said, they may have changed the way it handles requests for the fields, in which case an upgrade may be required. If your web host allows it, I would consider installing the latest version of Wordpress (2.7) and seeing if that makes a change. The installation is very straightforward, all you need to be able to do is create a new database which your host should be able to help you with if you run into any trouble.
Hi
I’m a bit of a noob when it comes to all this stuff, really love your theme though.
I have just installed wordpress on my site and have installed the viewport theme. The problem being that when I go to view my blog site the page appears to be completely blank.
I have not actually published any posts as yet but would assume that the page should at least show a blank layout, the title etc?
The only other problem I can think that it could be is that I installed WordPress through the install options of my website host site manager, which only has version 2.0 available. Does this theme require the latest version?
Thnaks again for the theme, I really like it and would like to get it up an running.
Great theme! I am using it for my photo portfolio and love it! I am trying to change the “Where Next?” slide through the settings page but it returns “Update failed - please make sure you have entered a new, valid image URL, or chosen a new color.”
The image is live on the server: http://steventking.com/wp-content/uploads/2009/01/hailmarry.jpg but will not update. Any ideas?
Thanks in advance for your help!
Steven
@Alex and Tom, there seem to be some problems with scrolling the archives pages at the moment, I’ll be looking into the issue this week!
@Raul, thank you for the heads up! I imagine this is a Javascript conflict although without having used the plugin before, I’m afraid I can’t say for sure.
@Nghia, it looks like you got the scrolling sorted! I guess you had to set Wordpress to show more than one post per page. To change the lead image sizes to 600×600 would require some modifying of the Wordpress loop, and the CSS. Essentially wherever ‘940px’ appears should be changed to ‘600px’, this includes the panel widths so the Javascript knows how wide to make the slider. Additionally the shadow graphic around the main frame would need changing to 600×600. In a nutshell that should be all, although it may require a little more tweaking to get exactly right.
@Alexnote, thanks for the heads up, this is most likely because they have used the same function name for adding the admin panel menus. A quick fix should be to open functions.php and change the phrase ‘mt_add_pages()’ to something different wherever it occurs in the file. That said, I wouldn’t personally recommend messing around with the functions file unless you have some prior PHP and Wordpress knowledge.
@Gregor, similar to adding video, adding a Google map would require slight modification to the Wordpress loop in index.php to support the media type you are inserting (in this case an iframe perhaps?). Then it’s just a case of copying that link into the ‘lead_image’ field when you post an article. Of course if you plan to have more than one type of media (images/video/iframes for example), you would again have to modify the loop to contain a conditional statement that checks against a new custom field (’lead_type’ perhaps) and inserts the correct containing code accordingly.
If this all sounds a little too much and you can wait a short while, I will be releasing a modification later in the week that will have support for different media types.
And to everyone else, many thanks for leaving feedback - its great to hear from you all and I hope you enjoy using and modifying the theme!
Hi Paul, thanks a lot for this great theme, I’m using it for my website and I’ve realise a small translation in french.
Everything is ok except a problem with the archive : it doesn’t slide. And it’s the same problem with the search result.
Can you help me please ?
Awesome work and thank you for sharing
Great theme Paul! Implementing now–new theme for a new year!
Is there any way to embed a Google Map into a post panel?
Thanks!
Hi! Thank you for your theme!
It conflicts with the plugin Cross-linker (http://www.web-developers.net/blog/?page_id=28)
That is the message
Fatal error: Cannot redeclare mt_add_pages() (previously declared in /home/alexche7/public_html/wp-content/plugins/cross-linker/crosslink.php:19) in /home/alexche7/public_html/wp-content/themes/viewport/functions.php on line 108
I’m sorry but it seems like I have another issue.
http://nghia-nguyen.com
This is my website and I’m using this theme. I just found out that I can’t use the arrows to go to the other entry. It only leads me to the page where the Recent Comments are shown (which is “Where Next?”). Is it how it is or I did something wrong?
Thanks!
Hi Paul,
I really love your theme. I wanna say thanks for publishing it for everyone. I actually had 2 questions for your, but the first one has already been answered (it’s about posting a video - so I will wait till next time until you get to it). My second question is about the front page scale. I know the size for a lead_image is 940×600 - so my concern is there any way that I can change that scale to 600×600 (a square format). I’m a medium format photographer so all of my photos are 6×6, and I certainly don’t want to crop my photo.
I’d appreciate a lot if you can help me with this.
Thanks!
Hi! This is a great template and it works great. But how do I enable the Archive page? This might be a stupid question but I have no clue
Thank you for creating this!
Alex
Paul,
I just found out that the slide effect not works if you have the plugin Flickr Manager activated on you wordpress blog.
Just a heads up if something like this comes up…
Hi Josue,
The code for displaying videos is still in testing stages, so I’d rather not release it to the public until I’ve checked over it a little more. If I get time I’ll be working on it next week and will release anything that is working well here. Thanks for your interest!
Great theme. I’ve been playing around with it. How do I display video the way it shows on the demo? Do I just use a video link instead of image? I haven’t tried it, which I guess I should.
JS
@paul:
Thanks, but i have changes it and still it dont work
maybe its a sign to say: dont use this theme, chrissy XD
Hi Dash,
I might be one step ahead of you there
That was actually part of the original plan for the theme, however it turned out to be a little more complicated, due to file permissions within the Wordpress file structure. Additionally to resize upon upload I think would require modifying core Wordpress files, so that wasn’t possible unfortunately. For ease of use I wanted to keep all user control within the confines of the Wordpress system itself, so this feature had to be dropped at an early stage.
However I’ve uploaded the beginnings of the functions I wrote using GD to resize and crop the images, it’s not functional, but if you’d like to use it at all feel free! Link here.
I’m afraid this might also be out of the scope of your project, but since the two of the three images only differ in size and and the other one is only slightly cropped it shouldn’t be too hard to make the process of posting the images a bit more fluent by using GD or Imagemagick.
You could post one image through standard wordpress media upload (instead of the custom field) and a GD script could process the other two automatically. I’m not enough at home with GD, but it might be worth checking out.
For me the manual image creation is the weakest point in this otherwise terrific theme. It could be automated client-side as well, with a Photoshop action, but server side solutions are more elegant (and location independent).
My 2 cents
Hi Paul! Thanks for the beautiful theme!
I have a problem when i log out from the “Leave a Reply” box,
i get the message “You are attempting to log out of (blogname)
Please try again.”
Someone else has the same problem?
Greetings from Italy
Marco
@Ember, that’s a great suggestion, I think however it’d require on-the-fly rewriting of the Javascript to allow it work out which panel it’s on, and sliding to. Unfortunately that’s a little out of the scope for this project!
@Chrissy, I’ve taken a look at your site and the only thing I can see that might be a problem is you are only displaying one post per page. If you set this to around 5 or 6 in your Wordpress settings you should then be able to scroll between them.
@William, another good suggestion, thanks! I don’t think it would be too tricky to use flash for the lead_image. The CSS containers that currently hold each image are already in place to suit all types of content, it would just require modifying the Wordpress loop in index.php to insert the code needed to display a flash video, rather than an image. So for example I use a simple piece of Javascript to display flash video on this site, so I’d replace the img src=… (line 16 of index.php) to the suitable Javascript, which will then link to a flash file that you have uploaded and set lead_image to on the Write Post page.
If you wanted to get a little more advanced you could introduce a new custom field, something along the lines of ‘lead_type’ which you could set to either ‘image’ or ‘flash’ for example, then use a conditional statement in the loop to display the relevant code for either images or flash.
I’ll give this a go myself and if I produce anything that works I’ll post here. The issues I can predict are that you’d have to prepare flash content in the right size which I can imagine is a lot more difficult than preparing images; and that I think you’d really be testing the browsers rendering ability trying to scroll flash content. Still, an interesting concept!
hi there! I’m loving your theme - and trying to tweak it my needs. Just wondering..
Is there a way to allow the lead_image (and others) to be flah / .swf ? That would be truly fantastic. I have quickly tried it, and it doesn’t work, but any advice on how to do that? or sources on where i could get help/ ideas?
Love your work, and very grateful. I was (and remain!) a fan of Derrik’s The Unstandard theme, but i love the sliding effects of yours and will prob end up with a combination of yours, his and my work.
Keep up the great work, and many thanks in advance for any possible sources of help re swf,
Kind regards,
William
Hey, Paul, when you have time, can you send me an email? I’d like to just disable search completely and just use your theme as a CMS design.
Well. I want to used this Theme. I get the Zip, I do it on my Webspace. But it dont works? Why? There is no Read-Me or something else, so I dont know if I can upload the Theme like it is or must I change something?
I’m sorry vor my bad englisch.
Greetings from Germany
Chrissy
Lovely theme! I was planning to use this as a photoblog.
Although it would be nice if each post be assigned a unique ID as in, http://labs.paulicio.us/viewport/#123FourFiveReprise instead of just http://labs.paulicio.us/viewport/#4. I know there’s permalinks, but there may be times where I’d just like a direct link to the full image on the homepage.
Hope I made myself clear. Once again, awesome work!
Thanks for pointing that out Kevin, I have changed it to a zip file.
Can you repost comments.php, possibly with a different extension or zipped?
Current file only contains “Please do not load this page directly. Thanks!”
Hi Aidil,
Thanks for pointing out this error, confirmed it does happen when comments are closed. To remedy this you can replace the current comments.php file in the Viewport directory with the updated one available here (.zip, right click, Save as).
I think I got it.
The layout breaks when I choose to close the comments. Any way to get around this?
Good job! Thank you for sharing.
Hey Paul, great theme. Thanks, I’m using it for my website.
But I do face a problem- the sidebar appears to break at separate pages (about/contact). Could you help me here? Sorry,I’m abit of a noob when it comes to CSS.
Thanks.
Nice and interesting work. I will consider this nice piece of work for my blog. But as someone pointed this is not for blogs that have a lot of updates. But I’m ok, I like slow blog anyway.
Posts represented by images? Unique, but what a pain in the ass for an active blog!