Labelvon Pro Theme Design

label-homepage

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

Featured Content

To add the full-screen slider on the homepage, Label uses Featured Content. To set it up:

  1. Go to Customize → Featured Content
  2. Enter a tag name for the featured posts — make sure it’s unique and isn’t used anywhere else.
  3. Edit the posts, pages, or portfolio projects that you want to display in the Featured Content space and give them the featured tag you have just selected.
  4. Add a large featured image to each post, page, or portfolio project in the slider.

Featured Images

Label supports Featured Images, which are displayed prominently on the blog, archive, and search pages, as well as the full-screen slider. 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 either select the image or upload a new one. Once selected, click the Set featured image button, then save your changes.

If there is no featured image for the current blog post, Label will look to see if you’ve added an image to the post content. If there is one, then that image will be used instead; otherwise no image will be displayed.

On the homepage and archive pages, Label scales Featured Images to a maximum width of 600px and maximum height of 999px. Where possible, Label will retain the proportions of the selected image. The Featured Content slider images are resized to 1500px wide by 900px high.

Custom Menus

Label has three Custom Menu areas. If there is no Custom Menu assigned to an area, no menu will display.

  • Slide-out Sidebar Menu — The primary menu appears when you click the menu button in the vertical header.
  • Header Menu — The header menu is displayed at the top of every page. The only exception is the homepage when Featured Content is used. In this case the header menu is displayed underneath the Featured Content Slider.
  • Social Menu — For quick links to your social media profiles.

Social Links Menu

label-social-links

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

  1. Create a new Menu.
  2. Add your social links to it as custom links.
  3. Add it to the Social Menu location.

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

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

 Widget Areas

Label’s three widget areas remain hidden until you’ve added at least one widget to them. Choose from:

  • Slide-out Sidebar Widgets — displays on a slide-out panel that appears when you click the Menu button in the vertical header.
  • Footer widgets — displays at the bottom of every page on the site. The widgets will be arranged automatically to fill the available space.
  • Sidebar widgets — displays on the right-hand side of single posts and pages, but not the homepage or archive pages.

Custom Header & Background

Label makes use of Custom Headers. If the Featured Content slider is set up, then the Custom Header will not display on the homepage. Otherwise, the Custom Header will appear under the navigation.

You can also customize your blog with a background color or image by going to Customize → Colors & Backgrounds.

Post Formats

Label supports some 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 site’s content.

label-post-formats

  1. Standard — The default blog post format displays the content as a news article, with an optional featured image positioned on the left.
  2. Image — The image post format displays a large featured image and the post title. Posts with the image format need a featured image assigned to display properly.
  3. 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 content.
  4. Gallery — Gallery posts will display a gallery of images from the gallery you’ve added to the post content.
  5. Audio — The audio post format will highlight the first audio file found in your blog post.
  6. Quote — The quote post format will highlight the first blockquote found in your blog post. If no blockquotes are found, it will display the entire blog post.

*Hosting your own videos requires a Premium or Business plan.

Sticky Posts

label-sticky-post

Sticky posts in Label get special treatment that makes them stand out.

Custom Colors

Label comes with a set of free color palettes. With a Premium or Business upgrade, you can change the colors on your Label-powered site and customize your palettes. Below are a few examples showing the range of possibilities.

label-colours

Page Templates

Label has a number of Page Templates, which can be used to add additional features to your pages. They can also be used as a Static Front Page.

  • Contributors — A list of all of 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 — displays a normal page with the sidebars removed so you can have content that stretches the full width of the site.
  • Projects — lists all the Projects that have been added to your portfolio.
  • Child Page Grid — lists all the pages that are sub-pages (aka “child pages”) of the current page. Handy if you want to create an index of pages.

Special Styles

To enhance Label we have included some styles that can be used in your posts and pages. You can see them in action on the html elements demo page.

label-post-styles

Intro Paragraph

Making the first paragraph in an article larger than the others is a nice, simple way to draw readers’ attention to your articles. To do this add 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, wrap the first character in a block of text in a span with the class “drop-cap.”. See below for an example:

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

Text Highlight

Apply a highlighter to your text by wrapping your text in a span with the class “highlight.”

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

Portfolio and Testimonials

Label supports both Portfolios and Testimonials. These are great for creating an online showcase of your work.