Thank you for purchasing this theme. This documentation consists of several parts and covers the entire process of installing and setting up theme starting from scratch.

We did our best to make this documentation as clear as possible. However, if you have any difficulties with this theme or any suggestions on improving the template or the documentation, please contact our customer support via the feedback form on this page or send an email to nordthemes@gmail.com

After purchasing a theme from ThemeForest, you need download and install it on your website. This tutorial will show you how to do that very quick and easy.

Download a theme from ThemeForest

After you completed the purchasing a theme on ThemForest, a download button will appear. Click on that button to download the theme and save the package on your computer.

If you did not download the theme after purchase, you need log into your account on ThemeForest and navigate to a Downloads page. The downloads section displays a list of all the items purchased using your account.

Click the Download button next to the item and select All files & documentation which contains all files, or Licence Certificate and Purchase Code for the item licence information only.

Save the package on your computer. The downloaded file will be named something like this
themeforest-21614603-weeland-lifestyle-wordpress-blog-theme.zip

Unpacking

Extract the downloaded .zip package using your standard zip software. When the extraction is completed you should have a folder with the following folders and files inside:

  • Theme Files — This folder contains weeland.zip file. This is the parent WordPress Theme, install this via WordPress. If you install it via FTP then unzip it first, then use the extracted folder.
  • Child Theme — This folder contains the weeland-child.zip file. The child theme is only for users who make code changes.
  • Documentation — Theme documentation.
  • Licensing — Theme license files.

You can install the theme in two ways: through WordPress, or via FTP.

Install via Dashboard

  1. Log in to the WordPress Administration Panels.
  2. After you have logged in, navigate to the Appearance > Themes.
  3. Click the Add New button on the top of the screen.

  4. On the next page, click the Upload Theme button on the top of the screen.

  5. Click the Choose File button to open up a dialog to browse your computer and navigate to Theme Files folder (it is located in the extracted package folder). Select the file weeland.zip and click Install Now.
  6. Please wait a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.

  7. Done! Now you can open the homepage of your site and see the newly activated theme.

Install via FTP

  1. Navigate to the Theme Files folder (it is located in the extracted package folder) and extract the file weeland.zip using your standard zip software.
  2. Using an FTP client to access your host web server.
  3. Go the the WordPress root folder on your server, then go to /wp-content/themes/ folder.
  4. Upload the weeland folder that you extracted from the zip into the themes folder.
  5. Log in to the WordPress Administration Panels.
  6. Navigate to the Appearance > Themes. On this page you should see the Weeland in the list of themes.
  7. Move the cursor on the block with the Weeland theme and click the Activate button.

  8. Done! Now you can open the homepage of your site and see the newly activated theme.

To update the theme, login to your marketplace account and re-download the theme package like you did when you purchased it. Extract the downloaded ZIP file.

A theme update always deletes all existing theme files and replaces them with the files of the new theme version. Therefore you should never change the theme files directly, because they will be lost due to an update. Instead, use a child theme in case you want to change the theme files directly.
  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Themes menu.
  3. Since WordPress does not recognize that the theme is already installed when you upload a new zip file, you will get a ‘Theme Destination already exists’ error if you try to install the theme. Therefore you have to deactivate and delete the old theme and afterwards install and activate the new theme version.
  4. Deactivate the theme by activating another.
  5. Click on the screenshot of the Weeland theme. This will open the Theme Details popup box.

  6. Click on the Delete button in the bottom right corner to remove all theme files.
  7. Upload the new version weeland.zip and install the theme.

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Why use a Child Theme?

There are a few reasons why you would want to use a child theme:

  • If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
  • Using a child theme can speed up development time.
  • Using a child theme is a great way to learn about WordPress theme development.

Child Theme Install

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Themes menu.
  3. Click the Add New button on the top of the screen.
  4. On the next page, click the Upload Theme button on the top of the screen.
  5. Click the Choose File button to open up a dialog to browse your computer and navigate to Child Theme folder (it is located in the extracted package folder). Select the file weeland-child.zip and click Install Now.
  6. Please wait a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.
  7. That's it! Now you can add custom CSS code and PHP functions.

How to use the child theme

  1. After install the child theme navigate to Wordpress admin panel.
  2. Navigate to the Appearance > Editor menu.
  3. In the section titled Templates, you will see a list of files that you can edit:
    • functions.php — This lets you add additional functions, classes and hooks to Wordpress theme without needing to alter the code within the functions file of the parent theme.
    • style.css — This lets you add or change the theme styles (colors, sizes, fonts, backgrounds etc.) without needing to change the code within the style.css file of the parent theme.
  4. Select the file you want to change and add your PHP/CSS code in the editor on the left side.
  5. Click the Update File button when you're finished editing a file.

Weeland theme supports the custom navigation menus. You can add a menu to header of your site. WordPress comes with a simple user interface that makes it quite easy for beginner users to create and manage menus.

Creating Menus

  1. Log in to the WordPress Administration Panels.
  2. Navigate to Appearance > Menus section.
  3. If you don’t have any menus, click the Create Menu button and create a new menu.
  4. From the blocks on the left side select pages that you want to add in your menu. Click the Add to Menu button.
  5. Once you've added a few items to your menu, you will see the added menu items on the right side in the Menu Sctructure section.
  6. If you want to rename a menu item, click the down arrow of a menu item to display its properties. You can then edit the navigation label that is displayed on menus.
  7. You can also change the order of menu items. Whilst holding the left mouse button, drag menu item to the top or bottom.
  8. To create a drop down menu drag a menu item slightly to the right of the menu item above it to create a sub item relationship in the menu.
  9. Scroll to the bottom of the menu editor window. In the section titled Theme locations, click the check box for the location where you want your menu to appear.
  10. Click Save Menu button.

Weeland theme is fully customizable. Using the Options panel, you can change the layout, colors, background image, etc.

Customizer

Weeland theme supports the Wordpress Customizer. The Customizer is a framework for live-previewing any change to WordPress. It provides a simple and consistent interface for users to customize various aspects of their theme and their site, from colors and layouts to widgets, menus, and more. Themes and plugins alike can add custom options to the Customizer. The Customizer is the canonical way to add options to your theme.

To access the Wordpress Customizer, log in to the WordPress Administration Panels and navigate to Appearance > Customize.

To change the site title, tagline and description, follow these steps:

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Site Identity tab.
  4. On this tab you will see three input fields:
    • Site Title — displayed in the header and in the browser tab.
    • Site Description — displayed in the browser tab after the site title.
    • Tagline — displayed in the header under the site title or logo.
  5. Enter your custom the site title, description and tagline. In the tagline field you can use HTML tags.
  6. Click Save & Publish button.

Logo

The logo is displayed in the header of the site. You can set any image as a logo and change its size. Follow the below steps to set logo in your site:

  1. Prepare the logo image file (PNG or JPEG).
  2. Log in to the WordPress Administration Panels.
  3. Navigate to Appearance > Customize menu.
  4. Open the Site Identity tab.
  5. Click Select Logo button in Logo section, upload the image file you prepared in the above step from Upload Files tab screen, and click Select and Crop.
  6. Crop the image or click the Skip Cropping button.
  7. Change the logo size using range slider in the Logo Size section.
  8. Click «Save & Publish» button.

Favicon

Follow the below steps to set favicon in your site.

  1. Prepare image file. It must be square, and at least 512 pixels wide and tall.
  2. Log in to the WordPress Administration Panels.
  3. Navigate to Appearance > Customize menu.
  4. Open the Site Indentity tab.
  5. Click Select Image at Site Icon section, upload the image file you prepared in the above step from Upload Files tab screen, and click Select.
  6. Click Save & Publish button.

Social Icons

The social profiles buttons are displayed on the header and footer of site. Weeland theme supports 30 social network buttons, which you can use to get followers to your site.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to Appearance > Customize menu.
  3. Open the Social Profiles tab.
  4. In an open tab, you'll see a input fields of each social profiles. Type the URLs of social networks that you want to display on the header and footer.
  5. Click the Publish button.

To change the background image of the sidebar of your site, follow these steps:

  1. Log in to the WordPress Administration Panels.
  2. Navigate to Appearance > Customize menu.
  3. Open the Sidebar Image tab.
  4. Click the Add new image button on the Current header section.
  5. Select the image from Media Libraty tab or upload new image on Upload Files tab.
  6. Click the Select and Crop button.
  7. Crop the image or skip this step.
  8. When you finished click the Save & Publish button.
  9. You can also display multiple images in random order. To do this, upload more images and click Randomize uploaded headers.
  10. To make the background image lighter or darker, use the "Blackout" range slider.
  11. Also you can set an individual image for mobile devices when the sidebar is displayed in the site header and has a horizontal orientation. In the "Image for mobile devices (optional)" section click the "Select Image" button and select image.
  12. When you finish click the Publish button.

The copyright text is displayed in the footer of the sidebar. You can change the copyright text using HTML tags.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Footer tab.
  4. Enter your custom copyright text. You may use these HTML tags and attributes: a[href,title], strong, b, em, i, img[src,alt,title], p, span, br.
  5. Click the Save & Publish button.

Colors

You can easily and quickly change the colors of some elements of the site. To create your color scheme, follow these steps:

  1. Log in to the WordPress Administration Panels.
  2. Go to Appearance > Customize.
  3. Open the Colors tab.
  4. Select the color you want to change and click button Select Color.
  5. By moving the circle on the colors area, select a color you want to use.
  6. Click Save & Publish button.

Post Options

In this section, you can configure the display options for a single post.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Post Options tab.
  4. Check the box next the meta info you want to display on the post page.
  5. Click Save & Publish button.

Posts Grid Options

In this section, you can configure the display options for a posts grid.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Posts Grid Options tab.
  4. Check the box next the element you want to display on the posts grid.
  5. Click Save & Publish button.

Share Buttons

The social media share buttons lets you share a page with your friends and contacts using your social media channels. The share buttons are displayed after the page content. You can enable or disable the display of some of the buttons.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to Appearance > Customize menu.
  3. Open the Share Buttons tab.
  4. Check the boxes of the social networks what you want to display after the page content.
  5. Click Save & Publish button.

Custom CSS

You can quickly and easily add your custom CSS code. Your CSS code will have the highest priority and will override the primary styles.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to Appearance > Customize menu.
  3. Open the Additional CSS tab.
  4. Enter your custom CSS code.
  5. Click Save & Publish button.

Creating a post

Posts are entries that display in reverse order on your home page. Posts usually have comments fields beneath them and are included in your site's RSS feed.

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the «Posts» tab.
  3. Click the «Add New» sub-tab.
  4. Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.
  5. As needed, select a category, add tags, and make other selections from the sections below the post. (Each of these sections is explained below.)
  6. When you are ready, click «Publish».

«Read More» button

Do you want to a show a summary of your article on your homepage with a read more link? Adding the More Tag in your posts is quite simple.

  1. Start a creating new post. Add content to your post.
  2. Place the cursor at the point where you want to break the post.
  3. Go to your visual editor toolbar and select the Insert Read More tag button where you’d like the excerpt for your post to end.

  4. When you are ready, click «Publish (or Update)».

Sticky Post

You can attach post on home page, it will always appear above other posts. Making Sticky Posts in WordPress is really easy.

  1. Go to Wordpress admin panel.
  2. Visit edit page of post you want make sticky.
  3. Look towards the right hand sidebar where you will see a Publish box. Look at the (Visibility: Public) field and click edit.
  4. Check the box Stick this post to the front page.
  5. When you are ready, click «Publish (or Update)».

Featured Image

The featured image is displayed at the beginning of each of your blog, in a block of related articles and search results.

  1. Open the editor of the post or page where you want to display a unique custom header image, and locate the «Featured Image» module in the bottom right corner. Click the Set featured image button.

    If you don’t see the Featured Image module on your Add New or Edit Post page, please make sure you’ve selected «Featured Image» in your Screen Options.

  2. After clicking the «Set featured image» link follow the same steps as inserting images in Posts and Pages. Once you have selected the featured image and determined the image settings, click on the blue "Set featured image" button, to set it as the featured image for your page or post.

Individual Sidebar Image for Posts/Pages

For each post and page, you can set a personal image of the sidebar.

  1. Open the editor of the post or page where you want to display a unique custom header image, and locate the «Sidebar Image» module in the bottom right corner. Click the Set sidebar image button.

  2. After clicking the «Set sidebar image» link follow the same steps as inserting images in Posts and Pages. Once you have selected the sidebar image and determined the image settings, click on the blue "Choose image" button, to set it as the featured image for your page or post.

Post Galleries

Image galleries are a great way to share groups of pictures on your WordPress site. The Create Gallery feature of the WordPress media uploader allows you to add a simple image gallery to pages or posts on your site. Wild Book support three types of gallery: Standard Thumbnails Grid, Slideshow and Masonry (Mosaic). Add a gallery to your post very easily and quickly:

  1. A gallery can go anywhere on a page or post - by itself on a blank page, or above, below, or in the midst of text. Start by placing your cursor where you want the gallery to appear - if it's in between blocks of text, like in the photo example below, consider adding a return and placing your cursor on a new line so there's space above and below.

  2. Once you've placed your cursor where you want your image gallery to appear, click on the Add Media button (located left above the editing window) to launch the media uploader interface. In the resulting popup window, select the 'Create a Gallery' option from the list of actions on the left.

  3. You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window:

    • Upload Files: Upload the images you want to use from your computer by dragging them into the upload area. You can add more than one image, and they will be automatically grouped together as an image gallery.
    • Media Library: Select from previously uploaded images in the media library by clicking on the ones you wish to add to the gallery. You will see a checkbox next to your selections.

    As you upload and/or select images, you will see your selection confirmed on the Insert Media screen by check boxes at the top corner of each thumbnail. Also, a row of thumbnails appears at the bottom of the window to help you keep track of all the images you’ve selected. When you are happy with your selection, click the Create a new gallery button.

  4. On the Edit Gallery page, you can do the following things before inserting the gallery you have created into your page or post:

    • Rearrange your images: Drag and Drop image thumbnails to rearrange the order of images in your gallery.
    • Reverse Order: Reverses the order of the images in your gallery.
    • Add image descriptions: Add descriptions to your images (optional) which appear as image captions below each thumbnail in the gallery.
    • Remove images: Hover over a thumbnail and click on the "X" to remove any of the images you previously selected.
    • Add more images: Click on the "Add to Gallery" link in the left hand sidebar and add or select the images you want to include in your image gallery by choosing from either "Upload Files" or "Media Library" tabs.
    • Cancel Gallery: Click on the "Cancel Gallery" link from the actions on the left to exit the Edit Gallery page and cancel your image gallery.
  5. Before inserting your gallery, you also have several Gallery Settings available in a pane on the right to control the following:

    • Links To: Controls whether the gallery thumbnails (on the published page/post) link to the image attachment page or directly to the source image file itself.
    • Columns: Set the number of columns you would like to have in your gallery. 3 Columns is the default settings, which is ideal for most sites.
    • Random Order: Enables your gallery to display your image thumbnails in a random order each time they are viewed on the site.
    • Size: Changes each image size in gallery. Available options are Thumbnail, Media, Large and Full Size.
    • Type: Type of the gallery. Available options are Thumbnail Grid, Carousel and Masonry.
  6. When you finished click the Insert Gallery button.

Editing Existing Galleries

Within the visual editor, the image gallery is displayed as a series of thumbnail images.

When you click any area of the image gallery, icon buttons appear top of the area. At any time, you can edit the images or settings of your gallery by clicking on the Edit button. You can remove the image gallery at any time by clicking on the Remove button.

Author Section

Do you want to add an author information block in your blog posts? The author info box is a small section where you can display information about the post author. In this tutorial, we will show how to add an author info block after the post.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Users > Your Profile menu.
  3. Enter your bio text to "Biographical Info" field. You can use a HTML tags.
  4. Click «Update Profile» button.

Contact Form

Before creating a contact form you need to install and activate the plugin «Contact Form 7»

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Plugins > Add New menu.
  3. Type Contact Form 7 into the Search Plugins field and hit Enter. Once found, you can view details on the point release, rating and description.

  4. Click the «Install Now» button.
  5. Wait a few seconds and click the «Activate» button.
  6. Now the plugin is installed and ready to use.

Creating Contact Page

Now you need create a contact form and contact page.

  1. Go to Wordpress admin panel.
  2. Go to Contact > Add New.
  3. Click button «Add New».
  4. Enter a form title (eg. My contact form).
  5. Adjust display options of form, email settings, system and response messages. For more information on the form settings you can read here Contact Form 7 Docs
  6. Click button «Save».
  7. Copy the shortcode located under the title field.

  8. Create a new page Pages > Add New.
  9. Enter a page title and paste shortcode to post editor. Before and after the shortcode you can add text and pictures.
  10. When you are ready, click «Publish».
  11. Now a form ready for use.

Weeland theme has three areas widgets located in the footer of the site. To add widgets to the footer of your site, follow these steps:

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Widgets menu.
  3. Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, (select a destination sidebar if your theme has more than one) and click the Add Widget button.
  4. Preview the site. You should find that the "default" sidebar elements are now gone and only the new addition is visible.
  5. Return to the Widgets Panel to continue adding Widgets.
  6. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
  7. To save the Widget's customization, click Save.
  8. To remove the Widget, click Remove or Delete.
If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme's ability to preserve other Theme's Widgets.

To add a subscription widget to your blog, you need to install and activate the MailChimp for WordPress plugin.

MailChimp is an email marketing platform. This kind of service is typically used for creating email newsletters or advertisements that people opt-in to receive, often by entering their email address into a form on your website.

You can integrate MailChimp with social media services and your applications to collect contacts for your lists of recipients.

Emails sent by MailChimp on your behalf comply with anti-spam regulations, which is important to reduced the chance that your messages will be filtered into spam.

First Steps

Before installing the widget, you need to create account on the MailChimp site and get a unique API key.

  1. Go to the MailChimp site and create a new account.
  2. Generate the API key in your account page. How to generate MailChimp Api key.

Installing the plugin

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Plugins > Add New menu.
  3. Type MailChimp for WordPress into the Search Plugins field and hit Enter.
  4. In the search result navigate to the block with "MailChimp for WordPress" title and click Install Now.
  5. Wait a few seconds and click Activate button.
  6. Now the widget is installed and ready to use.

Connecting to MailChimp

Before using the widget, you need to connect to the MailChimp service.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the MailChimp for WP in the left side menu.
  3. In the MailChimp API Settings section enter your API key to the API Key field.
  4. Click Save Changes.

When you finished go to Appearance > Widgets and add the MailChimp Sign-Up Form to one of the widget areas.

If you want to change Subscribe Form go to MailChimp for WP > Forms and edit the form in the Form Fields field.

Images

Java Scripts

Fonts