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-10962274-wild-book-vintage-elegant-stylish-wordpress-personal-blog-theme-multilingual-rtl-support.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 wildbook.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 wildbook-child.zip file. The child theme is only for users who make code changes.
  • Documentation — Theme documentation.
  • Licensing — Theme license files.
  • Demo Content — Demo XML file to import in WordPress.

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 wildbook.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 wildbook.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 wildbook 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 Wild Book in the list of themes.
  7. Move the cursor on the block with the Wild Book theme and click the Activate button.

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

This theme requires the installation and activation of some plug-ins to add additional features and capabilities. If you want to use portfolio, contact form, newsletter and demo import, you need to install the following plugins:

  • Wild Book Bundle (requred) — This plugin includes widgets and social networking buttons;
  • Portfolio Post Type — Enables a portfolio post type and taxonomies;
  • Easy Google Fonts — This plugin adds options for changing fonts;
  • Contact Form 7 — Contact form plugin;
  • One Click Demo Import — Import theme demo content, widgets and theme settings with one click;
  • MailChimp for WordPress — MailChimp for WordPress by ibericode. Adds various highly effective sign-up methods to your site.
  • Smash Balloon Social Photo Feed — Display Instagram posts from your Instagram accounts, either in the same single feed or in multiple different ones.

Installing Plugins

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Install Plugins menu.
  3. Check the boxes next the plugins name that you want to install. In the drop-down menu located next to the Apply button select Install and click the Apply button.

  4. Wait a few minutes and click the Return to Required Plugins Installer link.

  5. Check the boxes next the installed plugins name. In the drop-down menu located next to the Apply button select Activate and click the Apply button.

  6. Now the plugins are activated and you can use them.

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 Wild Book 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 wildbook.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 wildbook-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.

The Wild Book theme supports the custom navigation menus. You can add a menu in two places of the page: on the sidebar and on the top of the content area. 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.

By default, the menu on the content area is always attached to the top. To disable the sticky menu, follow these steps:

  1. Log in to the WordPress Administration Panels.
  2. Go to Appearance > Customize.
  3. Open the tab Other options.
  4. Uncheck the box Enable sticky menu.
  5. Click the Save & Publish button.

To add links of your social networks to the sidebar of the site, follow these instructions:

  1. Log in to the WordPress Administration Panels.
  2. Navigate to Appearance > Menus section.
  3. Click the Create a new menu button.
  4. Enter a name for the menu (eg Social Links) and check the box "Sidebar social links".

  5. Click the "Create Menu" button.
  6. After the menu is created, open the Custom Links tab in the Add menu items block.

  7. Enter the URL of your social account page in the URL field. URL of the page must necessarily contain the domain of the social network. For example, www.instagram.com/instagram.

  8. In addition to social networks, you can add links to any web page or your contact email to the menu. To add an email, enter in the URL field your email address with mailto: prefix, eg mailto:nordthemes@gmail.com
  9. After you have added the URL, click the Add to menu button.
  10. Repeat step 7 and 8 for all of your other social networks.

  11. When you're done click the Save Menu button.

How to add links to WhatsApp, Facebook Messenger and Telegram.

URL addresses for these social networks should be in the following format:

  • WhatsApp - https://wa.me/<number>, where <number> is a full phone number in international format. Do not use parentheses, hyphens, plus signs, and leading zeros when entering a phone number in international format.
  • Facebook Messenger - http://m.me/<PAGE_NAME>, where <PAGE_NAME> is the handle of the Facebook page the app is linked to.
  • Telegram - http://t.me/<USER_NICKNAME>, where <USER_NICKNAME> is username.

Add your favorite articles to the slider in the header of the site. You can add articles, pages and portfolio projects to the slider.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to Appearance > Menus section.
  3. Click the Create Menu button and create a new menu.
  4. Click the Posts (or Pages, Portfolio) tab on the left sidebar. Select articles by checking the boxes and click Add to menu button.

  5. For each element, you can enter a name and description that will be displayed in the slider. If the Description field is not displayed, click the Screen Options button at the top of the page and select the Description check box.

  6. When you're done, select the Featured Posts check box in the Menu Settings section and click the Save Menu button.

Slider Layouts

Featured posts slider support two layouts: single item slider and multiple (3 columns carousel). Follow the instructions to change the layout:

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Layout tab.
  4. In the drop down menu for Slider Layout select the layout you want to use.
  5. Click Save & Publish button.

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

Customizer

The Wild Book 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.

The Wild Book theme has a 4 unique sidebar layouts. Each layout changes the position of the sidebar elements (logo, tagline, menu etc). Also you can change the size of the sidebar (25% to 50%) and its position (left ot right).

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Layout tab.
  4. In the drop down menu for Sidebar Layout select the layout you want to use.
  5. In the drop down menu for Sidebar Position select the position (left ot right).
  6. In the drop down menu for Sidebar Width select the width of the sidebar (25% to 50%).
  7. Click Save & Publish button.

Blog Layouts

The Wild Book theme has a three blog layouts: standard (classic blog), grid (two columns), masonry grid and list. To change the layout, follow these steps:

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Layout tab.
  4. In the drop down menu for Blog Layout select the layout you want to use.
  5. Click Save & Publish button.

Follow the below steps to set the background image on the left sidebar of your site:

For all pages
  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Background menu.
  3. Click Select Image at the Background section, upload the background image file from Upload Files tab screen, and click Choose Image.
  4. Set the background properties:
    • Background Repeat — This property sets how a background image will be repeated (used when the "background size" = auto).
    • Horizontal Background Position — This property sets the starting position of a background image by horizontal.
    • Vertical Background Position — This property sets the starting position of a background image by vertical.
    • Background Attachment — This property sets whether a background image is fixed or scrolls with the rest of the page.
    • Background Size — This property specifies the size of the background images.
  5. To change the transparency of blackout, use the range slider Blackout.
  6. Click the Save & Publish button.
For individual pages
  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Pages (or Posts) menu.
  3. On the next screen click on the Page you want to set the background image.
  4. On the next page scroll down the page until you see the Sidebar Background Image box on the right side of the screen.

  5. Click the Set Background Image link.
  6. Upload a new image or select an existing image, and click the Choose image button
  7. When you are ready, click the Update button.

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. Now you will see three input fields:
    • Site Title — displayed in the sidebar and in the browser tab.
    • Site Description — displayed in the browser tab after the site title.
    • Tagline — displayed in the sidebar under the site title or logo.
  5. Type 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 sidebar of the site. You can place logo above the site title and tagline. 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 Logo tab.
  5. Click Select Image at Current Header 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 Size section.
  8. Change the distance between the logo and title/tagline using range slider in the Bottom margin section (not necessary).
  9. Click «Save & Publish» button.

Secondary Logo

The secondary logo is located in the top menu in the header of the site. Set the secondary logo if you do not want to display the logo on the sidebar. It is also recommended to set a secondary logo if you plan to use full-width templates where the sidebar is disabled.

  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 Logo tab.
  5. Click Select Logo at Secondary 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 Size section.
  8. Select a logo display area. You can turn off the display of the secondary logo for mobile devices. Also, the logo can only be enabled for full-width templates.
  9. Choose logo alignment: left, right, or center.
  10. 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.

The copyright text is displayed at the bottom of the sidebar. You can change the copyright text using HTML tags or disable its displaying.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Copyright tab.
  4. Type 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. If you do not want to display the copyright text, uncheck the box Display copyright.
  6. Click the Save & Publish button.

Colors

You can quickly and easily change the color of any element on 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 area where you want to change colors.
  5. Select the color you want to change and click button Select Color.
  6. By moving the circle on the colors area, select a color you want to use.
  7. Click Save & Publish button.

Labels

You can change some the titles and labels such as "Continue reading" button etc.

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Titles tab.
  4. Enter your text in the input fields.
  5. Click Save & Publish button.

Post Display Options

To disable the display of some of metadata or blocks on post page, follow these steps:

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Customize menu.
  3. Open the Post Options tab.
  4. Check the checkbox next the meta info you want to display on the post page.
  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. To add social networking buttons to your website, install and activate the Wild Book Bundle plugin.

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. Then open the Display Options 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 Custom CSS tab.
  4. Add your custom CSS code.
  5. Click Save & Publish button.

Effects

During the winter or Christmas holidays you can enable on your site the falling snow.

  1. Log in to the WordPress Administration Panels.
  2. Go to the Appearance > Customize menu.
  3. Open the Other Options tab.
  4. Check the Enable falling snow box.
  5. Click the Save & Publish button.

Google Fonts

Theme is compatible with the Easy Google Fonts plugin. This plugin allows you to change the theme fonts using Google’s font library.

  1. Log in to the WordPress Administration Panels.
  2. Install and activate the Easy Google Fonts plugin.
  3. Go to the Appearance > Customize menu.
  4. Open the Typography tab. The click the Default Typography tab.
  5. Select the item you want to change and click Edit Font button.
  6. Choose a font in the Font Family drop-down menu. Then configure the font display options using the Appearance and Positioning tabs.
  7. Do the same with other elements of the site.
  8. Click the Save & Publish button.

Creating a post/page

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. You can also create single pages that do not appear in the list of blog posts, but can be added to the site menu (eg. About Me page)

To write a post/page:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the «Posts» tab (or «Pages» tab to create a single page).
  3. Click the «Add New» sub-tab.
  4. On the next page you will see the post editor:

  5. 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.
  6. To add more different content blocks, click the Plus button located in the upper left corner:

    In the drop-down menu, you can select several dozen content blocks, such as images, galleries, videos, columns, headings, etc.

    For example:

    You want to add a new paragraph. Click the Plus button in the top left corner and click on the Common Blocks tab. Click on the Paragraph icon.

    After the last paragraph, a new text field will appear where you can write a new paragraph.

    In the same way, you can add images, videos, columns, headlines and many other elements of the post.

  7. Each content block has personal display settings. You can change the font size, color, background, indents and other parameters of the block. Click on the block you want to change. The parameters of the block are displayed right side of the post editor.

    For example:

    Click on the block with the last paragraph. The settings for changing the size and color of the font will appear on the right side of the editor.

    After changing the font size and block color, you can get this block:

  8. To add links to your post and change the boldness and inclination of the font, use the toolbar located at the top of the screen.

  9. To remove a block, select the block and click the More Options icon in the top toolbar. In the drop-down menu, click Remove Block.

  10. When you have finished creating your blog post, select a category and add post tags. Click the Document tab on the right sidebar of the post editor. Then click the Category tab. Select categories or create new ones. Do the same with tags.

  11. When you are done click the Publish button. Now your post has been published and visitors to your site can read it.

Editor Blocks

More information about the editor blocks can be found on the following resources:

«Continue reading» 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. Enter the title of the post and add blocks.
  2. Click the Plus button in the upper left corner. Click on the Layout Elements tab. Click the More button.

  3. Once you click the More button, you'll see the dividing line appear in your post.

  4. If you want to move the line, click on the arrow icons located to the left of the dividing line.

  5. When you are ready, click the «Publish» button.

Sticky (Featured) Post

A Sticky Post (Featured post) is the post will be placed at the top of the front page of posts. Making Sticky Posts in WordPress is really easy.

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Start creating a new post or open an existing post in edit mode.
  3. Click the Document tab on the right sidebar. Then click the Status & Visibility tab.
  4. Check the Stick to the front page box.

  5. When you are ready, click the «Publish...» button.

Featured Image

Featured images (also sometimes called Post Thumbnails) are images that represent an individual Post, Page, or Custom Post Type. Featured images are always displayed at the top of the post (after the title), as well as in search results and widgets. To set a featured image of the post, follow the steps:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Start creating a new post/page or open an existing post/page in edit mode.
  3. Click the Document tab on the right sidebar. Then click the Featured Image tab.

  4. Click the Set featured image button.
  5. Select or upload an image in the Media Library window and click the Select button. The selected image should appear in the Featured Image block.

  6. When you are ready, click the «Publish...» button.

Sidebar Image

Each post or page can have a individual background image of the sidebar. To set a sidebar background image, follow the steps:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Start creating a new post/page or open an existing post/page in edit mode.
  3. Click the Document tab on the right sidebar. Then click the Sidebar Image tab.

  4. Click the Set a background image button.
  5. Select or upload an image in the Media Library window and click the Choose Image button. The selected image should appear in the Sidebar Image block.

  6. When you are ready, click the «Publish...» button.

Full Width Template

Each post or page can be displayed without a sidebar over the entire width of the screen. In this case, the content will be displayed in the center of the page.

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Start creating a new post/page or open an existing post/page in edit mode.
  3. Click the Document tab on the right sidebar. Then click the Post Attributes (or Page Attributes) tab.

  4. In the Template dropwndown menu select Full Width Post (page) option.

  5. Click the Update (Publish) button.

Image galleries are a great way to show groups of pictures on your site. The process of creating a gallery is simple and does not take much time.

  1. Start creating a new post/page or open an existing post/page in edit mode.
  2. Click the Plus icon in the upper left corner. Open the Common Blocks tab and click the Gallery icon.
  3. Once you have clicked the icon a new block called the Gallery appear in the editor.

  4. You can choose gallery images in two ways::

    • Select existing images in the Media Library
    • Upload new images from your computer.

    When you have finished selecting images for the gallery, click the Create new gallery button to insert the gallery onto the page.

  5. To add or remove gallery images, click the Pencil icon in the top toolbar.

  6. Gallery display options are in the right sidebar of the editor. You can change the following parameters:

    • Columns: Range slider to adjust the number of columns of the gallery.
    • Crop Images: If you switch to the On position, all images are cropped to the equal height.
    • Link to: You can set the images to link to "media file" or "attachment page". It's set to "none" by default.

  7. When you are done, click the «Publish...» button.

The theme supports an additional type of gallery — carousel (slider) of images. The process of creating a slider is slightly different from the process of creating a standard gallery because requires the use of a classic editor.

  1. Start creating a new post/page or open an existing post/page in edit mode.
  2. Click the Plus icon in the upper left corner. Open the Formating tab and click the Classic icon.

  3. Click the Add Media button in the classic editor block.

  4. In the Media Library window that opens, click Create Gallery.
  5. Select images form the Media Library (or upload new images) and click the Create New Gallery button.
  6. On the next screen, open the Type drop-down menu and select Carousel. Click the Insert button.

  7. Also do not forget to choose the size of the images and the number of columns.

  8. Once you are done, a grid of images will be added to the classic editor. In the editor, the gallery will be displayed as a grid of thumbnails, but on the site you will see a carousel of images.

  9. When you are done, click the «Publish...» button.

Also the theme supports another gallery type — masonry (mosaic). The process of creating a masonry gallery is the same as the process of creating a carousel of images. In the Type drop-down menu, select Masonry instead of Carousel.

Static Home Page

By default, WordPress shows your most recent posts in reverse chronological order on the front page of your site. Many WordPress users want a static front page or splash page as the front page instead. This "static front page" look is common for users desiring static or welcoming information on the front page of the site.

The look and feel of the front page of the site is based upon the choices of the user combined with the features and options of the WordPress Theme.

There are four models for WordPress layout and structure, three that include static front pages.

  • Blog: This is the traditional front page format with posts featured in reverse chronological order.
  • Static Front Page: This is a traditional static HTML site model with a fixed front page and content placed in Pages, rarely if ever using posts, categories, or tags.
  • Static Front Page Plus Blog: This model features a static front page as an introduction or welcome plus a blog to manage posts. Pages may be used to provide timeless content such as Contact, About, etc.
  • Dynamic Front Page: Sometimes called the integrated model, the dynamic site design features a static front page plus blog, however the front page is dynamic. It may feature a combination of static and blog content (Page and posts). The Twenty-Eleven WordPress Theme offers that feature as an example with their Showcase Page Template. It features the most recent post in full or excerpt followed by the next most recent posts as post titles. There is an option to add a slider for featured posts set as Sticky Posts above the first post, creating a dynamic mix of content on the front page.

WordPress Static Front Page Process

There are two steps critical to creating a static front page on your site with WordPress.

  • Assign the Front Page
  • Assign the Posts Page (blog page)

The Page assigned as the front page of the site will display the static information you wish readers to know. It may be customized to direct people to welcome or offer instructions, featured content, highlight specific posts, articles, categories, or contributors.

The Page assigned as the blog page (posts page) of the site displays posts in reverse chronological order. Posts set as Sticky Posts will stick to the top of the queue, and navigation and organization of post content is through categories and tags.

Creating a Static Front Page

Creating a virtual static front page does not require editing or coding of files or templates. Using the default configuration for a "static front page" in WordPress does not remove the sidebar or change the look of the entire site, just the content area.

Please note that the names for the Pages used in these examples are web standardized names. You may choose alternative titles.

To create the static front page, go to the WordPress Administration Panels.

  1. Create a Front Page: In Pages choose Add New Page.
    • Title it "Home".
      1. If the WordPress Theme offers an option to change the look and feel of the front page, select the Template in the Page Attributes panel box.
      2. Add content you would like to see within the content area of the static front page, or leave it blank if it is a Dynamic front page.
      3. Publish the Page.
  2. Create a Blog Page: If choosing to add a blog, choose Add New Page again.
    • Title it "Blog," "News," "Articles," or an appropriate name.
      1. Do not use a custom Page template for this page. The template files home.php or index.php will be used to generate this page in the Theme.
      2. DO NOT add content. Leave it blank. Any content here will be ignored -- only the Title is used.
      3. Publish the Page.
  3. Go to Administration > Settings > Reading panel.
    • Set Front page displays to a static page
      1. In the drop down menu for Front Page select "Home."
      2. In the drop down menu for Posts page select "Blog" or the name you created, or leave it blank if you will not feature posts on the site.
      3. Save changes.

First Steps

Before creating a Portfolio page, install and activate the Portfolio Post Type plugin.

Creating Portfolio Page

Portfolio page displays a grid of thumbnails of your projects. To create a portfolio page, follow these steps:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Navigate to the Pages > Add New menu.
  3. Enter the Portfolio page title. You can also add text and blocks in front of the project list.

  4. Click the Document tab on the right panel. Then click the Page Attributes tab. In the Templates drop-down menu, select one of the templates: Masonry Grid, Masonry Grid (3 columns), Portfolio Grid, Portfolio Grid (3 columns) or Portfolio Grid (3 columns & sqyare thumbnails).

  5. Click the «Publish...» button.

Now create your first project.

Creating Project

The process of creating a project page is the same as the process of creating a post / page. Portfolio project can be added easily and quickly.

  1. Log in to your WordPress Administration Panel (Dashboard)
  2. Click the «Portfolio» tab
  3. Click the «Add New Item» sub-tab.
  4. Start filling the fields and add blocks with text and media. More information on how to use the editor can be found here.

  5. In the right sidebar, select a category, a featured image, and a sidebar background image.

  6. Click the «Publish...» button.

This guide is an introduction to the Contact Form 7 plugin for WordPress. Basic knowledge of WordPress administration is required. With various examples, this tutorial explains how to display a form on your page, and how to customize your forms and mail.

First Steps

Before you create a contact form, install and activate the Contact Form 7 plugin. If you already have Contact Form 7 plugin installed, you can skip this step.

Creating Contact Page

Let’s start with displaying a form on your page.

  1. First, open the Contact > Contact Forms menu on your WordPress administration panel. You can manage multiple contact forms there.
  2. Just after installing the Contact Form 7 plugin, you’ll see a default form named “Contact form 1”, and a code like this:

    [contact-form-7 id="1234" title="Contact form 1"]
  3. Copy this code. Then, open the edit menu of the page (Pages > Edit) into which you wish to place the contact form. A popular practice is creating a page named “Contact” for the contact form page.
  4. Click the Plus icon in the upper left corner. Then open the Widgets tab and click the Shortcode button.

  5. Paste the code you copied into the Shortcode block.

  6. Click the «Publish...» button.
  7. Now your contact form setup is complete. Visitors to your site can now find the form and start submitting messages to you.

Next, let’s see how you can customize your form and mail content.

Customizing a Form

You may feel that the default form is too simple for you and you want to add more fields to it. You can edit the form template in the admin screen and add other fields.

To add fields to a form, make tags for them and insert them into the ‘Form’ field. You’ll find unfamiliar codes in the ‘Form’ field, for example, [text* your-name]. These codes are called “tags” in the vocabulary for Contact Form 7.

A tag has a rather complex syntax, but don’t worry! You don’t have to learn it. You can use the “Generate Tag” tool to generate as many tags as you want.

The second word in the tag is its name. For example, the name of [text* your-name] is ‘your-name.’ This name is important as it is used later in your mail template.

Customizing Mail

You can edit mail templates in the ‘Mail’ field set as you did with the form template. You can use tags there as well, but note that tags for mail are different from those tags for forms.

Tags you can use in a mail template contain only one word in brackets and look like [your-name]. You should be aware that this ‘your-name’ is the same as the name of the form tag which is noted in the previous example. The two tags correspond with the same name.

In mail, [your-name] will be replaced by the user’s input value, which is submitted through the corresponding form field, which, in this case, is [text* your-name].

More Info

More information and tips can be found on the official documentation website.

Author Info

After each post, you can display a block with a brief biography of the author. To add a biography of the author, follow these steps:

  1. Log in to your WordPress Administration Panel (Dashboard)
  2. Navigate to the Users > Your Profile menu.
  3. Enter your biography text to the Biographical Info field. You can use a HTML tags.
  4. Click the Update Profile button.

The "Wild Book" theme has two 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.

Instagram Widget

  1. Log in to the WordPress Administration Panels.
  2. Install and activate the Smash Balloon Social Photo Feed plugin.
  3. Then navigate to WP Admin -> Instagram Feed page.
  4. Click the Connect an Instagram Account button.

  5. Sign in to Instagram with your account. Then click the Authorize button.

  6. Once you’ve connected your Instagram account you will see your account on Instagram Feed page.

  7. Then navigate to WP Admin -> Widgets page. Add the Text widget to one of the footer areas widget. Enter the [instagram-feed] shortcode in the text editor window.

  8. The Instagram widget will appear in the footer of your site. If you want to customize the appearance of the Instagram feed, go to the page Instagram Feed. Click the 2.Customize tab. On this page you will find many settings for changing the appearance of the Instagram feed.

Before you create a subscription form on your site, you need to create an account on the MailChimp service. 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

  1. Create an account on the MailChimp. If you have already created an account, log in to the MailChimp Admin panel.
  2. Create an email list for your site.
  3. Generate the MailChimp API key. How to generate API key.
  4. Install and activate the MailChimp for Wordpress plugin.

Creating a Form

  1. Navigate to the MailChimp for WP -> MailChimp menu.
  2. Enter the generated API key (First Steps - Step 3) to the API Key field and click Save Changes button.

  3. Once the API key is added and the changes saved, your list information will populate in the Your MailChimp Account area. This will give you a break down of each list and the information about them.

  4. Navigate to the MailChimp for WP -> Forms menu.
  5. Enter the form title to the What is the name of this form? field. Check the box next the name of the created email list (First Steps - Step 2). Click the Add New Form button.

  6. On the next page, you will see the HTML editor for editing the subscription form. You can add additional form fields, text and other HTML tags. If you want to use the form like on the demo site, enter this HTML code:

    <div class="wdb-newsletter-form">
    <div class="wdb-newsletter-form-wrap">
    <input type="text" name="NAME" placeholder="Your name" required />
    <input type="email" name="EMAIL" placeholder="Your email address" required />
    <input type="submit" value="Sign up" />
    </div>
    </div>
  7. Click the Save Changes button.

Adding the form to the site

The last step is to add your form to one of the parts of the site. You can add a form to several areas of the site, for example, in the sidebar or the site header.

  1. Navigate to the MailChimp for WP -> Forms menu.
  2. Click the Get Shrotcode button. In the dialog that appears, select the shortcode and copy it.
  3. Navigate to the Pages -> Add New menu.
  4. Enter the page title, eg. My Subscription Form.
  5. Click the Plus icon in the upper left corner. Then open the Widgets tab and click the Shortcode button.

  6. Paste the code you copied into the Shortcode block.

  7. Click the Publish... button.
  8. Navigate to the Apperance -> Customize menu. Open the Additional Content Areas tab.
  9. Select the created page in the dropdown list for an area where you want to show the subscription form.

  10. Click the Save&Publish button.
  11. Now the subscription form appears in the selected area.

More information about the forms of subscription you can get on the site MailChimp for WordPress - Knowledge Base.

Images

Java Scripts

Fonts