{"id":15728,"date":"2012-03-14T07:55:37","date_gmt":"2012-03-14T11:55:37","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=15728"},"modified":"2017-12-19T10:54:47","modified_gmt":"2017-12-19T15:54:47","slug":"wordpress-how-to-work-with-portfolio-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-work-with-portfolio-page.html","title":{"rendered":"WordPress. How to work with portfolio page"},"content":{"rendered":"<p>\r\n<p>This tutorial shows how to work with Portfolio page in WordPress. Portfolio page can also be called Works, Products, Gallery etc. <\/p>\r\n<h3>Manage portfolio content<\/h3>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-1-300x274.jpg\" alt=\"\" title=\"wp-gallery-1\" width=\"300\" height=\"274\" class=\"aligncenter size-medium wp-image-15730\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-1-300x274.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-1.jpg 958w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>In order to edit portfolio page please log in to WordPress administration panel and go to Portfolio section<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-2.jpg\" alt=\"\" title=\"wp-gallery-2\" width=\"300\" height=\"91\" class=\"aligncenter size-full wp-image-15731\" \/><\/a><\/p>\r\n<p>Portfolio section looks like posts. Each item in the portfolio can be modified as simple WordPress post.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-3-300x230.jpg\" alt=\"\" title=\"wp-gallery-3\" width=\"300\" height=\"230\" class=\"aligncenter size-medium wp-image-15732\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-3-300x230.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-3.jpg 854w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p> Items in Portfolio section can be placed into different categories. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-4-300x172.jpg\" alt=\"\" title=\"wp-gallery-4\" width=\"300\" height=\"172\" class=\"aligncenter size-medium wp-image-15733\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-4-300x172.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-4-1024x590.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-4.jpg 1072w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>To add new item to the portfolio go to Portfolio &gt; Add New. Input item title and content. Also assign it to some Portfolio category<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-5-300x174.jpg\" alt=\"\" title=\"wp-gallery-5\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-15734\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-5-300x174.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-5-1024x595.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-5.jpg 1061w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>To create a Portfolio item thumbnail please use the Featured Image section at the item editing page.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-6.jpg\" alt=\"\" title=\"wp-gallery-6\" width=\"293\" height=\"272\" class=\"aligncenter size-full wp-image-15735\" \/><\/a><\/p>\r\n<p> Upload image and click <strong>Use as Featured<\/strong><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-7-246x300.jpg\" alt=\"\" title=\"wp-gallery-7\" width=\"246\" height=\"300\" class=\"aligncenter size-medium wp-image-15736\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-7-246x300.jpg 246w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-7.jpg 701w\" sizes=\"(max-width: 246px) 100vw, 246px\" \/><\/a><\/p>\r\n<p>If you want to activate lightbox you need to use custom fields section. Add new custom field with the name<strong> lightbox-url<\/strong>. Into the custom field Value section input the link to the lightbox image<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-8.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-8-300x173.jpg\" alt=\"\" title=\"wp-gallery-8\" width=\"300\" height=\"173\" class=\"aligncenter size-medium wp-image-15737\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-8-300x173.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-8.jpg 764w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<h3>Portfolio page layout<\/h3>\r\n<p>Working with the WordPress theme you may have noticed that Portfolio page content can be displayed in several columns: 1 column, 2 columns 3 and 4 columns. Portfolio page layout can be controlled through the page settings.<\/p>\r\n<p>In WordPress admin panel go to <strong>Pages<\/strong> and select portfolio page you want to edit. Then in the right column select desired page template<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-9.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-9-297x300.jpg\" alt=\"\" title=\"wp-gallery-9\" width=\"297\" height=\"300\" class=\"aligncenter size-medium wp-image-15729\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-9-297x300.jpg 297w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/03\/wp-gallery-9.jpg 299w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/a><\/p>\r\n<\/p>\r\nIn case you&#8217;re searching for a <a href=\"https:\/\/www.templatemonster.com\/category\/designer-portfolio-wordpress-themes\/\">design portfolio wordpress theme<\/a> or a <a href=\"https:\/\/www.templatemonster.com\/category\/design-wordpress-themes\/\">graphic designer wordpress theme<\/a> to build a website from scratch, look through our <a href=\"https:\/\/www.templatemonster.com\/category\/web-development-wordpress-themes\/\">wordpress themes for web developers<\/a>. \r\n<p>\r\n<\/p>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to work with Portfolio page in WordPress. Portfolio page can also be called Works, Products, Gallery etc.<\/p>\n","protected":false},"author":2,"featured_media":15882,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[499,1050,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/15728"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=15728"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/15728\/revisions"}],"predecessor-version":[{"id":83581,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/15728\/revisions\/83581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/15882"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=15728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=15728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=15728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}