Once you’ve activated your theme, you’ll see a friendly notice across the top of the page, with a link to the Getting Started page (Appearance → Getting Started). Here, you can view the help file, enter your license for theme updates, view the latest changes to the theme and visit us on our support forum.
Activate Your Theme License
Each theme comes with a 1 year license for support and updates. By activating your theme license, you can get theme updates right from your WordPress dashboard. These updates will keep your theme in tip-top shape, with the latest bug fixes and new features.
- Locate your theme’s license key in your Array Dashboard in your Downloads section. In the pop-up window, copy your license key.
- Now, in your WordPress dashboard (where your theme is installed), go to Appearance → Getting Started and find the license box in the sidebar of the page..
- Paste your license key into the license field and click Save License Key.
- Once your license key is saved, click Activate License.
- If your key is valid, you will see a success message. You will now receive a notice on Appearance → Themes whenever there is a new version of the theme available.
- To update your theme, click update now and follow the instructions. Note: Your theme will be overwritten with the latest files, which will overwrite any changes you’ve made to the theme files. Your posts, pages and settings will not be modified in this update.
Jetpack is a WordPress plugin by Automattic, the folks who make WordPress. It’s a toolkit that provides various features and enhancements to your WordPress site. Pocket utilizes several features (infinite scroll, carousel, etc.) of Jetpack, and must be installed for the theme to work as you see in the demo.
Install Jetpack by going to Plugins → Add New and search for “Jetpack”. Install and activate the plugin. Once installed, you can enable Jetpack by
- After activating Jetpack by WordPress.com, you will be asked to connect to WordPress.com to enable the Jetpack features.
- Click the connect button and log in to a WordPress.com account to authorize the Jetpack connection.
- If you don’t yet have a WordPress.com account, you can quickly create one after clicking the connect button.
Once installed, activated, and connected to WordPress.com, you can visit the Jetpack settings page, which is now available at the top of your admin menu. You will need to activate the following Jetpack features by clicking the Activate button on each feature box.
- Carousel – The Carousel adds a beautiful lightbox carousel to your gallery images. This can be seen on the gallery posts on the homepage of the demo. Learn more about the Carousel.
- Infinite Scroll – Infinite Scroll is a feature that loads the next set of posts automatically when visitors approach the bottom of the home page or posts page. Pocket’s homepage template utilizes Infinite Scroll to load posts. Once activated, your blog page will have a button to load more posts. Learn more about Infinite Scroll.
Note: By default, Pocket uses the click-to-load method of Infinite Scroll. To change this to load posts on scroll instead of click, open functions.php and look for Infinite Scroll Support. Change the
Using the Theme Customizer
Pocket is customizable via the WordPress customizer. Here, you can set a custom background image, upload a logo, set your link/accent color and more.
- To access the theme customizer, click Appearance → Customize in the WordPress admin menu.
- Visit the Theme Options menu to customize the theme with a logo, accent color, and custom CSS.
- Logo Upload: Upload your own logo to use in place of your site’s text title.
- Accent Color: Change the red accent color you see throughout Pocket to a color of your choice.
- Color Scheme: Choose between a light and dark color scheme for Pocket.
- Grayscale Featured Image Effect: If enabled, this will turn your Featured Images black and white by default, and show the color version on hover.
- When you’re finished making changes, click Save & Publish to save the settings. Check out your site to confirm your changes.
You’ll need to create at least one new menu for the header.
- WordPress menus can be found under Appearence → Menus.
- If you don’t have a menu already, click create a new menu to create one.
- On the left hand side of the Menu page, select the pages to add to your menu and click Add to Menu. Drag the pages around and arrange them any way you’d like. Create a drop menu by dragging menu items under and to the right of another menu item.
- Now that you have the menu created, you need to assign it to the header in the Theme Locations section.
- Save the menu when finished.
Footer Social Menu
Pocket also has a footer menu option, which you can use for your various social icon links.
- To add a footer menu, go to Appearence → Menus.
- On the left hand side of the Menu page, click the Links menu item to add to your social links.
- Simply add the URL to each of your sites and a label for the link. Pocket will detect which site you are linking to and add an icon to your link. Currently, icons are supported for the following links: Twitter, Facebook, Google, Instagram, YouTube, Vimeo and Dribbble.
- Now that you have the menu created, you need to assign it to the Footer in the Theme Locations section.
- Save the menu when finished.
The Contact Page uses the WPForms Lite plugin, which can grab for free on the WordPress plugin repository. Once installed, you’ll see there is a WPForms link in the left hand sidebar of your WordPress admin.
- If you haven’t already, create a new page called Contact.
- Go to the WPForms menu on the left admin menu to configure your contact form. The form creation process is pretty simple, but you can check out the WPForms documentation here for help and tips.
- After you’ve configured and saved your contact form, you will be given a shortcode like this: [wpforms id="161894"]. Copy your shortcode. We’ll use this to add the form to our Contact page.
- Now head back to your Contact page. Paste the shortcode that you copied into the body of the post. Update the post. You should now see the form on the contact page.
The widget section of Pocket is in the footer. Add widgets to the Footer Widgets window to see them in the footer of the theme. You can add text widgets, custom menus, etc. here just like I did on the demo. Keep it simple and classy.
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 styling you want.
- On the right hand side of your page, you’ll see the Featured Image pane. Click Set Featured Image and upload your image. Once uploaded, scroll down and click Use as featured image. Once set, you can close the image upload window.
- Once you’ve added the featured image and content you can publish and preview your post.
- Create a new post and add a title and post content.
- Scroll down to find the Video meta box. Add your video embed code from YouTube, Vimeo, etc. Your code should look something like this:
- Sample embed code:
<iframe src="http://player.vimeo.com/video/4143170?title=0&byline=0&portrait=0" frameborder="0" width="1200" height="600"></iframe>
- Once you’ve added the custom field and content you can publish and preview your 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 cite name, write the name below your text and set the font in bold. This will tell the theme that it’s the cite and will size and style it smaller. See this image for a sample of how to add a quote properly. Adding A Quote
- On the right hand side of your page, you’ll see the Format pane. Click Quote to set the post format.
- Once you’ve added your quote and selected the Quote format you can publish and preview your post.
Pocket comes with a few custom element styles, which are used to easily add extra styling to your WordPress posts.
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 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 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>