Pageloader

Theme Documentation – Portfolio

Portfolio

Hydd includes different options for your portfolio posts and several different layouts. There are numerous Theme Options and Shortcode Options that allow you to customize how posts are displayed. The following sections will cover each of the aspects of Portfolio.

  • Portfolio Posts
  • Portfolio Grid/Masonry
  • Portfolio Slider
  • Related Projects

Creating Portfolio Posts

Hydd offers several options for portfolio posts, and you can assign custom categories to each post. Each portfolio post offers several ways to add tags, categories and skills. See below for information on how to create portfolio posts.

  • Navigate to Portfolio in your Wordpres admin sidebar.
  • Click on the Add New option to make a new post.
  • Create a Title and insert your post content in the editing field.
  • If you want to Add Categories to assign it to the post, click on Add New Categories below to the Categories Tab.
  • Select the Category name which is listed in Categories tab in right side.
  • If you want to Add Tags, type the name of the tag in the field, separate multiple tags with commas.
  • To upload Feature Image for the Post, click the Set Featured Image option, select an image and click Set Featured Image button.
  • For a video post, select either Youtube or Vimeo from dropdown box.
  • The Following screenshots shows the Portfolio Post Page options which is above described.

Portfolio Options

To customize the portfolio, there are various options in Portfolio. Scroll down to see the Portfolio Options tab.

  • General – The general settings for portfolio options.
  • Custom Link for Portfolio Item – Enter the custom link for portfolio item.
  • Link Target – Set the target for that given link.
  • Media Type – Select the Media Type such as Image, Gallery, Video, Audio.
  • Gallery
  • Click on Add New Option button.
  • Image Title – Enter the Image Title.
  • Image – Choose the portfolio image and upload.
  • Video Type – You can choose the video type such as Vimeo or Youtube.
  • Video ID – Enter the ID for choosed video type.
  • Audio
  • Audio Type – Choose the audio type which is already enrolled.
  • Sound Cloud Track ID – Enter SoundCloud ID. Ex: http://api.soundcloud.com/tracks/59051244, Your ID is “59051244”
  • Self Hosted Audio – Upload your custom audio file.
  • Video
  • Video Type – Choose video type such as Youtube, Vimeo.
  • Video ID – For example the Video ID for “Youtube” is http://www.youtube.com/R4-YdC5N6Lo is R4-YdC5N6Lo and Video ID for “Vimeo” is https://vimeo.com/19940853 is 19940853.
  • Single View
  • Custom Text – Enter your custom title or text in single view.
  • Portfolio Date – Enter the date of portfolio item.
  • Client Name – Enter the client name of this project.
  • Estimation – Enter the estimation of this project.
  • Duration – Enter the duration of this project.
  • Enable Social Share – Click on the check box to show the social share fo this portfolio item.
  • Button Text – Enter the button text.
  • Button URL – Enter the button link or URL.

Portfolio Grid/Masonry

  • General – The general settings for portfolio grid.
  • Extra Class – This option allow you to add Extra class.
  • Posts per Page – Enter the number of Posts to show.
  • Show Pagination? – Enable/disable the pagination for Portfolio.
  • Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.
  • Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.
  • Portfolio Type – Select the portfolio type such as Classic, Masonry, Style One, Style Two, List Style etc.
  • Portfolio Columns – Select the column for the portfolio such as 2 column, 3 column or 4 column.
  • Item Spacing – Enter gap size between portfolio items. Only enter number Ex: 10.
  • Show Excerpt Content – You can enable or disable the excerpt options.
  • Excerpt Length – Enter the excerpt length.
  • Filters – The following shoes the portfolio filter options.
  • Portfolio Filters – This option allow you to enable the Portfolio Filter options.
  • Filters Skin – This option allow you to choose Dark or Light skin.
  • Portfolio Filter Type – You can choose the portfolio type such as Default, Arrow Type, Transparent.
  • Portfolio Alignment – You can choose the alignment options for the filters.
  • Portfolio First Filter – Enter the slug of category (only one) to show elements from that category on page load. Enter “all” to show from all categories.
  • If you enter “all” the filter would show in alphabetic order. But if you enter slug of particular category, the filter will sorting based on slug of category.
  • Image – You can select image animation options.
  • Image Animation – You can select image animation options such zoom in, zoom out, rotate, push.
  • Overlay – You can select various overlay options.
  • Overlay Animations – You can set animations for overlay options
  • Overlay Color – You can choose color for overlay options.
  • Overlay Fit – You can choose overlay fit options such as Full, Content Only.
  • Overlay Positions – Choose Overlay Content Positions such as Top, Bottom, Right, Left.
  • Overlay Icons – You can Choose Overlay Icons Yes to enable Zoom Icon and Icon animations. You can choose Overlay Icons No to disable the zoom icon and its animations. Also it will disable the overlay option and the image will redirect to that particular link.
  • Zoom Icons – You can enable or disable the Zoom Icons.
  • Icon Animation – You can choose animation for icons.
  • Content – You can select options to show the content in portfolio.
  • Show Title – You can enable or disable the Title for Overlay options.
  • Show Category – You can enable or disable the Category to show.

Portfolio Slider

  • General – The General setting for Portfolio Slider are following.
  • Extra Class – This option allow you to add Extra class.
  • CSS Animation – You can select animation for the Portfolio Slider such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.
  • Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.
  • Slider Layout – Choose slider layout such as Default and Classic.
  • Show Link Icon – You can enable or disable the Link Icon
  • Slider – The following options include the Slider settings.
  • Items to Display – This option allows you enter number of items to Display.
  • Items to Scrollby – This option allows you enter number of items to Scrollby.
  • Auto Play – This option allows you enable/disable autoplay option.
  • Timeout Duration – You can select Timeout Duration for slider.
  • Infinite Loop – You can set loop for slider.
  • Margin ( Items Spacing ) – You can add spacing between items.
  • Items To Display in Tablet – Enter Number of items to Display in Tablet.
  • Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.
  • Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.
  • Enable Navigation – You can enable/disable navigation for slider.