Tag: filtering

  • Home
  • /Posts Tagged ' filtering '

How to Create a Portfolio Page

Learn how to create Portfolio Posts, assign them to Categories and create a Portfolio Page with Filtering.

Creating a Portfolio Page Video Tutorial

Learn how to create a Portfolio Page using this video tutorial.

STEP 1.

Install Plugin Ensure the Portfolio Plugin is installed – to install the Portfolio plugin, goto WordPress Admin > Appearance > Install Plugins > Locate Portfolio Post Type > Click Install.

STEP 2.

Create Post Let’s create our Portfolio Posts. Goto WordPress Admin > Portfolio > Add New Item > Once the page has loaded Enter a Post title.

For this stage, we need to ensure we see the Visual Composer Editor buttons are displayed.

If you can not see buttons in the diagram above, goto WordPress Admin > Visual Composer > General Settings > Role Manager > Post Types ( assuming you’re administrator ) > Ensure Portfolio is Checked.

STEP 3.

Adding Content Next, we need to add content to our Portfolio Post. We’ll use the Visual Composer to do this.

You can use the many Elements to add content to the post – at this stage we have a few choices – see diagram for reference.

  • Backend Editor – Click the Backend Editor to start adding Elements to the post
  • Frontend Editor – Click the Frontend Editor button to start adding Elements to the post on the Frontend of your site ( Add / Edit Elements in real-time )
  • Use Demo Portfolio – Click the Text view button and paste in the HTML from the Classic Demo ( See below ).

    • Use Demo Portfolio If you would like to use the format used on the Classic Demo and have not installed the Demo Content ( recommended ) you can use the following steps to paste the HTML from the demo into the post:

  • To do this, click the Text view button ( see diagram )
  • Copy all of the following HTML from this File
  • Paste the HTML into the Editor field ( See arrow in diagram )

    • Once you have pasted the HTML into the Editor field, follow these steps:

  • Click the Visual button
  • Click the Backend Editor button
  • You should now see all of the content on the Post and you can edit it with your own text and images

    •  

     

    STEP 4.

    Assign Post to Categories Once we’re happy with our Portfolio Post content, we can assign the Post to a Category. This is essential if you wan to use Animated Filtering to filter your Portfolio posts by Category.

    To add a post to a Category, follow these steps, see the diagram above for reference.

  • Locate the Portfolio Categories section of the post.
  • Click + Add New Portfolio Category
  • Enter the Name of your Category
  • Click the Add New Portfolio Category
  • Select the Categories you wish to assign this Portfolio Post to
  • Click Publish
    • STEP 5.

    Create a Template If you would like to use the same format for all your other Portfolio Posts, you can save the Portfolio Post you’ve just created as a Template. This will save you time and keep your Portfolio Posts consistent.

    To create a Template, follow these steps – see diagram for reference:

  • Whilst editing the post you wish to create a Template from, click the Templates Icon
  • Give the Template a Name e.g. My Portfolio Template
  • Click Save Template
    • STEP 6.

    Load a Template If you wish to load a template you’ve created or one of the default templates, create a new Post and follow these steps:

  • Click the Templates Icon,
  • Goto the Default Templates tab
  • Search for your Template e.g. My