How to add custom sidebars for your Genesis Child Theme

How to add custom sidebars for your Genesis Child Theme

In this tutorial I explain how  How to add custom sidebars for your Genesis Child Theme.

If you have been using a Genesis Child Theme, you probably have noticed that your theme displays the same sidebar by default (Primary sidebar ) all across your theme pages, posts, archives, etc. unless the designer himself created a custom.

Sidebars providing space for stuff, which aren’t a part of usual content, such as menus, text excerpts, forms, social buttons, featured content, adds, slideshows, …

You probably prefer custom sidebars for some pages WooCommerce page, contat, about, services pages, etc..

In that case, I recommend to my customers Genesis Simple Sidebars, this plugin allows you to create multiple, dynamic widget areas, and assign those widget areas to sidebar locations within the Genesis Framework on a per post, per page, or per tag/category archive basis.

HOW TO ADD CUSTOM SIDEBARS FOR YOUR GENESIS CHILD THEME

  1. In your WordPress dashboard, hover over Plugins.
  2. Choose “Add new”.
  3. Type “Genesis Simple Sidebars” in the box and press “Search Plugins”.
  4. Once you have located the plugin, click Install Now.

How to add Custom sidebars for Your Genesis Child Theme 01 - Genesis Framework Tutorial - Lovely Confetti WordPress Themes

SETTING UP CUSTOM SIDEBARS

  1. Once you´ve installed it, go to Genesis.
  2. Choose “Simply Sidebars”.
  3. Type your sidebar name (Example: “Shop sidebar”).
  4. Add ID, ( Example: “Shop sidebar”).
  5. Click New sidebar.

Now, you will see the new sidebar you´ve created in “Current Sidebars”.

How to add Custom sidebars for Your Genesis Child Theme 02 - Genesis Framework Tutorial - Lovely Confetti WordPress Themes

After adding your custom sidebar:

  1. Go to Appearance.
  2. Choose “Widgets”.

And there you have it! A custom sidebar for Your Genesis Child Theme.

How to add Custom sidebars for Your Genesis Child Theme 03 - Genesis Framework Tutorial - Lovely Confetti WordPress Themes

Now, you can drag your widgets (texts, cart, categories, best sellers, custom menus,etc.) to the new sidebar.

THE END RESULT:

Finally, your sidebar is ready! For example, I´ve added a shop sidebar to my Shirley Genesis Child Theme

How to add Custom sidebars for Your Genesis Child Theme 04 - Genesis Framework Tutorial - Lovely Confetti WordPress Themes

You can add as many custom sidebars as you want.

How to translate your Genesis Child Theme

In this tutorial I show you How to translate your Genesis Child Theme to other language using the great plugin Genesis Translations.

This plugin translates your Genesis Chil Theme easily with one of the available languages. No need to fuss about with your functions.php file or uploading .mo and .po files. Just install this plugin and you have it!

Currently there are the following translations are available: Danish, Dutch, Italian, German, Finnish, Romanian, Vietnamese, Bulgarian, Swedish, Spanish, French, Indonesian, Turquish, Greek Hebrew, Polish, Portuguese, Portuguese-Brazilian, Hungarian, Japanese, Chinese and Icelandic.

You can check the list of languages being worked on in this link.

Install Genesis translations plugin

Installation of this plugin works like any other plugin out there. Either:

  1. In your WordPress dashboard, hover over Plugins.
  2. Choose “Add new”.
  3. Type “Genesis Translations” in the box and press “Search Plugins”.
  4. Once you have located the plugin, click Install Now.

How to translate your Genesis Child Theme - Lovely Confetti Tutorials

This plugin has no configuration options, you only need to activate it and will be translated into the language in which we have configured your WordPress.

Setting up WordPress Site Language

You don’t need to modify WPLANG in wp-config.php file. All you have to do is go to Settings > General > Site Language, and select your language (or install a new language).

How to translate your Genesis Child Theme 2 - Lovely Confetti Tutorials

Genesis Translations doesn´t translate texts in comments area, for this proposal you need Genesis Simple Comments

Install Genesis Simple Comments Plugin

Genesis Simple Comments plugin adds a new menu item to the Genesis menu allowing for easy changes to the Genesis Comments including comment title, not comment text, pinsg title, reply label, email field label, comment awaiting moderation text, submit button label,…

How to Translate your Genesis Child Theme 3 - tutorial - Lovely Confetti

How to Configure Genesis Framework theme settings

Sometimes customers ask me how to configure Genesis Framework Theme settings. Most of the Genesis Theme Settings work  fine by default but you can customize them to suit your own website configuring specific features like content archives, breadcrumbs, default theme layout,…

To access the theme settings, navigate to Genesis > Theme Settings in your WordPress admin.

INFORMATION

Displays information and update notification options for the Genesis Framework. I would recommend to keep the Enable Automatic Updates checked.

It´s possible add your email address in the “Notify” field to get notified immediately whenever there is an update available.

How to Configure Genesis Framework Theme Settings 01 - Lovely Confetti Tutorials

COLOR STYLE

Depending on your child theme, you can select different color schemes for your website or blog. You can select the color style from the drop-down menu depending on your taste and requirements. For example, Natalie Theme has four color schemes ( Coral, Navy, Green and Blue).

How to Configure Genesis Framework Theme Settings 02 - Lovely Confetti Tutorials

CUSTOM FEEDS

Allows you to redirect your RSS feed URLs if you’re using a feed delivery service. By default, ever WordPress site has two different feeds, i.e. general feed URL for the blog posts and a comment’s feed for any comments on your site. Genesis supports feed redirection Feedburner and Feedblitz services.

How to Configure Genesis Framework Theme Settings 11 - Lovely Confetti Tutorials

For example, I’m using Feedburner for RSS Feed.

DEFAULT LAYOUT

You can determine your layout for post, pages and archives. Depending on the theme you’re using, it may override this setting for the home page and alternative settings can be used on a per page, post, or archive basis. The default Sidebar, Content Layout will be set by default in most themes.

How to Configure Genesis Framework Theme Settings 04 - Lovely Confetti Tutorials

BREADCRUMBS

Breadcrumbs can be a useful navigation device to display on different content types to guide visitors back, incrementally, to your home page.
I recommend you turn breadcrumbs on Single Posts if you have a large blog with lots of categories.

How to Configure Genesis Framework Theme Settings 05 - Lovely Confetti Tutorials

COMMENTS AND TRACKBACKS

You can dissolve/ enable coments ans trackbacks for Posts or Pages.  For example, I like unable comments on post but It has not much sense on pages (contact, shop, about,..)

How to Configure Genesis Framework Theme Settings 06 - Lovely Confetti Tutorials

CONTENT ARCHIVES

Content archives control the display of your content on archive pages. This option enables you can display excerpts, content limited or full content on your custom blog page.

The following defaults will be set upon activation theme:

How to Configure Genesis Framework Theme Settings 09 - Lovely Confetti Tutorials

You can adjust these options as desired. Examples in Natalie Theme:

 

[one-half-first]

How to Configure Genesis Framework Theme Settings 10 - Natalie01 - Lovely Confetti Tutorials

[/one-half-first]

[one-half]

 

ENTRY WITH LIMIT CONTENT AND LEFT FEATURED IMAGE

How to Configure Genesis Framework Theme Settings 11 - Natalie01 - Lovely Confetti Tutorials

[/one-half]

[one-half-first]

How to Configure Genesis Framework Theme Settings 10 - Natalie02 - Lovely Confetti Tutorials

[/one-half-first]

[one-half]

 

ENTRY EXCERPTS WITH LARGE FEATURED IMAGE

How to Configure Genesis Framework Theme Settings 11 - Natalie022 - Lovely Confetti Tutorials

[/one-half]

 

 

NOTES: 

  1. If you change this configuration, install ‘Regenerate Thumbnails‘ plugin and run the tool to regenerate these Image featured images.
  2. If you use the Entry Content setting with 0 Characters limit, do not tick the “Include Featured Image” box. This avoids displaying duplicate images on your blog listing pages.

BLOG PAGE TEMPLATE

Controls the display options for Pages that use the Blog Page Template; Categories and post per page.

How to Configure Genesis Framework Theme Settings 08 - Lovely Confetti Tutorials

NOTE: This affects the number of blog posts that display on the Genesis Blog Page Template NOT  on your front page.

HEADER AND FOOTER SCRIPTS

Header and Footer scripts are often used for statistical tracking scripts. For example, if you want to use Google Analytics, you can paste your tracking code into  header or bottom.

How to Configure Genesis Framework Theme Settings 07 - Lovely Confetti Tutorials

Now, I hope you you practice and enjoy with the different settings and customize them to suit your own Genesis Child Theme!.

How to integrate Mailchimp with Enews Genesis Extended

Many people ask me how to integrate Mailchimp with Enews Genesis Extended plugin. I recommend and pre-styled this plugin in all my Genesis Child themes so I´ve decided to create a tutorial where I´ll show you how configure Genesis Enews Extended to work with your Mailchimp form.

I believe this plugin and Mailchimp make a great combination if you want to capture more subscribers and grow your subscriber list, something indispensable in email marketing campaigns.

To integrate MailChimp with your website, you will need:

HOW TO GET A MAILCHIMP FORM ACTION URL

1.Log in to your MailChimp account.

2. From your account Dashboard, click Lists in the navigation menu.

How to add Genesis Enews 1 - Lovely Confetti tutorials

3. Find the list you want to connect to your website, click the v button, and choose Signup formsHow to integrate Mailchimp with Enews Genesis Extended 2 - Lovely Confetti tutorials

4. Select Embedded forms.

How to integrate Mailchimp with Enews Genesis Extended 4 - Lovely Confetti tutorials

5. In the Form Builder, you’ll see a Embedded form field like this.

How to add Genesis Enews 5 - Lovely Confetti tutorials

6. Paste the code into a plain text editor such as Notepad,  Press CTRL + F to open the search box. Search for –< form action =

How to add Genesis Enews 51 - Lovely Confetti tutorials

You don’t need all of this code, only parts marked in red color (URL between the quotation marks after the code action=. Do not include the ").

HOW TO INTEGRATE MAILCHIMP FORM ACTION URL IN GENESIS ENEWS EXTENDED

1. In WordPress Dashboard, go to Plugins > Add New section. Then search for “Genesis eNews Extended” and click install button under its listing. You can also directly download it from official page at WordPress plugin repository.

2. Go to Appearance > Widgets  > Drag   eNews Extended widget, into the Primary Sidebar, after entry,… areas you want. If you can’t see the widget options, click the down arrow to expand the widget.

How to integrate Mailchimp with Enews Genesis Extended 6 - Lovely Confetti tutorials

3. Scroll down and look for the Form action.

How to integrate Mailchimp with Enews Genesis Extended 7 - Lovely Confetti tutorials

4. You have type the following:

  • Form action: Copy/Paste your URL form.
  • E-Mail Field: EMAIL
  • First Name Field: FNAME
  • Select “Open confirmation”.

5. Now you can personalize your contact form:

How to integrate Mailchimp with Enews Genesis Extended 8 - Lovely Confetti tutorials

  • Fill in the Title for your form action.
  • (optional) Add any text that you want to include above telling your readers why the sholuld subscribe.
  • (optional) Change the button text.

6. Click the Save Button.

Now you have a nice MailChimp signup form in your website!

Sign Up for my Latest News

Leave me your email to receive new entries, tips, and specially offers only for you! . Don´t miss any update!

Pin It on Pinterest