Harrington WordPress Theme Complete Documentation By InkThemes

By Our Bestseller: WordPress Themes

Get a new aesthetic and interesting business WordPress theme-Harrington. The theme is extremely beautiful and set to leverage your business website to the sky limit. It is meant to give a true appeal to your business in front of your audience.

The theme has got interesting elements to engage your audience.The theme consists of attractive sliders, column-feature area, widgetized footer-sidebar area, the blog featured area on the homepage. Besides, it has some templates to customize your blogs & pages according to your requirement.

You can look up the theme previews in the following link.

1. Harrington theme preview for food niche website.

2. Harrington theme preview for fashion business websites.

3. Harrington theme for yoga niche website.

Take a view on the Harrington configuration guide video tutorial as given below.

Now, you can look up the step by step configuration of the theme.

In the following documentation you will know about how to use Harrington WordPress theme on your website. Following are the points that have been explained:

  • How to install Harrington Theme?
  • How to upload logos, favicon on the website?
  • How to activate the slider on the home page?
  • How to use homepage feature area?
  • How to use homepage bottom feature?
  • How to use contact page map?
  • How to change the theme, style options?
  • How to add social icons on the website?
  • How to use footer settings?
  • How to create posts on the website?
  • How to create drop down menu on the website?
  • How to create a gallery page on the website?

Let’s discuss the above topics one by one.

How to Install the Theme?

Before installing Harrington theme make sure that:

  • You have a web server installed on your machine.
  • You have installed WordPress on your server.

Installing the theme is very simple and easy. It will hardly take a minute. Just follow the simple steps given below:

  • To install the theme go to your WordPress dashboard.
    Dashboard -> Themes -> Install Themes

install theme

  • Choose the downloaded harringtontheme.zip file and upload it on your dashboard.
    Upload -> Choose File -> Install Now
  • Click on Activate option to activate the theme.
    Activate the theme
  • This is the final screenshot, once the theme is installed.

current theme window

  • The theme is now activated and you can configure it from the Theme Options panel.

How to Upload Logo, Favicon and Background image on the website?

  • Uploading logo, favicon and background images on the website is very simple. Moreover, you can mention the mobile navigation menu on the website (which will display when the theme is opened in mobile browsers) and add Google tracking code. Just go to your dashboard and do the following steps:
    Dashboard -> Appearance -> Theme Options -> General Settings

General Settings

  • After uploading the logos, favicon, mobile navigation menu and tracking code, click on Save All Changes button.

save the changes window

How to Activate the Slider on the Home page?

Before I show you how to implement slider settings, let me tell you something very interesting thing about the sliders in the theme.

In Harrington theme, slider is designed with Kenburns effect. This is something like a magnetic effect. The images in the sliders will zoom and move. The overall feature gives a neat and attractive look.

  • In the slider, you can show maximum of 6 images, whereas minimum would be one. With each slider image you can set the heading and short description according to you. Moreover, you can also give a link for slider images and its text.
    Note: The optimal size for slider image is 1600px wide * 750px height.
  • You can activate slider on the home page by performing the following steps given below.
    Dashboard -> Appearance -> Theme Options -> Slider Settings

custom slider

  • Click on Upload Image button and upload the images which you want to show in the slider.
  • Moreover, you can also set the slider speed (in milliseconds) according to you.
  • For e.g. If you want to set the slider speed as 5 seconds then enter 5000.
  • There is a option to show or hide the slider. Just check off the required radio button in the field Home Page Slider On/Off, either to show the slider or hide it. You can see in the image below.

slider on/off

How to use Homepage Feature Area?

  • The homepage feature area consists of 2 feature sections.
  • You can set feature circle image, feature heading, feature description and feature link in each of the sections.

    Note: The optimal size for feature circle images is 250px wide * 250px height.

  • You can either show the feature area or hide the feature area by check off the desired radio button in Home Page Top Heading Section On/Off.

For that Go to
Dashboard -> Appearance -> Theme Options -> Homepage Feature Area

  • You can give heading and write text in the feature area in the following section as shown below.

main feature

  • You can show or hide the feature area by selecting one of the radio buttons in the option Home Page Three Column Feature Area On/Off. After finishing desire settings, click on Save All Changes button.

main feature

How to use Home page Bottom Feature?

The home page bottom feature consists of following sections- Home Page Blog Heading, Number Of Post In Home Page, Home Page Blog Post On/Off, Testimonial Settings.

In Home Page Blog Heading you can set an appropriate heading and short description of the latest featured blogs.

In Number Of Post In Home Page, you can set the required number to display the latest post on the homepage.

In Home Page Blog Post On/Off, you can show  or hide your blog post by selecting either On/Off  the radio button.

To set the settings Go To

Dashboard -> Appearance -> Theme Options -> Home Page Bottom Feature

post on/off

  • You can write the testimonial in options as shown below:

testimonial setting

  • You can show or hide the testimonial with the following option as given below.

testimonial on/off

How to use Contact Page Map?

You can show the map location of your business on the website by pasting the iframe code generated by google map in this section and then click on Save All Changes.

For that Go to

Dashboard -> Appearance -> Theme Options -> Contact Page Map

Contact us page

How to Change the Theme Style?

There are various styling options available in the theme. You can change the style of theme through the following procedure.

Dashboard -> Appearance -> Theme Options -> Styling Options

styling option

Moreover, you can also add your own CSS code here for any customization.

How to Add Social Icons on the website?

Social icons are very useful for a website. There are various social icons available in the theme. The social icons will be displayed in the footer.

You can use them through the following procedure.

Dashboard -> Appearance -> Theme Options -> Social Icons

social icons

How to use Footer Settings?

You can set the text of your choice that will be displayed in the footer. You can do it through the following procedure.

Dashboard -> Appearance -> Theme Options -> Footer Settings

Footer settings

How to Customize SEO Settings?

How to Create Posts on the Website?

You can easily create a post on your website by following steps given below:

Step1. Dashboard-> Posts-> Add New

create new post

Step2. Write the post name with relevant content as shown in the image given below:

Add new post

Step3. You can select the category for the post or create a new category.

create category

Step4. Set featured image of the post.

set featured image

Step5. Save the changes and click on Publish.

publish button

How to Create Drop down Menu on Website?

You can easily customize menu with the following steps:

Step1. Dashboard-> Appearance -> Menus

create menu

Step2. Give Menu Name (let’s say menu) and click on Create Menu.

name to menu

Note: Don’t forget to save the menu before starting to create the menu structure.

Step3. Create a custom link of the home page of the website, for that, go to link tab, give Link Text and URL and click on Add to Menu.

create custom home page hyperlink

Home page is now added and listed in the menu.

Step 4. Add other pages in the menu structure.

For that, select pages from the Most Recent option by putting check and click on Add to Menu.

automatic gallery shortcode

You can drop down pages according to your choice.

Step 5. Put a check on Main Menu and then click on Save Menu.

define menu structure

How to Create Gallery page on the Website?

You can easily create a gallery page in the theme by following the steps given below:

Step1. Dashboard -> Pages -> Add New

add gallery

Step2. Select the template as Fullwidth Page.

select template

Step3. Click on Add Media to create a gallery.

click on add gallery

Step 4. Click on Create Gallery.

create new gallery

Step 5. Go to Upload Files-> Select Files

 image upload

Step 6. Select the required images and upload them in a gallery.

upload images

Step7. Click on Create a new gallery button.

click on Create a new Gallery option

Step 8. You can write caption for each image as shown below:

write image caption

Step 9. Select Column number from the option.

gallery final settings

If you want to create a gallery of 3 column, select 3 in front of the columns.

Similarly, you can create gallery of more 4 column or multiple column by selecting the number from the drop down.

Make sure that Link To field is set to Attachment Page.

set gallery column option

Step 10. Click on Insert gallery.

click on insert gallery

Once the gallery is created, you can see a gallery shortcode will automatically appear on the gallery page. See the below screenshot for the reference:

gallery shortcode

Step 11. Save the changes and click on the Publish button.

Once, you create the gallery, the final gallery will appear like this as given below:

final gallery view

With this, you have completed creating the main features on your website’s home page.

Besides, the theme has widgitized footer and sidebar. You can easily put widgets on sidebar and footer according to your requirement.

Conclusion

Above, I have explained you, how you can create website with Harrington theme in simple steps.

If you face any problem while deploying your website with the theme, you can contact us at http://www.inkthemes.com/community/.

The theme cost $45 but through coupon code, you can buy the theme at 20% discount.

Coupon code: HARRINGTON20

Rated: / 5 based on customer reviews
$In stock
Product description:
About Preeti Singhal
author
I believe that experimental learning paves the way for overall development. I love to know about new things and share it with others. Blogging is a creative platform to share your ideas worldwide. Here, I am doing the same for others.

Comments and Responses

Your email address will not be published. Required fields are marked *