Blogger theme

Ädda

Ädda is a contemporary, design-oriented Blogger theme. Thoroughly elegant, rich in features (homepage slider, posts displayed in Pinterest grid, newsletter pop-up, contact form, wide selection of customized gadgets) discreetly attracts attention with tasteful details. Clean layout, with style and character will be a perfect canvas for your own personal statement.

_

Thank you for choosing Adda theme!
Please use the left menu to navigate the manual.

Backup

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:

Backup button

Install theme

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:

add new theme wordpress

Then, click Upload Theme button in the same spot:

Upload theme WordPress

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.

Upload genesis WordPress

Wait for the theme to upload and install. When it’s ready, you’ll see this information screen:

Install Genesis WordPress

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:

theme activated wordpress

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:

Install plugins

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:

Install plugins WordPress

When everything’s done, you’ll see this notice:

plugins installed wordpress

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:

plugins activated WordPress

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:

customize buttpn WordPress

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: exit customizer WordPress that’s in the upper left corner of the page.

First available section in the Customizer is Site Identity:

Site identity WordPress customizer

 

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:

go back customizer wordpress

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:

blog title fonts wordpress

Home page

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:

static front page wordpress

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.

2. SLIDER

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.

Static page

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:

layout settings

Contact form

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 "&#xf3d6;"] </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:

contact form adda wordpress

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:

contact form shortcode wordpress

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:

[contact-form-7 id="6" title="Contact form 1"]

Modify it so it looks like this.

[contact-form id="6" title="Contact form 1"]

This is the right column text

[/contact-form]

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:

contact form result wordpress adda

Final notes

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

2 thoughts on “Adda WordPress Theme

  1. Hi, I am wondering why the Instagram widget don’t work all of the time. Sometimes it works fine and other times it says that “Instagram feed is unable to connect”. This problem is from hour to hour. Is it a bug in the theme widget or how can I solve this?

    Thanks!

Leave a Reply