Lenscap

$69

Beautiful Publishing, Made Simple

Lenscap gives you the power to create a stunning magazine or blog with slick content-discovery features, engaging gallery and video Post Formats, smart customization options, and helpful templates. From a multimedia, photography, or food blog to a breaking-news magazine, with Lenscap you can build a site that fits your publishing needs.

With the theme’s Featured Content Carousel and Footer Category Menu, you can deliver more content to your visitors without interrupting the browsing experience.

Lenscap showcases your best content to visitors with a stunning, full-width Featured Content Carousel. Highlight your four latest featured posts in an elegant, responsive carousel at the top of your homepage.

lenscap-showcase-header

The Featured Content Carousel comes with multiple customization options, so you can design exactly the kind of carousel you’re after. We’ve included options to change the height and width, image opacity, image blur, text width, and more!

See how easy it is to customize in this quick video.

Immersive Lightbox for Videos and Galleries

Take your content to the next level and turn your site into a multimedia magazine with beautiful photo and video Post Formats. Lenscap makes it easy to craft media-rich posts for a more interactive browsing experience.

Video Posts

lenscap-showcase-lightbox

Using the included Video Post Format, you can easily turn your standard posts into professional, multimedia-driven content with featured video. On index pages, the Video Post Format will automatically create a video lightbox (overlaid on top of the page) from the first video in your post. See the video lightbox in action by clicking the View Video link on any video post on the theme’s demo page.

On single posts, the Video post format displays your featured video at the top of the post, where the Featured Image is typically found.

Gallery Posts

lenscap-showcase-gallery

Using the included Gallery Post Format, you can create dynamic, immersive photo galleries to help tell the story of your content. On index pages, the Gallery Post Format will automatically create a gallery lightbox (overlaid on top of the page) from the first gallery in your post. See the gallery lightbox in action by clicking the View Gallery link on any gallery post in the theme demo.

On single posts, the Gallery Post Format displays your featured gallery at the top of the post, where the Featured Image is typically found.

Choose a Layout that Fits Your Style

lenscap-showcase-layouts

Lenscap includes two different layout options for displaying your posts on the blog index page. If you want more of a magazine-style look to your site, the Magazine Style option will show a thumbnail on the left and an excerpt of the post on the right, as seen on many news blogs. Alternatively, you can use the Blog Style option to display your entire post, with a large featured image, as seen on traditional blogs.

lenscap-category-menu

Using the Footer Category Menu, you can add an instant post-loading category menu to the footer of your homepage. The Footer Category Menu lets visitors quickly browse the four latest posts from each category in your menu. Show your visitors more content instantly, without them having to leave the page.

Take the Footer Category Menu for a spin on the Lenscap demo.

Showcase Your Contributors

lenscap-showcase-contrib

Lenscap includes a Contributors Page Template to highlight the contributors to your blog or magazine. The Contributors Page Template grabs the author’s Gravatar profile to display the avatar, biography, and relevant links in a tidy grid.

Theme Options to Make Lenscap Yours

lenscap-showcase-customizer

We’ve ensured your site will look great out of the box, but we’ve also included handy theme options that help you change the layout, customize the Featured Content Carousel, and more.

Using the Customizer, you can tweak your theme options in real time, which means you can upload your logo, adjust Lenscap‘s layout, create menus, and add widgets to your sidebar and footer in just a few clicks.

Handcrafted for All Screen Sizes

lenscap-showcase-responsive

Lenscap features a flexible, responsive design, meaning your site will scale to fit any screen size, from desktops down to mobile phones. All pages and features have been optimized to work on every device.

Fonts, images, navigations, and page styles have been optimized to give your users a seamless, comfortable browsing experience.

Elegant Typography on All Your Devices

lenscap-showcase-type

Better typography makes for a much better reading experience for your visitors. Lenscap features clean, magazine-style sans-serif fonts Archivo Narrow and Roboto. We’ve refined each font to work beautifully on desktop and mobile devices.

Quick Specs (all measurements in pixels):

  1. The main column width on posts and pages is 1100.
  2. Featured Content Images are 1400 wide.
  3. Featured Images are 1100 wide.
  4. The Site Logo appears at a maximum width of 500.

lenscap-carousel

Lenscap uses Featured Content to showcase four of your latest featured posts in a beautiful post carousel on the homepage.

  • To activate Featured Content, click the Customize link in your dashboard to open up the Customizer. From here, click the Featured Content panel at the bottom of the Customizer to begin setting up the header.
  • In the Tag name field, enter a tag or choose an existing tag to use as the Featured Content tag. The tag you choose here will be used to display posts from that tag in the Featured Content carousel on the homepage. If you already have posts with the chosen tag, you will see the Featured Content area appear near the header on the homepage. Otherwise, consider adding a few posts using this tag before customizing the carousel to better preview your site’s appearance.
  • After you’ve selected a tag and can see the Featured Content area, you can continue customizing the carousel with the settings found in Theme Options → Featured Content Settings. Head to the Customizer section below to learn about the settings available for the carousel.

The recommended image width for the Featured Content carousel is 1200-1500px. Because the height of the featured content area is percentage based, your image will be scaled proportionally to fit the container.

lenscap-category-menu

With the Footer Category Menu, you can turn a standard category menu into an instant post-loading category browser. By default, Lenscap uses your most popular categories to create a menu for visitors to browse, but you can override this with your own category menu using the instructions below.

  • First, you’ll need to create a menu to populate the category menu. Click Menus in your dashboard and create a new menu and assign it to the Footer Category Menu location.lenscap-category-setup
  • Now you can start adding menu items. Using the Category tab, add categories that you’d like to populate your menu with. Posts from these categories will be shown when the reader clicks the category link.
  • Once your menu is complete, save the menu and check out the Footer Category Menu on the homepage.

Please note that the category menu is meant for categories. Adding page links or custom URLs to the menu will work, but the category menu area will not display or function as seen in the demo.

Using the Customizer

lenscap-customizer

Lenscap comes with several Customizer settings that you can use to tailor your site to your style.

Theme Options

The following settings can be found by clicking Customize in your dashboard and then going to Theme Options → General Settings.

lenscap-customizer-3

  • Index Post Style: We’ve included two different styles for your blog. Choose between a Magazine Style (featuring a thumbnail and an excerpt) or a Blog Style (full-post layout as you see on single posts).
  • Footer Category Menu: The Footer Category Menu is a section near the bottom of the page that lets site visitors browse posts via a category menu. Enable or disable the Footer Category Menu that appears below the posts on your homepage.
  • Footer Category Menu Title: Change the title of the Featured Category Menu section at the bottom of the homepage. Leave the title blank if you’d rather not have one.

Featured Content Settings

The following settings can be found by clicking Customize in your dashboard and then going to Theme Options → Featured Content Settings. Visit the Featured Content Carousel section to learn how to set it up.

lenscap-customizer-2

  • Featured Content Layout Style: Choose between a full-width header layout or a boxed layout. Full-width will stretch your header to the edge of the screen and boxed will contain your header to the width of the content on the site.
  • Featured Content Archive Link Text: Change the title of the Featured Content area. This text will also link to the Featured Content post archive.
  • Featured Content Text Position: Choose left or right positioning for the Featured Content post text.
  • Featured Content Excerpt Length: Change the length of the excerpt for the Featured Content post text.
  • Featured Content Image Opacity: Change the opacity of the Featured Content background image.
  • Featured Content Background Image Blur: Add a blur effect to the Featured Content background image.
  • Featured Content Height: Change the height of the Featured Content header.
  • Featured Content Text Width: Change the width of the Featured Content post text area.

lenscap-menus

Lenscap has four different menus that can be used throughout the theme. See the diagram above for a visual tour of the menus and find the menu details below.

  • Header Menu — Main menu found in the header of your site.
  • Footer Category Menu — Category browser menu found on the homepage, outlined in the Footer Category Menu section.
  • Footer Bottom Menu — Menu found at the very bottom of your site, on the left side of the footer.
  • Social Menu — Social-media icon menu found in the header of your site. See the instructions below to set up the Social Icon Menu.lenscap-social-menu
    • To add a social icon menu, in your dashboard go to Menus.
    • Click to add a new menu item and then click the Link tab.
    • Add the URL for each of your social profiles and a label for the link. Lenscap will detect which site you are linking to and display a matching graphic.
    • Now that you have the menu created, you need to assign it to the Social Menu menu location.
    • Save the menu when finished.

Icons are supported for the following sites:

  • Twitter
  • Facebook
  • Google
  • Instagram
  • YouTube
  • Vimeo
  • Dribbble
  • Github
  • Flickr
  • Codepen
  • Behance
  • Dropbox
  • Pinterest
  • Reddit
  • Soundcloud
  • Spotify
  • WordPress
  • LinkedIn
  • Stack Overflow
  • RSS
  • Email

If there is a popular service that isn’t supported and has an icon on FontAwesome, let us know and we’ll add it to the theme!

Widgets

Lenscap comes with two widget areas you can use to customize your site.

  • Sidebar — This widget area can be found on the right side of every post and page. This sidebar does not appear on the Full Width page template.
  • Footer — This widget area can be found in the footer of your site. There are four widget columns that you can use to add widgets to the footer. The footer widget columns have a dynamic width, meaning if you only choose to use two or three columns, the column width will adjust to display the columns evenly in the footer.

Create a Gallery or Video Post

lenscap-video-lightbox

Lenscap includes support for Gallery and Video Post Formats. Post formats allow you to change the style of your content to more closely match the content of the post you’re creating. Lenscap adds a lightbox effect to Video and Gallery Post Formats that allows visitors to get a quick, full-screen view of media on index pages, while featuring the media at the top of the post on single pages.

Gallery and Video Post Formats will look for embedded galleries or videos in your posts. See here for a list of supported video types. Lenscap will take the first video or gallery in your post to create a lightbox for the index page and it will feature the video or gallery on the full-post-view page.

Create a Video Format Post

lenscap-video-post

  • In your dashboard, click Add on the Blog Posts menu item to create a new post.
  • In the Post Format panel, select Video.
  • Next, let’s add a video. In the same way you embed videos normally, add your embed code or link to the top of your new post. Here are the available video embeds available on WordPress.com.
  • After you’ve added your video to the top of your post, you can continue adding content to your post.
  • Preview the result when you’re finished and publish your post when you’re ready.

Your Video Post Format should look something like the sample below:

lenscap-video-sample

Create a Gallery Format Post

lenscap-gallery-post

  • In your dashboard, click Add on the Blog Posts menu item to create a new post.
  • In the Post Format panel, select Gallery.
  • Next, let’s add a gallery. In the same way you create galleries normally, add your gallery to the top of your new post. After you’ve added your gallery to the top of your post, you can continue adding content to your post.
  • Preview your post, and publish as soon as you’re done editing.

Your Gallery Post Format should look something like the sample below:

lenscap-gallery-sample

Create the Contributors Page

lenscap-contributors

Lenscap comes with a page template to display all your site’s contributors. This is handy if you have several contributors and you’d like a quick way for users to access their posts.

  • In your dashboard, click Add on the Pages menu item to create a new page.
  • Apply the Contributors page template in the Page Attributes menu.lenscap-contributors-page
  • You may add content to the page via the post editor which the theme will display above the contributors list. You won’t see the contributors listed in the post editor, but they will appear on the Contributors page below the page title and page content.
  • Contributors must have published posts before they will appear on the Contributors page. Lenscap will grab the author avatar, display name, and bio from the contributor’s Gravatar profile. If this information is missing for your authors, make sure they have all of their details added to their Gravatar profile.
  • Publish the page when you’ve finished adding content.