{"title":"Portfolio Single Page Configuration","id":48278,"link":"https:\/\/env.averta.net\/en\/step\/portfolio-single-page-configuration\/","parent":[48372],"content":"

\"\"<\/a>Portfolio Single Page?<\/strong>shows one of your projects or works individually.<\/p>\n

You can create as many portfolio items as you want, and classified them by specifying tags and categories for them. Also, it is possible to represent each project with image, video, title, metadata, etc.<\/p>\n

To add portfolio items, follow the below steps:<\/p>\n

    \n
  1. Select on Portfolio?<\/strong>which is added to your WordPress Admin Panel Dashboard<\/strong><\/li>\n
  2. Click Add New<\/strong>, to create a portfolio item<\/li>\n
  3. Add a featured image<\/strong> for your portfolio items<\/li>\n<\/ol>\n
    <\/div>\n

    Phlox has different options to customize and edit portfolio items. With Page Options Panel?<\/strong>from?WordPress Admin<\/strong>?Panel<\/strong>, you can customize each single portfolio page individually, without affecting any other portfolio items.
    \nBesides,?you are able to customize?Single Portfolio Settings <\/strong>on?WordPress Customizer tool<\/strong>. Please note that?These changes will apply to?all of the portfolio single pages. It means the changes are globally.<\/p>\n

    Follow below steps to individually customize portfolio single page options:<\/p>\n

      \n
    1. Go to your WordPress Admin Panel<\/strong><\/li>\n
    2. Click the?Portfolios > All Portfolios<\/strong><\/li>\n
    3. Choose the portfolio item you want to customize<\/li>\n
    4. Find Portfolio Options <\/strong>section on the bottom of the text editor<\/li>\n<\/ol>\n

      To customize your portfolio items globally, follow the below steps:<\/p>\n

        \n
      1. Go to your WordPress Admin Panel<\/strong><\/li>\n
      2. Click the?Appearance > Customize<\/strong><\/li>\n
      3. Navigate Portfolio > Single Portfolio<\/strong><\/li>\n<\/ol>\n
        \n

        Single Portfolio Setting on Page Options Panel<\/h3>\n

        Hide Featured Image\"\"<\/a><\/h4>\n

        You are able to hide featured image of each portfolio item, simply by enabling this option.<\/p>\n

        Overview<\/h4>\n

        This overview will appear next to the portfolio image, or next to the page content, at the bottom of the image.<\/p>\n

        Overview Title<\/h4>\n

        You can specify a title for your project overview.<\/p>\n

        Overview Alignment<\/h4>\n

        Portfolio image and information, can be aligned to the left or center of the page.<\/p>\n

        Info Layout<\/h4>\n

        You can change the position of overview text to beside the image or top and bottom of it.<\/p>\n

        Display Next & Previous Portfolios<\/h4>\n

        If you want to add next and previous button below your single portfolio page, you can use this option and set it to Yes.<\/p>\n

        Skin for Next & Previous Links<\/h4>\n

        By selecting Yes for previous option, you will be able to choose a skin for next and previous section. It can be Minimal(default), Thumbnail with Arrow, Thumbnail without Arrow, Navigation with Light Background, Navigation with Dark Background, Sticky Thumbnail with Arrow.<\/p>\n

        Display Portfolio Meta Info<\/h4>\n

        Each portfolio single page can have metadata. In this section, you can add value to each metadata parameter. Phlox consider Project URL, Client, and Release Date as default metadata. You are able to edit or remove each parameter from the customizer, or even add new fields. Metadata can be up to sixteen fields.<\/p>\n

        Display Single Portfolio Categories<\/h4>\n

        A category section will be added to your single portfolio page by choosing Yes.<\/p>\n

        Display Single Portfolio Tags<\/h4>\n

        It is choosable to show tag section, too.<\/p>\n

        URL for Launch Button<\/h4>\n

        Here you can add the link of your project launch. A button will appear on your single portfolio page.<\/p>\n

        Portfolio Metadata<\/h4>\n

        Each portfolio single page can have metadata. In this section, you can add value to each metadata parameter. Phlox consider Project URL, Client, and Release Date as default metadata. You are able to edit or remove each parameter from the customizer, or even add new fields. Metadata can be up to sixteen fields.<\/p>\n

        To know how to work with these parameters, please read metadata article<\/a>.<\/p>\n

        \n

        Single Portfolio Setting on Customizer<\/h3>\n

        \"\"<\/p>\n

        Single Portfolio Template<\/h4>\n

        This layout option, aligns caption and metadata of each portfolio to right, left, top, or the bottom of image. Also, you are able to change the direction of your content.<\/p>\n

        Custom Max Width<\/h4>\n

        You can set this option to the site default max width that is used across your website, or change it to 1000px, 1200px, 1400px, 1600px, and 1900px.<\/p>\n

        Overview Alignment<\/h4>\n

        Portfolio image and information, can be aligned to the left or center of the page.<\/p>\n

        Display Portfolio Meta Info<\/h4>\n

        This option displays extra information of your portfolio.<\/p>\n

        Display Single Portfolio Categories<\/h4>\n

        Enable this option to show categories on single portfolio page.<\/p>\n

        Display Single Portfolio Tags<\/h4>\n

        This option displays tags on portfolios.<\/p>\n

        Sticky Side Area<\/h4>\n

        After choosing the Right and Left portfolio layout, you can set the sticky side area.<\/p>\n

        Display Next & Previous Portfolios<\/h4>\n

        By enabling this option, the next and previous navigation will be displayed on single portfolio page.<\/p>\n

        Display Share\/Action Bar<\/h4>\n

        To add a section that includes share and like button, enable this option.<\/p>\n

        Display Share Button<\/h4>\n

        After enabling the previous option, you can choose whether to display a share button.<\/p>\n

        Display Like Button<\/h4>\n

        Like the previous option, you can add like button, if you have enabled display share\/action bar<\/strong> option.<\/p>\n

        Skin for Next & Previous Links<\/h4>\n

        This option will appear when you enable the previous option. There are 9 available skins for next and previous navigation:
        \nMinimal (Default), Classic Project Navigation, Classic Project Navigation Without Title,?Thumbnail with Arrows, Thumbnail without Arrows, Navigation with Light Background, Navigation with Dark Background, Sticky Thumbnail with Arrows, Modern<\/p>\n

        Next\/Previous Portfolio Label<\/h4>\n

        You can write any word you want, to show after next\/previous navigation.<\/p>\n

        Next & Previous Button Link<\/h4>\n

        If you do not fill this field, it will be automatically be portfolio archive page. Also, you can change this link to anywhere you want.<\/p>\n

        <\/div>\n

         <\/p>\n","type":"solution"}