Pocket

$75

pocket-dark

Pocket highlights your writing with beautiful, expressive Featured Images, abundant white space, and bold typography. Tell your story with Pocket: minimalist photoblogging at its finest.

Distraction-Free Blogging

Pocket was crafted to give your audience a rich and comfortable reading and browsing experience. By removing common distractions and using a minimal, single-column design, users can focus solely on what’s important – your content.


Simple to Set Up and Customize

pocket-customize Get your website up and running in minutes! Pocket is super simple to set up and use, allowing you more time to focus on writing. Using the Customizer, you can choose from multiple color schemes, upload your own logo, toggle a grayscale Featured Image effect, and more. Zero coding skills required!


Tablet- and Mobile-Friendly

pocket-mobile Pocket is responsive, which means that your website will look beautiful on desktops, tablets, mobile phones, and everything in between! With more and more website traffic coming from mobile devices, it’s even important than ever that your content is displayed beautifully on all devices.


Featured Images

pocket-light Introduce your posts and pages with large, expressive Featured Images. Pocket takes advantage of the full width of the post area, giving you plenty of room to add gorgeous photography along with your content.


Typography

pocket-quote Typography choices can be just as important as which color, images, or graphics you use. Pocket’s typography has been carefully crafted to provide bold, attention-grabbing headlines, and large, comfortable body type for your readers’ eyes.


Social Media Links

pocket-footer Add links to your favorite social media sites and Pocket will automatically add the matching icon. The following icons are currently supported: Twitter, Facebook, Google, Instagram, YouTube, Vimeo, and Dribbble.


Ask Us Anything!

We’re here to answer any questions you might have about Pocket! Whether you’re curious about a feature or just need a hand, we’re happy to help. Visit the Pocket Support page to get started.

Quick Specs (all measurements in pixels):

  1. Suggested logo width is 300-500 wide.
  2. The main column width is 705.
  3. Featured Images are 1200 wide by unlimited height.

Getting Started With Pocket

pocket-customize
Get started with Pocket by visiting the Theme Options section of the Customizer. Here, you can change appearance settings, upload a logo, add widgets, and more.

  • To access the Customizer, go to Appearance → Customize in the WordPress dashboard menu.
  • Visit the Theme Options menu.
  • Logo Upload: Upload your own logo to use in place of your site’s text title. The recommended size for logo uploads is 300px x 150px, but this can vary based on your logo.
  • Grayscale Featured Image Effect: If enabled, this will display your Featured Images in black and white by default, and show the color version when you  hover over them.
  • When you’re finished making changes, click Save & Publish to save the settings. Check out your site to confirm the changes.

Widgets & Footer Social Links Menu

pocket-footer
Pocket comes with a footer widget area. You can add widgets to your site’s footer by going to either Appearance → Widgets or Appearance → Customizer. In the Customizer, you can see a live preview of your selected widgets.

Footer Social Links Menu

Pocket also has a footer menu option, which you can use for social icons.

  • To add a footer menu, go to Appearance → Menus.
  • On the left side of the Menu page, click the Links menu item to add to your social links.
  • Add the URL for each of your social profiles and a label for the link. Pocket will detect which site you are linking to and display a matching graphic. Icons are supported for the following sites: Twitter, Facebook, Google, Instagram, YouTube, Vimeo, and Dribbble.
  • Once the menu created, you can assign it to the Footer in the Theme Locations section.
  • Save the menu when finished.

Creating Media Posts

Pocket makes it easy to share your images and videos. Follow the instructions below to add a variety of media posts.

Featured Image Posts

  • Create a new post and add a title and description.
  • Write your content and add whatever formatting you want.
  • On the right side of your page, you’ll see the Featured Image section. Click Set Featured Image and upload your image. Once uploaded, scroll down and click Use as featured image.
  • Once you’ve added the Featured Image and your post content you can publish and preview your post.

Quote Post

  • Create a new post and add a title and description.
  • To add the large quote, simply write or paste the quote in the editor window. The text will auto-format to large block letters with a dark background.
  • To add a citation name for the quote, write the name below your quote. Using the editor’s Text view, add a <cite> tag around your citation in the Text editor. Example: <cite>George Harrison</cite>
  • On the right side of your page, you’ll see the Format window. Click Quote to set the post as a quote format.
  • Once you’ve added your quote and selected the Quote format you can publish and preview your post.

Post Styles

pocket-distraction-free
Pocket comes with a few custom element styles, which are used to easily add extra styling to your WordPress posts.

Intro Title

Add a nice block of styled intro text to introduce your post or page. To use the intro title you can add a class of intro to your text in the Text tab. See an example below.

<span class="intro">This text will be intro text.</span>

Pull Quotes

Pull quotes are similar to block quotes, but are reserved for less text. See Pocket’s Style Guide to see our suggested usage.

To use pull quotes you can add a class of pull-left or pull-right to your content. See an example below.

<span class="pull-right">This text will be pulled right.</span>

Text Highlight

Text highlight simply adds a yellow background to your text, useful for in-paragraph emphasis. To use the highlight style, you can add a class of highlight to your content. See an example below.

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