đź‘‹   For the most recent updated documentation, please check the online version  👉

Table of Contents

  1. Theme Activation & Import Demo Data (Video)
  2. Theme Customizer
  3. Adding Posts
  4. Adding Pages
  5. Widgets
  6. Menus
  7. Home Hero
  8. Contact Page
  9. Galleries
  10. Translation
  11. Theme Development
  12. Credits

Theme Activation & Import Demo Data (Video)

This is a quick video showing how to install the theme and import the demo content. For detailed installation steps, you can check the process below.

Installation via WordPress Theme Installer

  • Login to your WordPress Dashboard, go to Appearance → Themes.
  • At the top, click Add New, then click Upload Theme.
  • Choose the bold.zip zip file you will find within the whole package that you downloaded from Themforest.
  • Click Install Now.
  • The last step is to click activate once all the files are correctly uploaded.

Installation via FTP

  1. Login to the SFTP/FTP account for your site.
  2. Navigate the to the WordPress directory, and follow the path wp-content/themes.
  3. Extract bold.zip file (it’s in the zip file you downloaded) and upload the bold folder.
  4. Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  5. Click the Activate link.

Import Demo Data

The theme comes with the demo content that you can import with one click button.

First, you will need to install the One Click Demo Import plugin then activate it.

Second, go to Appearance > Import Demo Data and click the Import Demo Data button. It will take a few seconds, then you are done and have the demo content installed.

Theme Customizer

WordPress customizer is a tool which allows you to modify the look and feel of your website, you can see the changes live as you edit the options. To open it, go to Appearance > Customize.

Site Identity

This is where you can set different things:

  1. Upload a site logo.
  2. Set the Site Title and Tagline.
  3. Set the footer copy right content, this support HTML coding, if this is not set, the copyright will be as like © 2017 Bold.
  4. You can also hide or show the header search icon.
  5. Display or hide Site Title and Tagline on the Home Hero section.
  6. Upload the site icon (favicon) which is used as a browser and app icon for your site.
Header Image

In this section, you can set the Header Image which will then bu used in the Home Hero section.

Here you can create a new menu, add links to it set the menu location.

Widgets

This will help you control the widgets which are supported in the site footer, you can add new widget or remove one.

Static Front Page

Here you can set the homepage for your website. It could be the blog page with a list of posts, ot it could be a page like the about page for example.

Additional CSS

This is a great place if you want to add more CSS stylying to your website.

Adding Posts

  • Go to Posts → Add New.
  • Add a title.
  • Select a post Category.
  • Add some relevant Tags.
  • Choose a Featured Image.
  • Write your post content in the content area.
  • Click Publish and you’re all done.

Adding New Post

Create New Post

To create the excerpt content on the post card, put your cursor where you want to end the excerpted content of your post and click the more quicktag button.

Excerpet Button

Excerpet Button Action

Excerpet Content Card

Adding Pages

  • Go to Pages → Add New.
  • Add a title.
  • Set the Page Attributes like the Parent or leave the default one.
  • Choose a Featured Image.
  • Write your post content in the content area.
  • Click Publish and you’re all done.

Adding New Page

Create New Page

Widgets

The footer section has four registered widget sections. Widgets could be added to these areas by navigating to Appearance > Widgets.

Widgets

Footer Widgets

To create a new menu:

  1. Navigate to WordPress Dashboard > Appearance > Menus
  2. You can see a panel where you can create a new menu, click create a new menu link to create one.
  3. Give the new mene a name, for example, Primary Menu, then click the Create Menu button to craete it.
  4. From the drop-downs on the left, choose the content to add to your menu.
  5. Nest & position menu items by dragging & dropping them.
  6. Be sure to check the box to set the menu as “Primary Menu” from the Display location option.
  7. Save menu

Add New Menu

Create New Menu

Edit Menu

You can create a menu as the above steps, with a custom link to the social media site, then you can assign the menu to the Social Menu location in the Display location option.

social-media-menu

Bold is using Social Logos. You can look this gallery for all the available icons.

Home Hero

home-hero

The hero section shows the blog Tagline and the Header Image.

To set the Tagline, go to Appearance > Customize then Site Identity.

To set the Header Image, go to Appearance > Customize then Header Image.

If the Header Image is not exist, the hero section will be hidden, but you can show only the Header Image without the Tagline.

Contact Page

The first thing you can do is to install and activate the Contact Form 7 plugin.

Creating the Form

  • From WordPress Dashboard, navigate to Contact > Add new.
  • Now you are on the contact form page, set a form title, then and you can see different tabs which are the following:
    • Form: You can customize the form and how it will look like with some simple HTML code.
    • Mail: You can set direrernt things like you email address and customize the message body.
    • Messages: You can set different messages visitors can see in different senarios while sending a message.
    • Additional Settings: You can add customization code snippets.
  • Once finished the form customization, click the Save button.
  • Once saved, you will get a new code snippet highlighted in blue. This code will be used with the WordPress page, so please copy it.

Creating the Page

  • From WordPress Dashboard, create a Contact page by navigate to Pages > Add new.
  • Paste the generated contact form code into the page text box.
  • Now, your page is ready with the new contact form which you can then publish.

Galleries

The demo is using the Tiled Galleries which is a Jetpack add-on that enables to display your galleries in different new styles.

First, install Jetpack and then follow this guide which will introduce you to Tiled Galleries and how to confugure and create new galleries with it.

Translation

Bold theme is full ready to be translated into other languages and could be easily translated with poedit.net application.

The theme contains the main translation file bold.pot inside the language directory which will be used by poedit application.

Here are a simple steps:
  1. - Install poedit and open it.
  2. - Once the app is opened click Create new translation.
  3. - Choose the bold.pot file inside the theme bold/language directory.
  4. - Once translation is done, save the file according to your language code. Find a list of language codes at WordPress in your Language. As an example, the language code for English (UK) is en_GB, so you will end up with two new files: en_GB.po and then en_GB.mo.
  5. When that’s done, simply upload the files to bold/language folder using FTP.
  6. Change the site language by going to WordPress > General > Settings and choose the target language from Site Language drop-down menu.

Theme Development

If you are a developer and need to do customization work, the theme is using Gulp to compile Sass and JavaScript. This improves the development flow and making it much faster.

First, make sure you have Node.js, npm, and Bower installed, then run the-the following commands in the theme root directory to install npm and bower dependencies.

npm install

To start Gulp, run:

gulp

This will compile Sass and JavaScript files, and start watching changes as you edit files.

Credits

Bold have used the following scripts, fonts or other files as listed.