Builder Duplicate Sidebar Widget

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(→Using the widget)
 
(10 intermediate revisions by one user not shown)
Line 1: Line 1:
 
Builder's '''Duplicate Sidebar Widget''' allows you to quickly duplicate widgets used in widget areas of different Layouts.
 
Builder's '''Duplicate Sidebar Widget''' allows you to quickly duplicate widgets used in widget areas of different Layouts.
 +
 +
<br />
  
 
==Example==
 
==Example==
Line 9: Line 11:
 
= Using the widget =
 
= Using the widget =
  
−
Continuing with the example described above, the following will show how to set up three layouts with matching sidebars using the Duplicate Sidebar widget. The image below shows the top of the three Layouts: Default, Home, and Blog.
+
Visit '''Appearance > Widgets''' and locate the "Duplicate Sidebar" in the list of available widgets.
−
 
+
−
[[File:Duplicate-sidebar-widget-tut-1.png]]
+
−
 
+
−
The Default Layout has widgets added to it to build a simple header for the site. Now the Home and Blog layouts need to be updated to match. Using the Duplicate Sidebar widget makes quick work of this.
+
  
−
The image below shows how the widgets were used in each sidebar to duplicate the Default Layout's widgets.
+
<br />
  
−
[[File:Duplicate-sidebar-widget-tut-2.png]]
+
[[file:Duplicate-sidebar-1.png|800px|link=]]
  
−
The image below shows what the header area of the three Layouts look like after saving the widget changes:
+
<br />
  
−
[[File:Duplicate-sidebar-widget-tut-3.png]]
+
Drag the Duplicate Sidebar Widget to a widget area on the right side of the screen. Choose the sidebar to duplicate from the drop-down list.
  
−
= Creative Uses =
+
(This drop-down list includes a list of current available Layouts with their Widget Areas and Sidebars)
  
−
It is possible to create a loop of Duplicate Sidebar references. In other words, you can add a Duplicate Sidebar widget into sidebar A that is set to duplicate sidebar B and add a Duplicate Sidebar widget into sidebar B that is set to duplicate sidebar A without breaking your site. This leads to some interesting possibilities.
+
<br />
  
−
For example, the following image shows the result of loading a 5 column Widget Bar module with one Text widget and a Duplicate Sidebar widget each. Each Duplicate Sidebar widget is set to duplicate the next column's sidebar with the last one set to duplicate the first one, creating a circular reference. The image below shows the result of this type of configuration:
+
[[file:duplicate-sidebar-2.png|800px|link=]]
  
−
[[File:Duplicate-sidebar-widget-circular-references.png]]
+
<br />
  
−
This is not likely to be useful for many users, but it could be just what you are looking to do.
+
Click '''Save''' to save the Duplicate Sidebar Widget.
  
 
= Notes =
 
= Notes =
  
−
* The Duplicate Sidebar widget is a [[Builder/Release Notes/2.6.0|Builder version 2.6.0]] feature.
+
* The Duplicate Sidebar Widget is a [[Builder/Release Notes/2.6.0|Builder version 2.6.0]] feature.
−
* The Duplicate Sidebar widget will insert the widgets from the other sidebar in the same location it was added in the widget order. Other widgets can be added above and below the Duplicate Sidebar widget to add additional widgets specific to that sidebar.
+
 
* The widget will not break if you tell it to duplicate its own sidebar. It will simply not display anything in this case.
 
* The widget will not break if you tell it to duplicate its own sidebar. It will simply not display anything in this case.
  

Latest revision as of 16:50, July 24, 2013

Builder's Duplicate Sidebar Widget allows you to quickly duplicate widgets used in widget areas of different Layouts.


Contents

Example

Imagine having three layouts called Home, Blog, and Default. Each of these three layouts uses a two column Widget Bar module for the header. To keep the look of the site consistent, the same widgets should be used across all three layouts. Manually adding the same widgets to each of the three layouts and then updating three sets of matching widgets when any changes need to be made is possible but time consuming and error prone.

The Duplicate Sidebar widget functionality offers an easy way to manage this type of setup. Simply drop the Duplicate Sidebar widget into a sidebar that needs to have matching widgets, and select the desired sidebar from the "Sidebar to Duplicate" drop-down.

Using the widget

Visit Appearance > Widgets and locate the "Duplicate Sidebar" in the list of available widgets.


Duplicate-sidebar-1.png


Drag the Duplicate Sidebar Widget to a widget area on the right side of the screen. Choose the sidebar to duplicate from the drop-down list.

(This drop-down list includes a list of current available Layouts with their Widget Areas and Sidebars)


Duplicate-sidebar-2.png


Click Save to save the Duplicate Sidebar Widget.

Notes

  • The Duplicate Sidebar Widget is a Builder version 2.6.0 feature.
  • The widget will not break if you tell it to duplicate its own sidebar. It will simply not display anything in this case.


See also



← Back to Builder Codex Home

Retrieved from "http://ithemes.com/codex/index.php?title=Builder_Duplicate_Sidebar_Widget&oldid=7646"
Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox