{"title":"Getting Started with Phlox Portfolio","id":48221,"link":"https:\/\/env.averta.net\/en\/step\/getting-started-with-phlox-portfolio\/","parent":[48372],"content":"<div class=\"wpb_text_column wpb_content_element vc_custom_1494929715555\">\n<div class=\"wpb_wrapper\"><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-preview.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-48667 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-preview-300x286.png\" alt=\"\" width=\"300\" height=\"286\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-preview-300x286.png 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-preview-768x733.png 768w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-preview-181x173.png 181w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-preview.png 981w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>With Phlox, you can create an inspiring?<strong>Portfolio<\/strong>?page.<\/div>\n<div class=\"wpb_wrapper\">You can simply customize portfolio and create a remarkable portfolio to show off your works impressively. Portfolio page have different things to show such as projects pictures, videos, title, metadata, etc.<\/div>\n<div class=\"wpb_wrapper\">Phlox considers various options for portfolio and portfolio items. These options are considered for both single and archive portfolio, plus different layouts such as Grid, Masonry, and Tiles, to better suits your needs.<\/div>\n<\/div>\n<div>Each portfolio items can appear with an image, post title, post date, an excerpt, a read more or author name, and like button.<\/div>\n<div><\/div>\n<div class=\"wpb_text_column wpb_content_element vc_custom_1494929715555\">\n<div class=\"wpb_wrapper\">\n<div class=\"wpb_text_column wpb_content_element vc_custom_1494929715555\">\n<div>?<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>You can read more about single and archive pages on <a href=\"http:\/\/env.averta.net\/en\/step\/portfolio\/?b=33826,34922,48372\">this page<\/a>.<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr style=\"clear: both;\" \/>\n<h3>Add a New Portfolio<\/h3>\n<div class=\"wpb_text_column wpb_content_element vc_custom_1494929715555\">\n<div>To add a portfolio to your website, first of all, you need to install three plugins:<\/div>\n<div><\/div>\n<div>\n<p><strong>Phlox Elements, Phlox Portfolio, and a Page Builder<\/strong><\/p>\n<\/div>\n<\/div>\n<div><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-portfolio-essentials-e1538482024153.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-60775 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-portfolio-essentials-e1538482024153.jpg\" alt=\"\" width=\"1098\" height=\"388\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-portfolio-essentials-e1538482024153.jpg 1098w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-portfolio-essentials-e1538482024153-300x106.jpg 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-portfolio-essentials-e1538482024153-768x271.jpg 768w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-portfolio-essentials-e1538482024153-1024x362.jpg 1024w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-portfolio-essentials-e1538482024153-318x112.jpg 318w\" sizes=\"(max-width: 1098px) 100vw, 1098px\" \/><\/a><\/div>\n<div><\/div>\n<div><p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>You can find all recommended plugins for Phlox, in <a href=\"https:\/\/env.averta.net\/en\/?post_type=step&p=35041&b=35041,35041\" title=\"Installing Recommended Plugins for Phlox (DRAFT)\">this article<\/a>.<\/p><\/div>\n<div><\/div>\n<div>You can install these three plugins by following the below steps:<\/div>\n<div><\/div>\n<div>\n<ol>\n<li>Go to your?<strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<strong>Phlox<\/strong>?on the <strong>Dashboard<\/strong><\/li>\n<li>Navigate?<strong>Recommended Plugins?<\/strong>tab<\/li>\n<li>Install<strong> Phlox Elements, Phlox Portfolio,<\/strong>?and?<strong>Elementor\/Page Builder<\/strong><\/li>\n<\/ol>\n<p class=\"aswi-text-box box-info\"><strong>Note: <\/strong>You can choose any page builder you want. Phlox includes Elementor, Visual Composer, and SiteOrigin page builders. However, all of our demos are created with Elementor page builder. So it would be better to use Elementor. If you need more information, you can check out <a href=\"https:\/\/env.averta.net\/en\/step\/getting-started-with-elementor-page-builder\/?b=55475,55475\" title=\"Getting Started with Elementor Page Builder\">this article<\/a>.<\/p>\n<\/div>\n<p>When installation finishes, activate the plugins. Then you can add a Phlox portfolio to your website. But first, you need to add some portfolio items. To do so:<\/p>\n<ol>\n<li>Select on <strong>Portfolio?<\/strong>which is added to your<strong> WordPress Admin Panel Dashboard<\/strong><\/li>\n<li>Click <strong>Add New<\/strong>, to create a portfolio item<\/li>\n<li>Add a <strong>featured image<\/strong> for your portfolio items<\/li>\n<\/ol>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To find out more information about portfolio items, you can read about <a href=\"https:\/\/env.averta.net\/en\/step\/portfolio-single-page-configuration\/?b=48278,48278\" title=\"Portfolio Single Page Configuration\">Single Portfolio<\/a>.<\/p>\n<p>Now, you can find your portfolio on your website by accessing its permalink (<code>yourwebsite.com\/portfolio\/all<\/code>) . Your portfolio page on your website, will show the latest portfolio items which it can be easily customized by customizer.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>For more information, you can check out <a href=\"https:\/\/env.averta.net\/en\/step\/portfolio-page-settings\/?b=48376,48376\" title=\"Portfolio Page Settings\">Archive Page<\/a> article.<\/p>\n<div>\n<h3>Portfolio Permalink<\/h3>\n<\/div>\n<div>Portfolio is set with a default <a href=\"https:\/\/codex.wordpress.org\/Using_Permalinks\">permalink<\/a>?and you can edit this permalink by going to <strong>WordPress Admin Panel Dashboard -&gt; Settings<\/strong>.<\/div>\n<div><\/div>\n<div><\/div>\n<div>On the bottom of this page, you can find Phlox Permalink Setting. Here you are able to control portfolio single and archive pages and change them to whatever name you want.<\/div>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-permalinks.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-55140 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-permalinks.jpg\" alt=\"\" width=\"1139\" height=\"480\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-permalinks.jpg 1139w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-permalinks-300x126.jpg 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-permalinks-768x324.jpg 768w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-permalinks-1024x432.jpg 1024w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-permalinks-318x134.jpg 318w\" sizes=\"(max-width: 1139px) 100vw, 1139px\" \/><\/a><\/p>\n<div><\/div>\n","type":"solution"}