How Portfolios Work In Avada

How Portfolios Work In Avada

A portfolio is a collection of creative work intended to demonstrate a person』s ability, to a potential employer, or customer. And so websites often have a great need for such collections. Whether you are a web designer, graphic designer, photographer, artist, or in fact anyone who creates a body of work, you will probably want to display your work in a well-presented collection on your website.
With Avada, we make this possible with the Portfolio Custom Post Type and the Portfolio Element. There is also the possibility to make a custom Portfolio layout with Avada Layouts.
Watch the video below and read the full set of Portfolio documents to get a clear idea of how best to use this powerful, and very flexible, set of tools. Just note that this video below covers the pre Avada Layouts methods. You can still create your Portfolios this way, but with Avada Layouts, you now have the freedom to create your own layouts, while still using the Custom Post Type for the portfolio items. See the Creating Custom Portfolio Layouts With Avada Layouts video for more details on this method.,The Portfolio Custom Post TypeThe first thing to understand about setting up a portfolio is that the portfolio is a custom post type in Avada, in the same way the blog or FAQ is. So, setting up a Portfolio requires you to create Portfolio items, and then you display them on your site in various ways, by using the Portfolio Element, much like we create individual blog posts and then use the Blog Element to display them on our pages.
The Portfolio Custom Post Type is similar to the 『Post』 Post Type in WordPress. It gathers your portfolio items together and provides options for Categories, Skills, and Tags, which allow for further filtering and sorting down the track. Categories and Skills can also be customized with language files if you want to have your own personalized headings.
The Portfolio Custom Post Type and the Portfolio Element, together with the Avada Theme Options and the Avada Page Options, offer an enormously wide range of choices, to give you a multitude of ways you can set up a Portfolio on your Avada site.,Overview of the Portfolio ProcessIn the other documents in the Portfolio Category, as you can see on the left hand side of the page, we break down the process of building a Portfolio into their individual steps, but in broad terms, to create a Portfolio on your Avada site, you will follow this general process:

Decide how you want to layout & display your portfolio items. There is a huge range of layout and display options with Portfolios. There are layout choices when working with the Single Portfolio Posts, and many display options when working with both the Theme Options and the Portfolio Element. A good place to start is to check out the various Portfolio examples shown under the Portfolio Menu item on the Avada Demo Site.
Most of the examples show the various display possibilities with the Portfolio Element, but the Single Post Layouts show the various configurations available with the Single Portfolio Posts. The 「Our Work」 section of the Agency Demo also is a great place to see what can be done with Portfolio posts. Watch the video at the top of the page for a detailed rundown of how that demo is using the Portfolio.

Create your individual Portfolio posts. These are the individual items in your portfolio. Each website, painting, sculpture, etc, needs its own portfolio post. The following documents go into much more detail on this process, but there is enormous flexibility here, both for how things are laid out, and options of using Categories, Skills, and Tags for further filtering and sorting.

Use the Portfolio Element to display your collection on your site. Once you have created your individual Single Portfolio Posts, you use the Portfolio Element to display them on your site. Again, there is enormous flexibility here, with innumerable, easy to use display options. The Displaying Portfolio Posts On Your Site document looks at all the possibilities.
The Portfolio options in Avada are amongst the most powerful and flexible in the theme. But Portfolios themselves are the cornerstone of some sites, and so we have created a system that provides the necessary muscle and flexibility to cover almost any scenario. Make sure you read the remaining Portfolio docs to see how this great system can work for you.
Next Step: Creating Portfolio Posts!,Disabling The Portfolio Custom Post TypeIf you wish to disable the Portfolio Post Type entirely, just head to Options > Advanced > Post Types, and here you can turn the Portfolio post types off. This will disable the Post type and remove it from the menu.

Displaying Portfolio Posts On Your Site

Displaying Portfolio Posts On Your Site

Once you』ve created your individual portfolio posts, you can now use the Portfolio Element to display them on your site.
The Portfolio Element is a very flexible tool, which you can use to display your posts in a variety of styles and layouts. You can use its extensive design options and settings to build your ideal portfolio page.
To get a good idea of the possible configuration options available with the Portfolio Element, take a good look at the Portfolio Element page on the Avada Classic Demo. This page has a summary of what』s possible and shows examples of many layout possibilities. Also, have a browse under the Portfolio Menu Item, also on the Avada Classic Demo. Here you can see the various layouts possible through the configuration options available in the Portfolio Element, as well as what can be achieved by adding Sidebars.
The last item in the Portfolio menu item on the Avada Classic Demo is Single Posts Layouts, which shows what can be achieved with the global settings available in the Portfolio Single Post Options in the Fusion Theme Options and the corresponding local options in the Portfolio Tab of the Fusion Page Options.
Once you have a good idea of what you would like to achieve, its time to add the Portfolio Element to your site. This can be added anywhere on any page, and has a wealth of options for you to display exactly the type of Portfolio you want. There are three different layouts available: Carousel, Grid, and Masonry.  You can show only certain categories, exclude certain categories or display the whole portfolio.
For full details on the Portfolio Element, follow the link below.
Next Step: The Portfolio ElementFurther Information: Portfolio Archives & Filters

Creating Portfolio Posts

Creating Portfolio Posts

Before you can display your Portfolio items on a page, you first need to create them. The Portfolio Single Posts Pages documentation goes into extensive detail on the possibilities of the single post page, but here is a short overview of the Portfolio Post creation process.
How To Create A Portfolio PostStep 1 – Navigate to the Portfolio tab in your WordPress admin.
Step 2 – Click on the Add New button to create a post. Insert a title, then insert any post content in the editing field. You can use Avada Builder to create advanced portfolio item layouts, like this one, or you can just add simple text to create a more simple portfolio item, like this one, also from the Agency Demo.
Step 3 – Add and assign Categories on the right side of the post. You can add Categories on the fly by clicking the + Add New Category link at the bottom of the Portfolio Categories section, or you can navigate to Portfolio < Portfolio Categories to set up your Categories independently. To assign Categories, check the box next to the Category name. These Categories are the filters that show above your portfolio items when displaying your Portfolio items with the Portfolio Element. They allow you to filter different types of projects.
Step 4 – Add and assign any associated Skills on the right side of the post. You can add Skills on the fly by clicking the + Add New Skill link at the bottom of the Skills section, or you can navigate to Portfolio Slideshows tab.
Step 8 – For a video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field, found in the Portfolio tab of the Avada Page Options.
Step 9 – Select any number of other options for the portfolio post in the Portfolio tab of the Avada Page Options.
Step 10 – Once you are finished, click Publish to save the post.
There is enormous flexibility in how you design, configure and layout your individual portfolio items. In the next document, we look at the Portfolio Single Post interface in detail and the various ways you can create your portfolio items.
Next Step: Portfolio Single Post Pages

Creating Custom Portfolio Layouts with Avada Layouts

Creating Custom Portfolio Layouts with Avada Layouts

With the introduction of Avada Layouts, it is now easy to create completely custom Layouts for your Portfolio pages. The two main Portfolio related areas you can create custom Layouts for are the Single Portfolio Page, and the Archives page.
With the help of Layout Elements, and with the help of Dynamic Content within normal Design Elements, you can build virtually any layout you can think of, using the full power of the Avada Builder. And using the power of Conditional Layouts, you can specify exactly when and where your Layout will be used. You could make a Custom Layout for ALL single portfolio pages, just for a single portfolio post, or category etc, or you could also just exclude a single post of category. The Conditions can be as simple or as complex as you need them to be.
Custom Portfolio Post LayoutIf you want to create a Custom Layout for your Single Portfolio Post pages, create a Custom Layout (found under Avada > Layouts) and start by setting the Conditions on the Layout to show it on all single portfolio items in the Layout Conditions dialog (Portfolio > All Portfolio). You can then build your Layout using various Custom Layout Sections.
When building the Content Layout Section, you will find the Layout Elements, most of which you will use to design the content section of the Single Portfolio Post Layout. These dynamic elements pull the required data from the database based on the conditions of the layout, and for a Portfolio Single Post Layout, you could choose from such Elements as Pagination, Content, Author, Featured Images Slider, and Project Details to design your layout.
See the video below for a rundown on how to Build a Custom Portfolio Layout, and check out the menu items on the Restaurant Demo, which use a Custom Portfolio layout.
Portfolio Archives LayoutYou might also want to create a Custom Layout for your Portfolio Archives pages. Just remember, that a Custom Layout can include as little or as much as you want.
You may just want to add a Custom Page Title Bar, or Custom Footer, but you might also want to customise the Content Layout Section of the page. For this, there is the Archive Element, one of the Layout Elements, as well as the other Layout Section and normal design elements. See the How To Use The Layout Elements video for more info on this.
If you don』t set a Custom Content Layout Section, your Archives layout will be controlled from the Portfolio Archives Layout Options, found under the Options > General Portfolio tab.
See the video below for a rundown on how to build a Custom Archives Layout.

Theme Check Information

Theme Check Information

Theme Check is a plugin that tests your theme with the latest theme review standards using automated testing tools. However, the results should be taken with care. Many items it will return may seem to be errors, but are not. Please see below for a description of things you will see in the results. Errors you may see in the test results do not mean that the theme is broken or will not work. Themecheck is a general guideline, and is not anywhere close to being fool proof.
These Results From Theme Check Can Be Fully Ignored
text domain warnings

base_64_encode

file operations like fread, fwrite, fsockopen, fopen, fclose

file_get_contents
Explanations For Why They Can Be Ignored1) text domain warnings: Theme Check plugin is listing these as false positives. The listed items are correct.
2) base64_encode: that is a normal php function. WordPress theme repo prohibits it for no reason in our opinion. You can do harmful things with any php code. It is officially allowed by ThemeForest!
3) file operations like fread, fwrite, fsockopen, fopen, fclose: all used only for importer. WordPress prefers using the WP_filesystem, but there is no problem with using the php functions.
4) file_get_contents: the main problem is that wp_filesystem offers very limited functions. So for example for revslider imports we use php ZipArchive class right now which allows you to read a file inside a zip without extracting the zip. The wp_filesystem function get_contents doesn』t allow to do this. So we would need to extract all the zips to the upload directory, then get the contents and then delete them again when finished. that causes a lot of overhead and is completely unnecessary.
Copy to ClipboardWARNING: Found base64_encode in the file tweets-widget.php. base64_encode() is not allowed.
Line 52: $toSend = base64_encode($credentials);

WARNING: Found base64_encode in the file recaptchalib.php. base64_encode() is not allowed.
Line 226: return strtr(base64_encode ($x), '+/', '-_');

WARNING: Found base64_encode in the file class.options_machine.php. base64_encode() is not allowed.
Line 582: $output .= '