Portfolio Single Post Page
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.
Upload Featured Images
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.
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 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.
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.
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.
These Project Detail options are located in the Fusion Page Options > Portfolio tab.
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.
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.
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.