Basic Website Elements: Sidebars

Choose the sidebar layout for your website and add content to your sidebars. If you choose a layout including two sidebars, Sidebar 1 will be the main sidebar and Sidebar-2 will be the secondary sidebar.

Make some choices

genesis-theme-settings.png
  1. Select Genesis --> Theme Settings
  2. Define your Default Site Layout, default is Double Right Sidebar
  3. Want breadcrumbs visible? Toggle them off to remove them or toggle them on to include them.
  4. Change default content type from Full Content to Excerpt.
  5. Add your Google Analytics Code in this area
  6. Save Settings

Enable Responsive Design and couple other tweaks

media_1373657993484.png
  1. Go to Genesis --> Dynamik Settings
  2. Click on the Genesis Settings Tab
  3. Remove the page titles from each page by toggling this check box on.
  4. Enable Responsive Design Options
  5. Save

Control Widths of Content Area and Sidebars

media_1373658177028.png
  1. Choose Genesis --> Dynamik Design
  2. Click the Widths Tab
  3. Each layout is included and you can set the width in pixels for the Content Area, Orimary Sidebar, and Secondary Sidebar (If applicable) *

* Keep in mind that Dynamik automatically includes the Container Wrap Padding (set as Left/Right) and the sidebar separation value. These are set in Genesis --> Dynamik Design --> Wrap Tab, row: Container Inner Padding

Populating your Sidebars with Content

media_1373658445921.png
  1. Go to Appearance --> Widgets
  2. The top left section shows the available widgets. If themes and plugins create a widget, they will display in this area. Pro Tip: Each time you drag a widget and drop it into a widget area on the right, WordPress assigns an id to that widget. So the 10th time the Text Widget is used, the ID for the widget area will be #text-10. This is helpful when styling using CSS specific to that widget.
  3. The Inactive Widgets Area allows you to save widgets without having them active. This is helpful when you configured all the parts of the Catalyst Excerpt Widget just how you want them but don't want it active at the moment or when you have text or code in a TEXT Widget and don't want to lose it.
  4. Primary Sidebar is the main sidebar for your website
  5. Secondary Sidebar is the secondary sidebar for your website, which comes into play when you are using a layout including two sidebars.

Sidebar Styling Options

media_1373658537617.png
  1. Go to Genesis --> Dynamik Design
  2. Choose the Sidebars Tab

The Sidebar Heading and Content Areas Explained

media_1373658789510.png

Sidebars styling components are broken into two elements, the Sidebar Heading and the Sidebar Content. When looking at a widget area that you would drag into the sidebar:

  1. The Title is the Sidebar Heading
  2. The content area is the Sidebar Content Area
  3. Be sure to always hit the save button so your widget shows up on the front-end of your website.