Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

A how-to guide and general information to help you get the most out of your new theme.

Firstly, a huge thanks for purchasing this theme, your support is truly appreciated! This document covers the installation and use of this theme and often reveals answers to common problems and issues - I encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum.

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

1.Getting Started
1.1Installation

1
1

2.Theme Features
2.1Post Formats
2.1.1Standard 2.1.2Aside 2.1.3Gallery 2.1.4Link 2.1.5Image 2.1.6Quote 2.1.7Audio 2.1.8Video

1
1
2 2 2 2 2 3 3 3

2.2Custom Menus 2.3Theme Options 2.4Custom Widgets

2.4.1Custom Flickr Photos Widget 2.4.2Custom Latest Tweets Widget 2.4.3Custom Video Widget

4 4 4
4 5 5

2.5Shortcodes 2.6Custom Page Templates

2.6.1Archives Template 2.6.2Contact Form Template

5 5
6 6

2.7Custom Login Logo 2.8Featured Images

6 6

3.Theme Files
3.1Cascading Style Sheets 3.2JavaScript Files

7
7 7

Contents

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

3.3Photoshop Files

Page 3

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

1.Getting Started
To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex http://codex.wordpress.org/Installing_WordPress

1.1Installation
When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways: FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wpcontent/themes/ folder on your server. WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Hit Install Now and the theme will be uploaded and installed. Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

2.Theme Features
The theme comes packed with features that control the layout and extend the functionality of WordPress. This section will document those features and how to use them successfully.

2.1Post Formats
When creating a post, you will be able to choose from a selection of formats - these formats affect the styling of each post. The available formats are:

Page 1

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

1. 2. 3. 4. 5. 6. 7. 8.

Standard Aside Gallery Link Image Quote Audio Video

Some of these post formats will have their own custom options. These custom options will only appear once the format is selected. 2.1.1Standard The standard format will show the title and content and does not have any custom options. 2.1.2Aside The aside format will show just the content. No title or featured images will be displayed. This is good for small snippets of text. 2.1.3Gallery The gallery format will display all the images attached to that post. To attach an image to the post, simply upload your images using the media uploader whilst creating or editing the post. Make sure you upload more than one image. If you only want to show one image, use the Image Post Format instead. These images will be resized to fit the theme dimensions of 600px x unlimited. 2.1.4Link The link format has one custom option called The URL. This is where you place the link URL. The title of the post will be the link text. 2.1.5Image The image format will display the title, content and a featured image. Make sure to create a featured image for this post format. The featured image will be resized automatically to the following dimensions of 600px x unlimited.

Page 2

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

2.1.6Quote The quote format has one option called The Quote which is where you provide the quote content. This format will display the quote along with some content if you choose to have any. 2.1.7Audio The audio format displays the title and content along with a custom audio player. You will have two custom options to fill. The first is the link to an .mp3 file and the second is to an .ogg or .oga file. Its important to fill out both in order for the audio player to work in all browsers. If you only supply one then be aware that the file may not work everywhere. This format has two optional options, Audio Poster Image and Poster Image Height. If you wish to show an image alongside your player, populate the above with the URL to your image. Ensure to specify the height of the image to ensure correct display across all browsers. 2.1.8Video The video format displays the title and content along with a custom video or an embedded player depending on the options you have selected. If youre using the self-hosted video solution you will need to provide both .m4v and .ogv files in order for the video to work in all browsers. You can also provide an optional Poster Image by providing a URL to an image on your server. This will operate as a video preview. If youre using embedded video such as YouTube or Vimeo, youll need to simply paste the code provided to you in the embedded field. The embedded options override all other options, so if you want to use the custom video solution then make sure the embed fields are empty.

Page 3

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

2.2Custom Menus
The theme has a sinlge menu location which is situated in the header. Once you have built up your menu, save it and assign it to the Primary Menu location. To setup your custom menus, navigate to Appearance > Menus. Give your menu a name and build it up using the available widgets. You can add a variety of items including pages, categories, custom links. To extend the available widgets, click the screen options tab at the very top of the screen and configure your options.

2.3Theme Options
The theme comes with a simple to use administration panel. You can access it by navigating to Appearance > Theme Options. The theme options are conveniently spread over a number of tabs and each tab contains the options that pertain to a particular area of the theme.

2.4Custom Widgets
The theme comes with 3 custom widgets that can be used to configure how your site displays content - they can be found under Appearance > Widgets. 2.4.1Custom Flickr Photos Widget This widget allows you to configure and display Flickr photos from a users photostream. Title: Title of the widget Flickr ID: The Flickr ID of the group or users photos you wish to display. You can find out your Flickr ID at idGettr.com Number of Photos: Choose the number of photos to display Type (user or group): The type of user photos you which to display Display (random or latest): Choose how to display the photos

Page 4

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

2.4.2Custom Latest Tweets Widget This widget allows you to configure and display your latest Twitter tweets. Title: Title of the widget Twitter Username: The username of the users tweets you wish to display e.g. ormanclark Number of tweets: Choose the number of tweets to display - max of 20 Follow Text: Choose the anchor text of the link to your Twitter profile. Omit this option if you do not wish to display a link. 2.4.3Custom Video Widget This widget allows you to configure and display a single video. The widget requires the user to input video embed code taken from either Vimeo, YouTube, or other video sharing sites and can display a short description if required.

2.5Shortcodes
The theme comes pre-packed with a number of shortcodes allowing you to add styled content to your site with little effort. The available shortcodes have been included in a one-click menu. When creating a page or post, click the green + icon to reveal a list of shortcodes (you must be in visual editor mode). Choose the functionality you wish to include, configure the options and insert.

2.6Custom Page Templates

The theme comes with a number of in built custom page templates. These templates can be used on individual pages to alter the display or functionality.

Page 5

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

2.6.1Archives Template The theme comes packed with a simple archives template. To create your archives, simply create a page using the Archives page template. The archive lists will automatically display below any page content. Lists include the last 30 posts, archives by month and archives by subject. 2.6.2Contact Form Template The theme comes packed with a simple contact form. To use the form, simply create a page and use the Contact page template. The form will automatically insert below any page content. The form includes jQuery validation to enhance user experience and the recipient email can be configured from the theme options.

2.7Custom Login Logo

The theme comes with an inbuilt function to replace both the default WordPress login logo. To replace the default login logo, replace custom-login-logo.png with your chosen image in the theme /images/ folder. Upload the new image to your server via FTP and the new logo will become visible on the WordPress login screen.

2.8Featured Images
The theme supports the use of featured images. The theme supports auto-resizing of the featured images and so there is only the requirement to specify a single image. Auto-resizing will only occur however when the image is uploaded for the first time, images that have previously been uploaded will not be resized. To upload a post thumbnail, go to Posts > Add New or open an existing post in editing mode. Locate the Featured Image module and click the Set featured image link. Clicking the link will open up the usual WordPress image uploader where you will upload your image. Simply make sure that it is either the same size or larger than what the final

Page 6

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

thumbnail will be. Once youre done uploading the image, simply click the link that says Set Featured Image, which is next to the button to insert it into the post. For more on how to use the WP2.9+ Post Thumbnail feature you can view this article - http:// en.support.wordpress.com/featured-images/

3.Theme Files
This section discloses the sources of various files used within the theme and describes their function. Use this section to gain an understanding on how the theme functions behind the scenes if considering any type of modification.

3.1Cascading Style Sheets

The theme includes a single CSS file - Style.css - which determines the majority of the themes styling.

3.2JavaScript Files
The theme imports various Javascript files depending on the page being viewed, widget configuration and settings in the theme options. jQuery Library - jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. More information can be found at http://jquery.com/ jQuery Validation Plugin - This jQuery plugin makes simple clientside form validation trivial, while offering lots of option for customisation. More information can be found at http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Page 7

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

Custom.js - This file controls various sections of JS throughout the theme dependant on settings in the theme options. jQuery UI - jQuery UI provides abstractions for low-level interaction and animation. More information can be found at http://jqueryui.com/ JPlayer - The jQuery HTML5 Audio / Video Library. More information can be found at http:// www.jplayer.org/ Shortcodes - This file controls various sections of JS which aid the shortcode functionality. Slides.js - Slides is a simple slideshow plugin for jQuery. http://slidesjs.com/ Superfish - Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds much-sought-after enhancements. More information can be found at http://users.tpg.com. au/j_birch/plugins/superfish/ Custom.admin.js - This file controls various sections of JS throughout the themes administration panel.

3.3Photoshop Files
All PSDs included with the theme contain the necessary styling for all elements including layouts, icons and all custom widgets.

Page 8

Memo WordPress Theme

By Orman Clark - www.premiumpixels.com

Again, thank you for purchasing this theme! If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum.

Page 9