Thank you for choosing Adda theme!
Please use the left menu to navigate the manual.
The installation is pretty straightforward, but if you encounter any problems, or simply would rather have us do it for you, contact us here.
Start by logging in to your WordPress dashboard. There, go to Appearance -> Themes.
It’s recommended to backup your database before making changes to your WordPress website. For that we recommend using BackWPup plugin.
You don’t have to set up regular backups just yet. Simply, go to the BackWPup page in your WP dashboard and click the Download database backup button to protect yourself:
The package you’ve downloaded is located in one .zip file. You need to unpack it to find two separate theme files. If you’re on a Mac, just double click on the file. On Windows, right-click the file and choose Extract All. OK, now you’re ready for the installation.
This theme comes with a parent theme called Genesis. To install the Adda theme, you need to install both Genesis and Adda theme.
To do that, start by going to Appearance -> Themes in your WordPress dashboard.
Click Add New button on top of the screen:
Then, click Upload Theme button in the same spot:
Can’t see the Upload Theme button? It might mean you’re using WordPress.com. You need a self hosted WordPress installation to upload the theme. You’re not sure what you’re using? Contact us!
Now choose genesis_2.3.1.zip file from the package you’ve downloaded with your purchase and click Install Now button.
Wait for the theme to upload and install. When it’s ready, you’ll see this information screen:
Click Return to Themes page. Don’t activate the Genesis theme.
Now, repeat the steps to upload the Adda theme. But this time, click the Activate button.
If everything’s fine, you should see this, green notice:
Congrats! The Adda theme is installed! You can already see the changes on your website.
Install required plugins
Adda theme requires some plugins to function correctly. After you install the theme, you’ll see a notice bar, with a list of the plugins that need to be installed:
Click Begin installing plugins to start the process.
Mark all plugins by clicking the checkbox on top of the list, and select Install action from the Bulk Actions select box and click Apply:
When everything’s done, you’ll see this notice:
Click the Return to Required… link and mark the plugins again and select Activate action this time. Then, click Apply.
When you see this notice, you know you’re done here:
Edit blog title
Now that everything is installed, you can start customizing your Adda theme. Start by opening the Customizer. Go to Appearance -> Customize, or click Customize button on the Admin Bar when viewing the site:
Most of the customization of Adda theme is done through Customizer, so get familiar with it. It allows you to play with theme settings and see the changes in the real time. You don’t have to save the settings every time you change something, but can try different adjustments and save the final result when you’re satisfied. You can exit the Customizer anytime by clicking the exit button: that’s in the upper left corner of the page.
First available section in the Customizer is Site Identity:
In the Site Identity section you can write down the name of your blog and the blog tagline.
If you’d rather use your own image as a blog title, you can do so, by clicking the < icon to go back to the main Customizer section:
And then, choosing the Header Image section. There, you can choose to display your own image as blog title by uploading it to WordPress or choosing an already uploaded image from your Media Library.
After you choose an image, you can also choose how you want it to be displayed:
- above the text
- behind the text
- below the text
You can also choose if you want to display either the blog title or the description text. This way, you can have the image to be displayed instead of the written blog title and description.
If you decide to display the text, you can adjust the font to match your blog title name, by going to Fonts -> Blog Title in the main Customizer menu. There you’ll be able to edit all the fonts settings and choose any font you want for your blog title that’s available in Google Fonts:
By default the theme displays a slider, 5 boxes of featured posts and the list of newest posts on the home page. Here’s where you can edit each part of it:
1. BLOG POSTS OR STATIC PAGE ON FRONT PAGE
You can decide if you want to display the newest blog posts or static page on front page by going to Customizer -> Static Front Page. Here’s how it looks like:
When you choose a static page, you can then select which page should be displayed and which page should act as the latest posts page.
Go to Customizer -> Home page slider to edit the type of the slider. Here’s a list of available options:
- Show no slider
- Sticky posts
Only the posts marked as sticky will be displayed in the slider.
- Latest posts (default)
You can precise how many posts you want to be displayed in the slider with that option.
- Posts selected by hand
This option allows you to choose which posts precisely you’d like to display in the slider. Each row is a post. You can choose posts form the select box.
- Gallery of images
This option allows you to create fully custom slider with images and texts that are not taken from any post but allow you to control what’s being displayed.
3. HOME PAGE FEATURED POSTS
Go to Customizer -> Home page featured posts to edit the boxes. Here’s a list of available options:
- Show nothing
- 3 Latest posts
- 3 Posts selected by hand
This option allows you to choose which posts precisely you’d like to display in the boxes. Each row is a post. You can choose posts form the select box.
A static page will look like a post with a sidebar on a side by default. If you want it to be displayed without the sidebar, choose the appropriate Layout from the Layout Settings that are editable below the content:
To have a contact form on your website we recommend using a Contact Form 7 plugin that you’ve been asked to install when activating the Adda theme.
If you have the plugin ready then start with creating a form fields in the dashboard. Go to Dashboard -> Contact -> Contact Forms and click on the Contact form 1 that should be already added to your website.
Copy and paste this text to replace the Form code:
<p>[text your-name placeholder "Name"] </p>
<p>[email* your-email placeholder "Email"] </p>
<p>[textarea your-message placeholder "Message"] </p>
<p class="submit">[submit ""] </p>
Then, go to the second tab Mail and fill the fields according to your blog setup.
This is how it looks in my case:
When that’s ready, you can Save the changes.
Now, copy the shortcode of the form that’s displayed below the title. Here’s mine:
Next, create a new Page and give it a title Contact.
Paste the copied shortcode to the page content. This is how the shortcode looks like:
Modify it so it looks like this.
This is the right column text
Notice, that we’ve changed the contact-form-7 to contact-form. This is important as it allows for adding the text in between the shortcodes that will act as the right column.
You can style the text for the right column however you like, but we recommend using Heading 3 for the title of the section.
This is my final result:
Now you should have everything set up. Again, if you have any problems, or simply would rather have us do the installation for you, contact us here.
If you think that this manual is incomplete or would like to know how to do something that’s not covered by it, then leave us a comment here, drop us a line in our contact form or shoot us a message through Facebook, Twitter, or Etsy.
Thank you ♥︎
Kat & Luk