Portfolio Single Post Page

Portfolio Single Post Page

13/12/2018

Each portfolio item you create also generates a corresponding Portfolio Single Post page. The single post page is the full portfolio post and associated content such as featured images, project details, Project URL text, Copyright URL text, etc. In this article, we’ll be explaining all the relevant sections in a single post page and how to configure it to your preference. If you’d like to display all your portfolio items on a single page, you can use the Portfolio Element. You can see a demo of our Portfolio Single Post page here.

Overview

Upload Featured Images

  • Featured Image Box - For each post you create you can upload one or more featured images (the default is 5). Avada provides Featured Image Boxes in the post editing page and this is where you upload your portfolio or project Featured Image/s. View screenshot here.
  • Featured Image Slideshow - If you upload more than one featured image Avada generates a featured image slideshow on the single post page. View a sample here.
  • Number Of Featured Image Boxes - By default you can upload 5 featured images per post, however that can be changed globally by going to Theme Options > Slideshows > Post Slideshow Images and increasing/decreasing the number (min. 1 – max. 30).

Featured Image Dimensions

The Featured Image you upload to each post will show the full image ratio on the single post page by default. The width of the featured image will be set to the site width or the column width if you're using a Half Width layout and the height is set to auto so it displays the original height. In addition to this, you can set a custom featured image width and height to control the size of the image. This is useful in specific situations when you need a custom featured image size.

The 'Featured Image Dimensions' option (Image width and height) is located in the Fusion Page Options > Portfolio section of the posts page. Values are set in pixels or percentage, ex: 100% or 100px. Or Use "auto" for automatic resizing if you added either width or height.

Featured Videos

You can upload a Youtube or a Vimeo video to be displayed in the featured image section of the portfolio post. You can also have a combination of videos and images, displayed as a slideshow on the portfolio single post page. Read below to learn how to upload a Youtube or a Vimeo video.

How To Upload A Youtube/Vimeo Video

Step 1 - Go to the 'Portfolio' tab on your WordPress admin sidebar and clicking 'Add New' to add a new post.

Step 2 - Give your portfolio post a title and add your content as normal.

Step 3 - In the Fusion Page Options box, switch to the 'Portfolio' tab, then find the 'Video Embed Code' option.

Step 4 - Enter the Youtube or Vimeo embed code into the provided field. You can find the embed code by clicking the 'Embed' option on Youtube, and the 'Share' option on Vimeo.

Step 5 - Click 'Save Draft' or 'Publish'.

Selecting The Column Width Layout

Each Portfolio post you create allows you to set the width of the Featured Image's column. This option is called the 'Width (Content Columns for Featured Image)' option and you can set it to be Full Width or Half Width. You can also set the entire Portfolio post to display 100% of the browser width.

These options are located in Fusion Page Options > Portfolio section of the posts page.

  • Default - This is the global value that is set in Fusion Theme Options > Portfolio > Portfolio Single Post > Featured Image Column Size.
  • Half Width - This option lets you set the Featured Image column on the left side of the screen, and the Project Description and Details column on the right side. View an example of a Half Width layout here.
  • Full Width - This option lets you set the Featured Image to display full width on top of the page, and the Project Description and Details below it in two columns. View an example of a Full Width layout here.
  • 100% Width Page - This option lets you display the entire Portfolio Single Post page in 100% of the browser width. View an example of a 100% Width layout here.

Project Description

The Project Description section is any content you insert in the WordPress Content Editor. This is usually the text description of the project, but it can also contain any of our elements. This is where you can put any descriptive content detailing your project.

Project Details

The Project Details section contains meta information relating to the project. For Full Width layouts, the Project Details are placed in a sidebar next to the Project Description. For Half Width layouts, they're displayed below the Project Description. Avada allows information to be added to the Project Details section. See below for each type of information you can add.

  • Categories - Categories are pre-defined taxonomies used to sort and group content into different sections and making it easier for the user to filter and select the relevant portfolio items they prefer to view. On the right side of the page, you’ll find the ‘Categories’ box. Here you can add unique portfolio categories to the post and posts can be assigned to one or more categories. For example, Web Development, Web Design etc. You can also access and edit Categories from the Portfolio > Portfolio Categories tab on your WordPress admin sidebar. View screenshot here.
  • Skills - This is meta information you create to help further define your portfolio posts. On the right side of the page, you’ll find the ‘Skills’ box. Here you can add unique skill tags to the post. For example, HTML, PHP, Illustration. Each skills tag is a meta link that your viewer can click to view similar type of portfolio posts. You can also access and edit Skills from the Portfolio > Skills tab on your WordPress admin sidebar. View screenshot here.

These Project Detail options are located in the Fusion Page Options > Portfolio tab.

    • Project URL & URL Text - This option lets you insert a Custom URL and text for the project. This is perfect for when you have an external link to show the viewer, or an internal link to another page or post of your site.
    • Copyright URL & URL Text - This option lets you insert a Custom URL and text for the Project Copyright. This can be useful for a project that might have been a collaboration with another person or company.

    Using The Fusion Builder

    Avada allows you to use the Fusion Builder on each single post page, as well. Simply click the 'Use Fusion Builder' button above the WordPress Content Editor to access the Fusion Builder. Any elements and content added to the post is treated exactly like regular page content. Click the button below to learn more about the Fusion Builder.

    Learn More About The Fusion Builder

    Portfolio Fusion Page Options

    Avada offers several other options for the Portfolio Single Post page in the Fusion Page Options box below the WordPress Content Editor. Navigate to the Fusion Page Options > Portfolio tab to access these options. All of these Fusion Page options are useful in different situations and allow you to customize each page individually. These options also override global options set in the Fusion Theme Options panel. Choose Default on the options that have them to keep the Fusion Theme Options settings. Fusion Page Options also features Advanced Option Network Correlation for your convenience.

    IMPORTANT NOTE: Fusion Page Options will override the global options set in Fusion Theme Options.

    Width (Content Columns for Featured Image) - Illustrated as A. Allows you to set if the featured image is full or half width. Choose between Default, Full Width, or Half Width.

    Use 100% Width Page - Illustrated as B. Allows you to set the post to 100% browser width.

    Show Project Description Title - Illustrated as C. Allows you to show or hide the project desciption title.

    Show Project Details - Illustrated as D. Allows you to show or hide the project details text.

    Disable First Featured Image - Illustrated as E. Allows you to disable the first featured image.

    Featured Image Dimensions - Illustrated as F. Allows you to set dimensions for featured image in pixels or percentage, or use “auto” for automatic resizing if you added either width or height.

    Video Embed Code - Illustrated as G. Allows you to attach a video through inserting Youtube or Vimeo embed code.

    Youtube/Vimeo Video URL for Lightbox - Illustrated as H. Allows you to attach a video that will show in the lightbox through inserting Youtube or Vimeo URL.

    Project URL - Illustrated as I. Allows you to set the URL on which the project text links to.

    Project URL Text - Illustrated as J. Allows you to set the custom project URL text that will link.

    Copyright URL - Illustrated as K. Allows you to set the URL on which the copyright text links to.

    Copyright URL Text - Illustrated as L. Allows you to set the custom copyright URL text that will link.

    Image Rollover Icons - Illustrated as M. Allows you to set which icons to be displayed on this portfolio post. Choose between Default, Link + Zoom, Link, Zoom, or No Icons.

    Custom Link URL On Archives - Illustrated as N. Allows you to set link URL that will be used on archives either for the rollover link icon or on the image if rollover icons are disabled.

    Open Portfolio Links in New Window - Illustrated as O. Choose to open the single post page, project url, and copyright url links in a new window.

    Show Related Projects - Illustrated as P. Allows you to show or hide related projects on this portfolio post.

    Show Social Share Box - Illustrated as Q. Allows you to show or hide the social share box.

    Show Previous/Next Pagination - Illustrated as R. Allows you to show or hide the post navigation.

    Fusion Theme Options

    Aside from the Fusion Page Options which allows you to customize individual pages separately, you can opt to use the Portfolio Single Post's Fusion Theme Options which allow you to set global options for all Portfolio Single Posts pages. Click the button below to view all the available Fusion Theme Options for Portfolio Single Post pages.

    View The Portfolio Single Post's Fusion Theme Options

    Recent Posts

    Recent Tweets

    For privacy reasons Twitter needs your permission to be loaded. For more details, please see our Privacy Policy.
    I Accept