Portraitby Pro Theme Design

Below is some information about how to use Portrait to its full potential. If you have any questions, please let us know in the support forum.

Custom Header

Portrait allows you to assign a custom header image that will appear on every page of your site. The custom header will be positioned underneath the primary menu.

Custom Menus

Portrait has two custom menu areas available. The primary menu will display above the content, and the secondary menu will display under the site title. The secondary menu only display a single tier of links and does not support drop down menus. To find out more about how to set up your menus, see the Custom Menu documentation.

Featured Images

Portrait supports Featured Images, which are displayed prominently on the blog, archive, and search pages. To use featured images, create a new blog post (or edit an existing one), then open the panel labeled Featured Image. Click Set featured image and then either select an image from the library or upload a new one using the options provided. Once selected, click the Set featured image button, then save your changes.

If there is no featured image assigned to a blog post, Portrait will look to see if there is an image in the post content. If there is, then that image will display in all the places a featured image woud be used; otherwise, no image will be appear.

On the blog and archive pages, featured images are scaled to 700 pixels wide by 1000 pixels tall.

Post Formats

Portrait supports six of the available post formats, and styles each differently on the blog, archive, and search pages. Using the different formats will help bring visual interest to your website.

  1. Standard & Image — The default blog post format displays the content of the post, with an optional featured image positioned above.
  2. Video — The video post format will display your video and the post title. It supports YouTube and Vimeo-hosted videos; the theme will automatically display the first video that’s added to the post’s content.
  3. Audio — The audio post format will display the first audio file found in the blog post.
  4. Gallery — Gallery posts will highlight the first gallery you’ve added to the post content.
  5. Quote — The quote post format will show the first blockquote found in your post. If no blockquotes are found, then it will display the entire blog post.

Sticky Posts

Sticky posts on a Portrait-powered site are highlighted with a yellow border around the post title, to make them stand out. You can set one or more of your posts as ‘sticky’ by following the steps here.

Featured Content

Portrait allows you to draw attention to specific posts by using featured content. To add posts to the featured content section, you’ll create a special tag. Posts with this tag will be displayed at the top of the homepage in a slideshow, separate from the regular blog posts. You can set the featured tag in “Customize → Featured Content” and use it to display up to five posts.

Follow the below steps to set up the Featured Content:

  1. Navigate to Customize → Featured Content.
  2. Enter a tag name for the featured posts – make sure it’s unique and isn’t used anywhere else. “Featured posts” works well.
  3. Edit the posts that you want to display in the Featured Content area, and give them the tag you have just chosen.
  4. The Featured Content slideshow will display the five most recent posts with this tag.

Blog Post Styles

To enhance Portrait, we’ve included some styles that can be used in your blog posts and pages.

The custom styles can be added in the page or post editor by switching to the HTML editor and copying the format used in the examples below.

Intro Paragraph

Making the first paragraph in an article larger than the others is a nice, simple way to pull the readers’ attention to the post content. To do this, add the HTML for the intro class to your first paragraph:

<p class="intro">The first paragraph in an article is the hardest.</p>

Drop Caps

A drop cap is a large letter at the beginning of a paragraph. To add a drop cap, assign the class drop-capto the first character in of a paragraph, like this:

<span class="drop-cap">T</span>his is how you drop cap.

Text Highlight

Apply a highlighter effect to your text by wrapping your text in a span with the class highlight:

<span class="highlight">This text is highlighted</span>.

Social Links Menu

Portrait allows you to display links to social media profiles like Twitter and Facebook in a special Social Links Menu. Each link is displayed as a custom icon, and the menu appears at the bottom of the website.

To add a social links menu to your site, you will need to:

  1. Create a new Menu.
  2. Using ‘Custom Links,’ add links to each of your social media accounts to the menu.
  3. Assign this new menu to the ‘Social Menu’ space.

Please check out the Social Links Menu documentation for more detailed instructions.

Available icons

Linking to any of the following sites will automatically display its icon in your menu.

  • Codepen
  • Digg
  • Dribbble
  • Dropbox
  • Email (mailto: links)
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Path
  • Pinterest
  • Pocket
  • Polldaddy
  • Reddit
  • RSS Feed (urls with /feed/ or .rss)
  • Skype
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitter
  • Twitch
  • Vimeo
  • Vine
  • WordPress
  • YouTube

Portfolio

Portrait supports the Portfolios post type, which is a great way to create an online showcase of your work:

Testimonials

Portrait also supports Testimonials. These are great for sharing customer quotes about your website, business, or products.

Widget Areas

Portrait has two widget areas — one that will appear in the site’s sidebar, and one that will appear in the footer.

The sidebar widget area is available on all pages, except the front page, and appears beside your content. The footer widget area is available on all pages. Both widget areas only display when there are widgets assigned to them.

Content Options

Portrait supports Content Options, which allow you to easily hide specific post content, like the date, author, categories, and more. Content options will also allow you to switch the posts on the blog page to display their full content rather than an excerpt. Please note: this option will not affect posts in the Featured Content Slider due to lack of space.

Custom Templates

Portrait has a number of custom Page Templates. These can be used to add additional features to pages on your site. They can also be used on the Static Front Page. These templates include:

  • Contributors (example) — lists of all the contributors to your website, sorted based on how many posts each person has published. Great for magazines and other multi-author blogs.
  • Full-Width Page (example) — displays a normal page, but with the sidebars removed so your content stretches the full width of the site.
  • Projects (example) — lists all the projects that have been added to your portfolio.
  • Child Page Grid (example) — lists all of the pages that are children of the current page. Handy if you want to create an index of pages.

More Settings

Portrait also supports the following features: