Harper

To set-up the menu, go to Appearance -> Menus and choose the pages, posts, etc. you want to be displayed in the menu section. Then (IMPORTANT) under Menu Settings -> Theme Locations at the bottom of the menu options screen, choose the "Side Menu" location and click Save Menu.

To style the look of your menu go to Menu and Logo under Theme options. From there you can set the background color of your menu.

In the Fonts Settings under Theme options, you can choose different font style for every element in the site: body, menu, post entry category, and headings. You can also style it according to your preference, you can change font weight and style, font subsets, alignment, text transform, font size, line height and letter spacing.

In the Colors and Styles Settings under Theme options, you can customize the look and color of your site. You can choose what color to use for the background or you can upload an image to set as a background. In this settings you can also change the color of the elements on the site, links, buttons, etc.

In the Footer Settings in the Theme options, you can set different Footer Widget Layouts. Whether you want a 4 column, 3 column or 2 column style and customize the color of the links in the footer section.
You can also choose whether to display social media icons on the footer or not and put a customize copyright text at the bottom under Copyright/Bottom Bar Text Settings.

In the Social Settings in the Theme options, you can choose whether to show social media icons on your site and set its colors. Then scrolling down you can see where to put the links to your social media accounts.

This theme comes with a number of custom widgets, including an About Me widget, a Custom Image widget, a Bloglovin widget, and a Image Categories widget. These can be set up in the widget page. Drag and drop the widgets into the sidebar or footer widget areas where you want them to appear.

To add an image to the About Me widget or Custom Image widget, upload your image to the media library. Then, copy the File URL for the image, then paste that link into the image URL box in the widget. See screenshots.

This theme includes cool custom post type management tools. Embedding audio and video is as easy as choosing the post type from the tabs at the top of the “New Post” screen, and inserting the URLs to the media in the custom box that appears.

Custom Excerpts

On the post page, click the dropdown box in the right top corner labelled "Screen Options". Then check the "Excerpts" checkbox, which will make a custom excerpt box appear on the screen. Enter your text in this box, and save; it will now appear in the custom excerpt space on the post. You can style the font, font color and size of this text in Theme Options >> Layout and Post Settings.

To include a pull-out quote that stays in one column, simply wrap your text in

<blockquote> SOME TEXT </blockquote>.

Icons - Font Awesome

Icons can be used anywhere on the site thanks to Font Awesome being built in.

Images

Images can span both columns by being set to "alignnone" under edit image. Or you can align images to the right or left column by chosing those image align properties in edit image.

Harper comes packaged with a number of shortcodes to add neat elements to your posts, including dropcaps, bold first lines of a paragraph, callout boxes, custom excerpt “teaser” styling, text highlights, buttons, and notification boxes. See the demo shortcodes page for examples.

Please note you need to enclose the text when using a shortcode, meaning you place the shortcode before and after the text/images, for all shorcodes except the divider (which doesn't get placed around text). To end a shortcode, enter [ /SHORTCODE NAME] after the text. See examples below.

Dropcaps [dropcap] Dropcaps can be styled to any size, color, or font you'd like. Mumblecore selvage Marfa, hella Truffaut wayfarers direct trade wolf irony trust fund narwhal. Flannel occupy quinoa deep v American Apparel mixtape. [/dropcap]

Bold First Line [firstline]American Apparel shabby chic salvia, fashion axe tofu deep v jean shorts wolf bicycle rights. Chambray small batch Pinterest, Intelligentsia plaid brunch disrupt pickled tote bag hashtag health goth. Lo-fi twee cray, small batch Portland leggings messenger bag swag Godard single-origin coffee church-key put a bird on it. You probably haven't heard of them lomo Kickstarter fap fingerstache deep v, seitan 3 wolf moon occupy cornhole.[/firstline]

Custom Excerpt Style [custom-excerpt] Custom excerpts can exist on pages, as well as posts. The font, font size, and color are all changeable in the theme options! Sriracha migas literally messenger bag flannel lumbersexual, 8-bit irony sartorial squid aesthetic. Seitan biodiesel YOLO McSweeney’s, hoodie fingerstache bicycle rights crucifix. [/custom-excerpt]

Text Dividers Use the shortcode [divider] to insert a divider in the text. [divider]

Text Highlighting This is an example [highlight]of some highlighted text.[/highlight]

Buttons [button link=http://www.mediumandmessagethemes.com]CHECK THIS BUTTON[/button]

Notification Boxes [note]This is a notification box![/note]

You can add columns to pages using these shortcodes, when editing or composing, in the “text” view. Please note you need to enclose the text (place the shortcode before and after the text/images.) These work best placed on their own lines.

Columns

One Half [one_half] Thundercats occupy umami, you probably haven't heard of them Helvetica Marfa heirloom meditation trust fund Austin tattooed. Mumblecore selvage Marfa, hella Truffaut wayfarers direct trade wolf irony trust fund narwhal. Flannel occupy quinoa deep v American Apparel mixtape. American Apparel shabby chic salvia, fashion axe tofu deep v jean shorts wolf bicycle rights. [/one_half] [one_half] Chambray small batch Pinterest, Intelligentsia plaid brunch disrupt pickled tote bag hashtag health goth. Lo-fi twee cray, small batch Portland leggings messenger bag swag Godard single-origin coffee church-key put a bird on it. You probably haven't heard of them lomo Kickstarter fap fingerstache deep v, seitan 3 wolf moon occupy cornhole. [/one_half]

Thirds [one_third] Sriracha migas literally messenger bag flannel lumbersexual, 8-bit irony sartorial squid aesthetic. Seitan biodiesel YOLO McSweeney's, hoodie fingerstache bicycle rights crucifix. Actually Truffaut asymmetrical chillwave cliche XOXO. Williamsburg XOXO tofu stumptown mustache fixie four dollar toast. Four loko heirloom . [/one_third] [one_third] Food truck DIY Schlitz health goth Truffaut, skateboard salvia flannel tousled twee actually yr. Fanny pack cray Echo Park Banksy Thundercats hashtag. Fingerstache +1 single-origin coffee, 3 wolf moon tofu Pitchfork Thundercats deep v ethical PBR&B tofu typewriter fingerstache Austin, skateboard 90's DIY four dollar toast pickled. [/one_third] [one_third] iPhone twee selvage literally Intelligentsia. Gluten-free Helvetica 3 wolf moon, deep v organic literally Truffaut authentic Williamsburg XOXO tofu stumptown mustache fixie four dollar toast. Four loko heirloom pour-over, food truck hella XOXO pop-up yr banjo Portland listicle authentic. Distillery health goth Etsy swag lo-fi synth. Ennui scenester Williamsburg literally Helvetica. [/one_third]

One Third/Two Thirds [two_thirds] Food truck DIY Schlitz health goth Truffaut, skateboard salvia flannel tousled twee actually yr. Fanny pack cray Echo Park Banksy Thundercats hashtag. Fingerstache +1 single-origin coffee, 3 wolf moon tofu Pitchfork Thundercats deep v ethical PBR&B tofu typewriter fingerstache Austin, skateboard 90's DIY four dollar toast pickled. fixie four dollar toast. Four loko heirloom pour-over, food truck hella XOXO pop-up yr banjo Portland listicle authentic. Distillery health goth Etsy swag lo-fi synth. Ennui scenester Williamsburg literally Helvetica. [/two_thirds] [one_third] iPhone twee selvage literally Intelligentsia. Gluten-free Helvetica 3 wolf moon, deep v organic literally Truffaut authentic Williamsburg XOXO tofu stumptown mustache. [/one_third]

Fourths [one_fourth] 3 wolf moon mustache before they sold out locavore. Austin Neutra wolf swag master cleanse Vice, Brooklyn raw denim single-origin coffee meggings cronut messenger bag scenester four dollar toast tofu. Mixtape before they sold out cardigan iPhone, crucifix [/one_fourth] [one_fourth] Intelligentsia Etsy viral brunch deep v swag meh biodiesel. Beard biodiesel Bushwick Odd Future. Photo booth try-hard pork belly, PBR ugh four loko PBR&B lo-fi quinoa listicle chia. Polaroid YOLO lo-fi Intelligentsia flexitarian 90's. Four loko gluten-free keytar literally, typewriter Austin keffiyeh Odd Future. [/one_fourth] [one_fourth] 8-bit yr beard, typewriter retro church-key fingerstache vinyl blog Wes Anderson cardigan. Tattooed taxidermy forage, Tumblr distillery Thundercats selfies. Viral Wes Anderson occupy paleo, four loko tote bag locavore Banksy tilde lo-fi polaroid Portland flannel +1. [/one_fourth] [one_fourth] Four loko heirloom pour-over, food truck hella XOXO pop-up yr banjo Portland listicle authentic. Distillery health goth Etsy swag lo-fi synth. Ennui scenester Williamsburg literally Helvetica. Tofu typewriter fingerstache Austin, skateboard 90's DIY four dollar toast pickled. [/one_fourth]

Three Fourths [three_fourths] Sriracha migas literally messenger bag flannel lumbersexual, 8-bit irony sartorial squid aesthetic. Seitan biodiesel YOLO McSweeney's, hoodie fingerstache bicycle rights crucifix. Actually Truffaut asymmetrical chillwave cliche XOXO. Food truck DIY Schlitz health goth Truffaut, skateboard salvia flannel tousled twee actually yr. Fanny pack cray Echo Park Banksy Thundercats hashtag. Fingerstache +1 single-origin coffee, 3 wolf moon tofu Pitchfork Thundercats deep v ethical PBR&B iPhone twee selvage literally Intelligentsia. Gluten-free Helvetica 3 wolf moon, deep v organic literally Truffaut authentic Williamsburg XOXO tofu stumptown mustache fixie four dollar toast. [/three_fourths] [one_fourth] Four loko heirloom pour-over, food truck hella XOXO pop-up yr banjo Portland listicle authentic. Distillery health goth Etsy swag lo-fi synth. Ennui scenester Williamsburg literally Helvetica. Tofu typewriter fingerstache Austin, skateboard 90's DIY four dollar toast pickled. [/one_fourth]

The contact form is a separate plugin, Contact Form 7 (https://wordpress.org/plugins/contact-form-7/). To set it up to look like the demo, put the text below in the “Form” box. Some people have issues with Contact Form 7 due to the settings of their hosting providers, in which case, you may also need to install WP Mail SMTP (https://wordpress.org/plugins/wp-mail-smtp/). A google will show how to implement this fix. Should you have problems with the plugin, please see the forum for the plugin at wordpress.org linked above. Because we are not the creators of Contact Form 7, we can not help with implementation issues. However there are a large body of users in the internetosphere who have probably posted a solution somewhere for you if you run into problems!

Setting up your shop is as simple as installing the WooCommerce plugin for Wordpress (https://wordpress.org/plugins/WooCommerce/). You can use the shop for affiliate links to external products sold on other sites, for drop-shipping, or sell things yourself to help monetize your blog. Once you've installed and activated the plugin, follow the prompts to install the WooCommerce pages.

To change the colors of the buttons and other elements in the shop, see the Woocommerce Theme Settings, as illustrated in the screenshot below.

There's also a great video on getting started with WooCommerce below.

Harper is made to play well with The Events Calendar and The Events Calendar Pro. The Events Calendar is a free download from the Wordpress Plugin Repostiory (https://wordpress.org/plugins/the-events-calendar/, while the The Events Calendar Pro has many enhanced features, which you can read more about on their site.