Portfolio Press is a responsive WordPress theme for showcasing your photography, art, web sites, or other projects. It also works nicely as a regular blog site. An options panel is available for uploading logos and changing the layout. There’s also support for various post formats and menus.
Here’s a video screencast of how it works:
The theme is in the WordPress Themes Directory. You can demo it here. Or download a copy and try it out.
Portfolio+
If you need more design and customization options than the ones included with Portfolio Press, check out my new theme Portfolio+.
Suggested Plugins
You will need to Portfolio Post Type plugin to use the portfolio features.
You will need to the Options Framework plugin to enable the options panel.
Examples of Portfolio Press in Action
Some of these examples have been customized a bit and show the adaptability of the theme.
Kim Kermode
Todd Milbourn
Golden Retriever Adoption
Pixeltoko
Black Frame Media
Instructions and Common Questions
How to Set Up a Portfolio Item:
When you activate Portfolio Press, you will see a new post type called “Portfolio”. Click “Add New Item” and you will be taken to the edit page where you can add a title, description, and tags for your portfolio piece.
To add the portfolio image, click “Set featured image” on the right side of the screen beneath “Portfolio Tags”. This will take you to the media uploader to add your image. When you finish, click “Use as Featured Image”.
How to Set Up the Menus
A lot of people were asking how the menus work. Here’s a video that explains it, plus instructions for how to create different portfolio sections.
404 Errors:
This theme uses custom post types. If you are getting a 404 error when you try and view the portfolio posts, reset your permalinks. You can do this by going to “Settings > Permalinks” and re-saving the permalink structure.
Portfolio Items Disappear:
If you deactivate the “Portfolio Post Type” plugin, your portfolio items will disappear. They are still saved in the database, but you need the plugin in order to access them.
How can I have different portfolio sections?
Use the portfolio tags or categories. These are like the regular tags in posts. You can also put the links in the menu- so, Portfolio could be your main menu item that display all the items, and then have a drop down menu with illustration, websites, etc that link to the tag urls and just displays those items.
How do I change the size of the thumbnail images?
At some point I will probably make theme options for this, but for now you’ll have to do this through the code. Open the file functions.php, and find the line of code that says: add_image_size( ‘portfolio-thumbnail’, 215, 175, true );. The first number “215″ is the width- the second number “175″ is the height.
If you change the thumbnail size, you was also need to install this plugin and regenerate thumbnails.
Is it possible to change a regular post to a portfolio post?
Yes, you can use the Post Type Switcher plugin to convert any type of post type to another.
How do I change the number of portfolio items per page?
In functions.php of your child theme, add a filter:
function mytheme_posts_per_page() {
return '16'; // Return however many items you choose
}
add_filter( 'portfoliopress_posts_per_page', 'mytheme_posts_per_page' );
Can I stop the featured image from showing automatically in the portfolio post?
Yes, install the options panel and choose “Display images manually.”
How can I make the portfolio display on the home page?
Create a new page, call it whatever you like, and choose the page template “Portfolio” (on the right side of the screen in page attributes”. This will now display the portfolio on this page.
Then under “Settings” > “Reading” click “Front page displays” a static page. Then select the page you just created that has the portfolio.
Can I display my portfolio items in with my regular posts?
Yes, but you’ll just need to update the query call on every template where you want both to appear. See Justin Tadlock’s article about this. The intention of this theme was to have them live separately.
My Thumbnails Looks Distorted, Cropped or Weird
Try installing this plugin and regenerating them: http://wordpress.org/extend/plugins/regenerate-thumbnails/
What if I have hundreds of images to upload? Is there any easier way?
Try using the Automatic Featured Images Posts plugin. In the settings, set the “Default Post Type” to “portfolio.”
Can I change the order that portfolio posts display?
The easiest way is to change the post date- that’s how they are naturally ordered. Another way is to use the Post Type Order plugin- though some folks have mentioned bugs with how the prev/next buttons work when that plugin is in use.
I want to lightbox my portfolio images. Can I do this?
Portfolio Press does not have support for lightbox images. You might try a plugin if you need lightbox functionality.
Translation Credits
Translations by Eduardo-Martín Larequi García, Wolforg, Erling Håmsø, and Sandro Bauer.
Do you like the theme?
Rate it at: http://wordpress.org/extend/themes/portfolio-press
If you’d like to support this project, consider purchasing Portfolio+. It’s the same design as Portfolio Press, but with some bonus features like infinite scroll, additional customization options, and a portfolio category template. Enjoy!
Howdy, Devin:
Is there a way to move photos from one gallery to another in order to preserve comments or do I need to re-upload images into a new gallery? I’m not having any luck using the “Add To Post” button under the Media Library. Whatdo?
Thanks, man!
Great theme!
First, good job on the template! I enjoys it. How do I create a portfolio style gallery in additional pages? I really like the portfolio template, but am having trouble doing this for my other pages.
Tags?
Could you tell me in which templates and what I need to change to get rid of pagination on my portfolio page? For some reason even though I am attempting to edit it I must be doing something wrong because it breaks after 10 (I changed the breaks to after 4, at least I could do that right!). I am just seeking to have a complete, unpaginated portfolio page for all my items, which aren’t very many.
Thank you!
I apologize, I didn’t realize their were earlier pages to these comments, and I found the answer to my question. I am also updating to version 1. Thank you!
Edit $query->set( ‘posts_per_page’, ’9′ ); in functions.php.
Quite new to WordPress, this was driving me bananas until penny dropped and I checked the reading settings for the site. The default number of blog pages is 9 – set it higher and you will show more of your portfolios on a single page.
Hope this helps someone – I suspect Devin probably thinks this is schoolboy obvious….
live and learn.
I have edited the post per page in functions.php but it doesnt change anything.
i also have no “default number of blog pages is 9″ in settings/reading.
Have i missed something?
@Brian – it’s in functions.php but I changed it to 30 but nothing happened, I don’t know if it is also on another page, I’ve looked but I can’t find it. I used to be able to do this no bother but one of the last updates lost the function for me.
Any help would be appreciated as I’d like to go back to having 30 posts per portfolio page – I don’t use the blog and have the portfolio options set as my home page.
I believe I’m up to date with Options Framework, Portfolio and WordPress.
Good grief, spotted it in the notes just after posting;
How do I change the number of portfolio items per page?
Change: $query->set( ‘posts_per_page’, ’9′ ) in functions.php, and: ‘posts_per_page’ => 9, in content-portfolio.php.
Apologies for missing the blantant instruction in the FAQ!
Hi Devin,
I’m using your Portfolio theme template for one of our company’s page.
Is it possible to integrate the lytebox in it, then once in the lytebox, an option to view the full product details. The following page could be in the new window or same window.
Here’s an example of what I’m trying to do, http://www.sears.ca/custom-content/kitchenaid-rebate?intid=hp_Febwk32012_Footer_graphic_kitchenaid-rebate
Appreciate any input.
Thanks,
Steven
Can’t give extensive customization like this here. Try the WordPress.org forums.
Hi Devin, congratulations for the theme. It’s really simple and beautiful! I’ve just installed it but the “PORTFOLIO” tab doesn’t appear on the left. I’m using WordPress 3.3.1. Could you help me?
Thanks,
Gabriel
Did you install the “Portfolio Post Type” plugin? Link is in the post.
Dear Devin,
I have portfolio page with 3 x 3 items (as default). I also have pages per each portfolio tag – but somehow it has 3 x 3 +1 extra item (on the left, bottom) – why is it so?
I only changed the size of items (to 200 x 150).
I am very sorry, I finally found the answer.
Hey Devin,
Love the theme, but did you write anything in to be able to select a custom background color, or is white the only option?
No, background color of the main content area would need to be customized in the style.css.
Dear devin,
I can’t find the file portfolio-post-type.php in the “extensions” folder.There is the options-functions.php in it only.
That was removed in the 1.0 update. If you are looking for post type functions they’re now in the plugin. If you’re looking for image sizes, they’re in functions.php.
thanks! I just want to change the size of thumbnail.
Hi Devin!
Love your theme, but I decided to use it without the actuall portfolio feature. I just think that the theme is simple and great to build upon. I have one problem though. I still want a page called “Portfolio” with a permalink with the same name, but somehow your theme seems to use that permalink to display the built in portfolio, or something like that. Is there any way to disable this?
Disable/delete the “Portfolio Post Types” plugin.
Thanks!
Great theme!
Running into a problem: the portfolio categories no longer appear on the appearance > menu page. I’d like the portfolio categories to appear in a widget on the sidebar. I was using a menu to do this.
Is there a fix for this? or, Is there another way?
They should be available. Check your screen options for that page.
Dear Devin,
I keep getting this error and I don’t know how to solve it I hope you can help me. Many thanks in advance…
Fatal error: Call to undefined function the_post_thumbnail() in /home/chefson1/public_html/raquel/wp-content/themes/portfolio-press/content-portfolio.php on line 47
Hm… You’re using the latest version of WordPress?
I am using WP 3.3.1
Love the theme and am currently using it for my site. I cannot locate documentation on setting up an image gallery in blog posts. Nor can I find documentation on setting up single image posts with that nifty onmouseover caption. The video does not explain this. Where do I go?
Here’s some information about setting up galleries: http://wptheming.com/2010/02/video-tutorial-wordpress-gallery/
To use the gallery or image post format, select it on the right side of the post screen. Here’s some more about it: http://en.support.wordpress.com/posts/post-formats/
Hi Devin, first, congrats for your portfolio theme, it’s really cool. I have a question: I would like to display the (portfolio) category name next to the item title, on the portfolio index page, I’m trying to use the usual “the_category();” next to the title in “content-portfolio.php” (line 48), but nothing happened, it can’t find the category name, and I don’t really understand why, with the global $post defined before, it should be found? Or maybe I’m miundertunding something? Hope you can help because it would be cool to display the category name next to the title (with possibly, a link to this category?). By advance, thank a lot if you could help me !
See how it’s done for a single portfolio item: get_the_term_list( $post->ID, ‘portfolio_category’, ”, ‘, ‘, ” );
Thank you Devin, you rock! :)
Hi Devin! Where can I find the function that gives to the body of one portfolio category page the class term-”slug”?
thanks in advance
You’d have to either filter the body class or add the class directly using: http://codex.wordpress.org/Function_Reference/get_terms
Hi Devin,
First of all, congrats with this nice theme! You can see it on my site. I have put some categories in the menu but when I choose one of these, there are suddenly 10 items on the page instead of 9. How come? I see that this issue is mentioned several times but I find no answer. Maybe you can help me with this. Thank you in advance!
Good find. The bug was fixed on the regular archive page, but looks like I neglected the taxonomy pages. Created an issue: https://github.com/devinsays/portfolio-press/issues/20
Hi Devin,
Found a solution which works for me: in the general settings of WordPress where you can set the number of posts on a page I change the 10 to 9. It’s a different story if you want to have different numbers for portfolio and blog posts, but for me this is OK.
Hi Devin,
Fabulous theme! Could you recommend the best practice for adding text above or below the portfolio template? I can simply add the text to content-portfolio.php as seen in this screen capture:
http://grafiks101.com/portfolio-home.jpg
But, I think best practice would be to create a custom template? Thanks!
I’d recommend using a child theme. And yes, a page template would probably work best for that.
An Awesome Theme! Your video was helpful. I’ve been trying for the longest while to get my website together, but found each theme that I chose difficult. Thank you so much for this easy to use theme! I would like to know if I would be able to disable people from right clicking and saving my photos? Thanks again! :)
Someone can always find a way to download the image if they want it. Better to watermark the image directly if you’re worried about that sort of thing.
Hey!
I wanted to know about the SEO in this. I’ve installed the All in One SEO Plugin but I can’t seem to do the SEO for the portfolio options.
Could you tell me more about how this theme would incorporate the SEO aspects?
Thanks :)
Looks like there might be a setting to enable it: http://wordpress.org/support/topic/plugin-all-in-one-seo-pack-custom-taxonomies
Thanks man! Cheers
Hi again!
I also wanted to ask if there is a way to show portfolio thumbnails on the homepage of images added from URLs. As currently, I can only add images in the portfolio if I upload them.
Is there a way to it?
Thanks. :)
Nope. Need to upload them.
Hello, how do I change the size of the boxes on the portfolio page? Figured out the thumbnails but not the boxes… thanks!
You’ll need to edit the css. Try using the Chrome developer tools or Firebug to locate all the styles.
Thank you Devin.
I’ve created a full width portfolio home page but when I add a portfolio item I just get a black rectangle on the home page and not the image I’ve uploaded. What am I doing wrong?
Is the featured image set?
Thanks that did the trick!
Hi Devin,
Love this theme! I have updated the theme from v0.8.3 to v1.0 and the Options Framework plugin from v0.9 to v1.0.
If you look at the gallery pages they are not working. Pens should show only pens, clocks only clocks, etc. It seems we have lost the link structure? Tried to fix in permalinks but it won’t allow any changes. If I click custom and save changes, it automatically jumps back up to Month and name. But the problem remains and the galleries don’t work. They were perfect prior to the upgrade.
How to solve this? The host does not offer tech support on creation or maintenance of WP sites.
Thanks for any help.
Might be a little too late for this advice, but always backup your files before doing an upgrade.
If the issues are with the permalinks, try just deleting your .htaccess file (after backing up of course). This should force WordPress to make a new one.
Hi Devin,
Thanks for this great site… I’m just getting started with it and I can’t figure out how to set ny home page to a static page. I watched your tutorial (very helpful) but when I go to Reading settings I do not have the option of a static page etc. I do have 2 pages created but it still does not show the options you discuss in the video. Any ideas?
Yes backup available for the child theme but is with the older version of portfolio press. Tried deleting the .htaccess file, WP made a new one but the problem did not resolve with the galleries. Any other suggestions?
Thanks,
Kathleen
I am moving my website from CM4all to wordpress and this looks interesting. I am wanting to display my artwork and it is many different sizes.
Will I be able to have different sized pictures in my portfolio? Or will it look funny?
The portfolio page crops the images. It could look funny- depends on the sizes of your images. But the post page displays them full size.
Hey Devin,
Quick question, I wanted to have multiple pages of portfolios, for example one page called nature with portfolio items of nature photos, a different page called people with different portfolio items of nature photos.
However when i create multiple pages i cannot put different portfolio items on each page. All the portfolio items show up on all the pages. Is there anyway for me separate different portfolio items onto different pages?
Categories or tags?
i added photos to separate categories, but is there anyway i can make them show up only on that categories page and not my home page as well?
Currently all my portfolio items show up on my home page but i would like them to be divided into the separate categories on separate pages.
thanks in advanced for your help.
You don’t have to set the portfolio to display on the home page. But if you do view the portfolio archive, it displays all the items regardless if they are categorized or not.
Hey, I have not done any work on my site for a while. I have upgraded everything in wp. I have options framework 1.0 plugin running. But for some reason there are no theme options under appearance any more. I am just learning and you web site is great to pick it up!
Hi
Brilliant theme, thanks so much. Was just wondering if there’s a way to change the order of the items displayed in the main portfolio without deleting and reposting them?
Thanks
Cat
You can change the publish date.
Thanks so much. That’s perfect.
Cat
Hello Devin
i have same problem as Ika that she mentioned before:
“As you can see “Older posts” link directs to “http://www.jedzonkomalucha.pl/page/2/” which is incorrect, as such page does not exist (as I do not use regular posts at all on my page), it should be “http://www.jedzonkomalucha.pl/portfolio/page/2/”. The interesting thing is that when you navigate manually to “http://www.jedzonkomalucha.pl/portfolio/page/2/” , “Older posts” correctly directs to “http://www.jedzonkomalucha.pl/portfolio/page/3/”. ‘
Could You help me with this problem ?
Dear Devin,
Why can’t I see the text which I add to portfolio page? I need something like this from your examples: http://sgrr.org/dogs/
It only display the title by default. You’d need to customize it in order to show additional text.
Are there some theme options for that or should I edit code?
Must say this is a great theme I love the way the images show up and when you hover over them title appears. Id like to find out if when an image is click is it possible to use one of the lightbox plugins to show the photo and then the option to do a slideshow through the rest. As I don’t want it to link post page but rather popup with the image.
I would also like a sticky footer so that if the page was smaller than the screen the footer was at the bottom and if large would tag on the end tried a number of suggestions as to how to do this but none have worked
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
http://www.wordimpressed.com/wordpress/put-a-css-sticky-footer-in-your-wordpress-theme/
Sure, I opened a ticket for it: https://github.com/devinsays/portfolio-press/issues/21
This is the technique I’ve used in the past http://ryanfait.com/sticky-footer/, but it requires a known height for the footer div. That should be fine for your custom site, but it tricky to do in a generic theme when widget areas are involved.
Thanks tried that one I think been through a few, I have seen that page though Ill try it gain. Best I got was it stuck to the bottom however if you resized the window of Firefox it then appeared over the rest of the site, a front layer(PS CS5 term not sure of the web version). Id still like to a find our if it’s possible to open the image up in a Lightbox style popup when it’s clicked rather than they way it currently works.
I must say I’ve looked at loads of site by dev’s and you are most responsive I’ve seen thanks very much for all your help and kudos to you for all you help.
I’d recommend Lightbox Plus (http://wordpress.org/extend/plugins/lightbox-plus/). You’ll need to edit the content-portfolio.php code in order to add the lightbox class, but I’ve done it on some sites and it works great.
HI.
How can i have no sidebar at all? Like in the pnama hats web page you showed as an example.
Thanks
This is something I would also like as an option (if possible). Great theme…
Go to Appearance > Widgets, add an empty text widget to the sidebar and click save.
Hi Devin!
This is a very nice theme indeed. I’m currently getting familiarized with it but there’s only one thing I can’t get my hands on.
When you mouse-over the “featured images”, the image darkened and the title of the image appears. How could I make the title to display at all time, without having to mouse-over it?
Could you help? Thanks! Great work!
No option for that. You’d need to edit the jQuery and styles.css.
Edit your image so the name is on it before you use the image.
Hey Devin,
Thank you for this wonderful theme.
I would like to have my thumbnail of the featured image link straight to url and not to the post.
How can I do it?
Thank you
You’d need to edit content-portfolio.php to point to the image link rather than the permalink (https://github.com/devinsays/portfolio-press/blob/master/content-portfolio.php).
Thank you for the fast answer Devin,
Since I dont know a lot about coding, can you please give me the line that I need to edit to be able to point the image to the image url link.
Thank you and Happy Easter,
Elly
I had portfolio press working fine, then changed themes a few times and went back to portfolio press. Now my portfolios dont display on my home page or anywhere. They are all there, i can edit them but they dont display anywhere, and i cant convert them to pages or posts.
How can i restore them?
Thx
You may need to set your page template again for the home page. Find “How can I make the portfolio display on the home page?” on this post.
Ok thanks, that worked!
Love this theme. Any chance you’ll be making an adaptive/responsive version in the future?
Yes, a responsive version is likely.
Thank you for such a great theme! Do you know of any way to upload photos to the portfolio straight from an iPhone?
Hi devin! I like your theme and I am using it for a photography site. I am using the theme with jigoshop. When jigoshop installs it auto creates pages for you, one being a shop page. For someone reason this page is not allowing me to make it a full-width page and I don’t get it. Its just a normal page like the others I created. Can you take a look ? http://ngwdcny.com/blog/
Thanks Craig
Also is there a way to add fancy box to open portfolio images instead of them opening in a new page?
Hey Devin! I really like your theme! I was just wondering though, how do you upload an avatar for the administrator and author?
I just use Gravatar: http://en.gravatar.com/
I *love* this theme! As someone just getting used to using themes, I’m finding this is very easy to manage.
I’m still getting used to the style sheet, though, and wanting to change both the background colour and the header colour. Frankly, I’m just not sure where to look. Help!
Best place to ask CSS customization questions is in the WordPress.org support forums. Make sure to post a link to your site and write exactly what you want to customize: http://wordpress.org/support/forum/themes-and-templates
Hi Januska,
I had trouble figuring this out, too. I changed my header color and background color using the following instructions. You can see the result at my web site http://cottonridgellc.com.
Change Header Color
Go to Appearance: Theme Options: Style & Layout Tab
Click on the box under “Header Color” and choose your color.
Change Background Color
Go to Appearance: Editor
Click on Stylesheet (style.css) at bottom right if not already there.
Find in code: #main
background: #fff (fff is the 3-digit code for white; use the code for the color you want – see http://www.december.com/html/spec/color3hex1.html for color codes)
Also, be sure to remove the “url(images/bg-texture.png)”.
Hope this helps!
Hi Devin,
How can I put text above the portfolio gallery?
I’d like the portfolio as my homepage, but I’d also like to write a couple of paragraphs before the images.
Many thanks,
Matt
Anyone??
I’d really like to put some welcome text (A page description) above the portfolio. The page is http://www.desiredisco.com so you can see what I mean.
Thanks
Hi Devin. I’m using your theme for a graphic design portfolio. I love it but I have a problem.
I created an home page with all my work and a menu with 3 categories of my works. I have set to view 24 post for page and in Home page is all right. But in each categories i can view only 10 post for page. Why? I don’t get it. Thanks
You need to edit code. Please read where it says “How do I change the number of portfolio items per page?” on this post.
Thank u for the answer but the code was ok and in home page post per page are 24, as i want. The problem is in categories.
I would like to be able to change the font and color of the title and other headings.
I have managed to change some but not the blogg title. I know i can change it to a logo but i prefer to change the font and color thru code in a child theme.
How can i find and identify each heading?
Brian,
Go to this section of code in your Style.css
#logo #site-title, #logo #site-description {
font-family: Georgia, serif;
Change the font family.
If you’d like more fonts, install WP Google Fonts. Once you have done that, change the font of H1 (Header 1).
Thank you!
I have successfully changed the number of portfolio featured photos while i am in admin mode. But when i log out and view there are only 9 showing and the remaining ones do not show and there is no second page either. What have i done wrong?
Brian,
As a first step please delete your browsing data. What you see on your site may in fact be an old version. Google “how to clear cache for “. Where is Chrome, Internet Explorer, Firefox, Safari etc.
Hope this helps,
If not, write back.
Matt
That worked. Thanks!
That works, thks.
How can i change font color the menu items listed under blog title ( actually the page titles). I have searched and changed all the entries in style.css and nothing has effected them. Have also searched on line but nothing for portfolio press. Thanks in advance.
I have finally been able to change menu colors and fonts in the style.css file.
Am sure i did the same thing before but it didnt work then, wondering if a plugin was interferring. Since have disabled any plugins that i was not using. Here’s the code:
#navigation {
display:block;
float:right;
font:14px/14px Zapfino, Arial, sans-serif; /*menu items font*/
padding:20px 0 10px;
}
#navigation ul a {
position:relative;
color:#333; /*menu items color */