Skip to main content

Documentation

Getting Started

  1. Download Harbor.
  2. Upload Harbor to your site via FTP or the WordPress theme installer.
  3. Activate Harbor in the WordPress theme dashboard.

To make sure you always get the latest updates, it’s recommended that you also install the GitHub Updater plugin.

Contents

Basic Appearance

Picking a typeface

From the WordPress Admin Dashboard, visit Appearance > Theme Options, and select your preferred font. Click Save at the bottom of the page when you’re done.

From the WordPress Admin Dashboard, visit Appearance > Customize, and select Logo. Click Select Image, and upload your preferred logo image. Click Save & Publish at the top of the page when you’re done.

Adding a site icon

From the WordPress Admin Dashboard, visit Appearance > Customize, and select Site Identity. Click Select Image, and upload your preferred icon image. Click Save & Publish at the top of the page when you’re done.

Creating a menu

Harbor uses WordPress’s built-in menu functionality. Visit Appearance > Menus to get started. Primary is the header navigation, and Secondary is the footer navigation. The primary navigation supports one level of submenus (as dropdown menus). The secondary navigation only supports a flat navigation structure.

Donations

From the WordPress Admin Dashboard, visit PayPal Donations. Add your information, and click Save at the bottom of the page when you’re done.

Donations Form

Display your donations form on any page by using the [paypal_donations_form] shortcode. View the live donation form demo.

Donations Buttons

You can also create one-off PayPal donation buttons using the [paypal_donations_button] shortcode.

Example:

[paypal_donations_button amount="25" label="Donate $25" recurring="true" description="Donate $25 to the Special Fund"]

If amount is left blank, donors will be asked to write in their own amount when they’re sent to PayPal. All other fields are optional. recurring="true" makes the donation recurring. description is what is displayed on PayPal.com.

Petfinder

From the WordPress Admin Dashboard, visit Pet Listings > Options. Add your information, select which filters should be visible, and click Save at the bottom of the page when you’re done.

By default, your list of adoptable animals is displayed at http://yourwebsite.com/pets. This can be changed in the options.

View the live pet listings demo.

Page and Post Content

Add a hero image header

Underneath the content section is a Page Hero section. Add your hero content there. In addition to text, you can also add an image or video.

To apply a background image to the hero, use the Featured Image section in the sidebar. If text is hard to read on the background image, check the box to add a Background Image Overlay.

Create beautiful, mosaic image galleries using the [gallery] shortcode, or the built-in gallery feature in the WordPress editor. View the Image Galleries page to see a working example.

Add bold calls to action in your content with the [button] shortcode:

Click Me
[button link="#create-a-button-link" label="Click Me"]

To make a button extra large, also include the size attribute with the value large:

Large Click Me
[button link="#create-a-button-link" label="Large Click Me" size="large"]

Add a call-to-action at the end of blog posts

From the WordPress Admin Dashboard, visit Posts > Post Options, and add your content. Click Save at the bottom of the page when you’re done.

Disable comments site-wide

From the WordPress Admin Dashboard, visit Posts > Post Options, and click Disable comments on all blog posts. Click Save at the bottom of the page when you’re done.

Animal Shelter Manager forms

If you use Animal Shelter Manager to manager your pets, Harbor includes a shortcode that makes it easy to embed adoption applications and other forms with the [asm_forms] shortcode. Just include the URL for the form and Harbor handles the rest.

[asm_forms url="https://us2.sheltermanager.com/service?account=aa1111&method=online_form_html&formid=1"]

From the WordPress Admin Dashboard, visit Appearance > Theme Options, and add links to your accounts. Items left blank will be skipped. You can also add footer content. Click Save at the bottom of the page when you’re done.

Recommendations

Recommended plugins and services to get the most impact out of your site.

Plugins

  • GitHub Updater will allow you to automatically update your website when new versions of this theme come out.
  • JetPack adds a ton of useful features, including contact forms and automatic plugin updates.
  • Manual Control for JetPack prevents JetPack from automatically enabling new features when you update the plugin.
  • Contact Form 7 is an amazing contact form plugin for WordPress.
  • SMTP Postman ensures that your contact form emails actually make it to your inbox.
  • WooCommerce is robust ecommerce plugin that makes it easier to supplement your donation revenue with earned income.
  • VaultPress provides simple, automated backups from the folks who built WordPress.
  • Comet Cache makes your website load a lot faster.

Web Hosting

If you have no in-house web/digital team and no idea what you’re doing…

GoDaddy’s Managed WordPress hosting is inexpensive, easy to use, and comes with great customer support. There’s a lot to hate about GoDaddy (from their sexist advertising to their elephant-hunting CEO), but if you want cheap, reliable hosting with some nice security features built in, they’re hard to beat.

If you have a web/digital team and want something better…

I cannot say enough great things about DigitalOcean. Their plans start at just $5 a month and all of the sites I host with them are lightning fast. Use my referral link and you’ll get a free $10 credit.

I use ServerPilot with DigitalOcean. ServerPilot automates a lot of the “getting setup” stuff involved in working with DigitalOcean.

For domain registration, I like Namecheap. They’re inexpensive and really easy to work with.