WordPress Custom Widgets Plugin

The Shiba Widgets plugin allows you to assign different widgets to different posts, pages, categories, or tags. You can create different widget sets using the standard WordPress widget interface, and then assign these widget sets from a drop-down menu in your edit post, page, category or tag screens.

To retrieve your lost widgets, go into Widget Set >> Options and check the Show Lost Widgets box. When you edit widget sets, all unassigned widgets will show up at the bottom of the interface.

[Most recent Shiba Widget updates]

Aug 16th 17th 2013, Release 2.0

  • Tested on WordPress 3.6.
  • Render widgets within a post using shortcodes.
  • Added support for custom taxonomies.
  • Updated Widget Options screen. Now uses metaboxes.
  • Added pinterest button for Shiba Social Widget.

[Page header and footer images from Web Widget Girl WordPress Theme]

Key Features of the Shiba Widgets Plugin

    • Lets you assign different widget sets to posts, pages, categories, and tags.

For example, this page uses a 3-column header widget at the top, and a 2-column widget after the post content.

Here is another example widget page which uses the Thematic Test widget set together with the Thematic theme. It has a multi-column header area, and a double column sidebar.

In contrast, my blog frontpage and my regular blog pages use their own widget configurations.

  • Mobile responsive widget sets. Assign widget sets to different devices depending on screen width. In this way, we can easily customize our sidebars for phones, tablets, and desktops.
  • The Multi Column Widget allows you to turn regular sidebars into multi-column sidebars.
  • You can style your widgets by adding your own CSS classes.
  • Render widgets within a post using shortcodes. Here is a list of standard widget classes and their input attributes.
  • We can copy widget sets and quickly tweak them to suit the needs of particular posts or pages.
  • Standard WordPress core interfaces, and objects are used in this plugin to facilitate ease of use.
  • Widget sets are saved as custom post type objects, thus they can be transferred from blog to blog using the standard WordPress import/export tools. However, individual widget settings (such as the text in your Text widget) are stored by WordPress core as options. As of WordPress 3.0, these DO NOT get transferred using the standard import/export tools.

Create and Assign a Widget Set

To create a widget set, go into Widget Set >> Add New.

Create custom widget set screen-shot.

The interface used for creating widget sets is identical to the standard WordPress Widgets menu. The only difference is the text input box at the top that allows you to set the name of your widget. Once you are done assigning your widget instances, remember to hit the Publish or Update button to the right of the title box.

If you are editing multiple widget sets simultaneously, make sure to Publish or Update after adding new widgets. Do not add new widgets to multiple sets simultaneously, without first doing an Update.

This will save your widget set, and now it will be listed in the Widget Set menu.

List of widget sets in the Manage Widgets screen.

Note – The plugin will create a Default widget set upon activation (if one does not already exist). This Default widget set will be used for all blog pages that do not have explicit widget sets assigned to them. The standard WordPress Appearance >> Widgets menu is no longer used to assign widgets.

If you want the change the widgets of your regular pages, then edit and update theDefault widget set.

Once you are done creating your widgets, you can easily assign them to posts, pages, categories, or tags through a new drop-down menu in the Edit screen.

Edit Tag interface with a new Widget drop-down menu.

You can also hook into the plugin and specify your own widget set conditions by using the pre_shiba_get_widget filter.

1
2
3
4
5
6
7
8
add_filter('pre_shiba_get_widget', 'gallery_get_widget', 10, 2);
function gallery_get_widget($widget, $post) {
    if ($post->post_type == 'gallery')
        return 1234; // Return relevant widget set id
    else
        return 0;  
}

Multi-Column Widget

Set properties on the Multi-Column Widget including number of columns and height.

The Shiba Widgets Plugin also includes a new Multi-Column Widget. This widget allows you to turn standard widget areas (or sidebars) into multi-column widget areas.

For example, this page uses the Multi-Column Widget to convert the Header and After Post areas into a 3 column and 2 column layout respectively.

To do this, simply drag and drop the Multi-Column Widget into the target widget area (sidebar) on the right of the Edit Widget Setscreen.

Then, continue to add the other widgets that you want to appear in the area. Once you are done, you may set additional properties on the Multi-Column Widget to further define your layout.

In particular, you may set –

  • Number of columns – This will divide up a widget area into 2-4 columns. The default is 2.
  • Number of widgets – This specifies the number of widgets to include in our multi-column layout.
  • Height – This sets the height of the widget area (in pixels). Any overflow is hidden. If you set the height to blank or 0, the area will have variable height.

For example I have set the top widget area on this page to have 3 columns, and a height of 300 pixels.

If you want to create your own multi-column widget areas, here is a tutorial on how to do it.

1 / 3

Multi-column WordPress widget area.

We can make our multi-column widgets mobile responsive by adding something like this –

1
2
3
4
5
@media only screen and (max-width: 600px) {
    .multi-column-div .widget {
        width:100% !important;
    }
}

Add Widget Styles

Add you own widget CSS classes.

Finally, the Shiba Widgets Plugin also allows you to easily add your own widget classes. This was a great suggestion made by Andre.

All widgets now have a new input box at the bottom where you can add your own widget classes. Simply list all the classes you want as a comma separated list. For example –

test1,test2,test3

Shiba Widgets Shortcode

As of version 2.0, we can now render widgets within our posts using shortcodes. For example –

[shiba-widget title="My Yearly Archive" count="1" type="yearly" limit="5"]

More widget shortcode examples are shown here.

My Yearly Archive

Add Custom Post Types and Custom Taxonomies

We can add shiba widgets support to our own custom post types and taxonomies by using the shiba_widgets_post_types and shiba_widgets_taxonomies filters.

1
2
3
4
5
add_filter('shiba_widgets_taxonomies', 'my_shiba_widgets_taxonomies');
function my_shiba_widgets_taxonomies($taxonomies) {
    return array_merge($taxonomies, array('mytaxonomy'));
}

Other Widget Settings

Other Widget Settings.

1. Show Lost Widgets

Show Lost Widgets is very useful when you accidentally delete widget sets. When you delete a widget set, the individual widgets within it are not automatically deleted (unless specified in the Delete Widgets option below).

However, they are now lost because they are no longer attached to a widget set. You may retrieve your lost widgets by checking this option.

If this option is checked, then lost widgets will be shown in your Edit Widget Set screen (at the very bottom). You may then reassign or delete those lost widgets.

Lost widgets are shown at the bottom of the Edit Widget Set screen.

2. Delete Widgets in Widget Set

This option tells the plugin to delete all the individual widgets within a widget set whenever the widget set is permanently deleted.

For safety, it is best to leave this option turned off so that you may retrieve your individual widgets even if you accidentally delete your widget set.

3. Inherit Widget from Parent

Allows you to specify whether you want a child page to inherit the widget set of its parent page.

A Note About Specialized Widgets

The Shiba Widgets plugin uses the same widget editing interface as the native WordPress system. However, there are some key differences –

  • Widget editing now occurs in the post.php page because widget sets are custom post types. In the WordPress native system widget editing occurs in thewidget.php page. Some specialized widgets may assume that editing still occurs in the widget.php page, and as a result not load properly under Shiba Widgets. An example is the Image Widget.
  • The multi-column and style objects may not work with specialized widgets that do not extend from the WP_Widget class. This is because both objects hook into specific functions that get called in the WP_Widget class. However, widgets that are created from scratch may not call those hooks.In particular, the style object does not work with Akismet. The multi-column object will not work when Akismet, or other specialized widgets are placed as thelast widget. If you do not place these widgets at the end, then it will function properly.

Shiba Widgets Plugin Updates

Shiba Widgets 1.3 and above will only operate on WordPress 3.0 and above.If you are using WordPress 2.9 then please download Shiba Widgets 1.2.

Shiba Widgets 1.9

December 17th, 2012

  • Updated for WordPress 3.5.
  • We can now assign widget sets based on device screen width (using cookies). We can turn this functionality on or off in the Widget Set >> Options screen.

 

Shiba Widgets 1.8

September 5th, 2012

  • Updated for WordPress 3.4.
  • Multi column widget has been expanded. It can now be placed anywhere in a sidebar. We can specify the number of widgets to include, and even have multiple different multi column widgets in the same sidebar.
  • Expanded propagate widget options capability.
  • Quick edit for assigning widget sets is enabled for custom post type objects.
  • Themes associated with widget sets are now reflected in 3.4.
  • Turned off autosave in the Edit Widget Set screen.
  • Added is_home option.

 

Shiba Widgets 1.5

June 28th, 2011

  • Thumbnail image option added to WP Page Widget, WP Recent Posts Widget, WP Recent Comments Widget, and Popularity Contest Widget.
  • New widgets added:
    • Shiba Tag Cloud – Show all tags or only article tags. Choose from a set of cool tag styles.
    • Shiba Social – Add Facebook Like, Twitter, and Google+1 buttons.
    • Shiba Author – Show author description and author link.
  • Expanded existing WordPress widgets with new display options.
    • WP Recent Comments Widget – Comments are now grouped by post. Can also filter out blog author comments and set maximum comment length. Supports thumbnail images.
    • WP Archives Widget – Set what type of archives to display including a new Monthly & Yearly archive type. Set post count and number of archive links shown.
  • Easily add Shiba Widgets to new custom post types by adding ‘shiba-widgets’ to the supports attribute of the register_post_type function. Many thanks to Greg Bellucci for adding this.
  • Assign different themes to different widget sets and easily edit widget sets according to their associated themes.
  • Change wordpress themes on a page by page basis based on their assigned widget sets.
  • Include or exclude any of these new features through the Widget Set >> Options screen.

 

Shiba Widgets 1.4

March 7th, 2011

  • Updated for WordPress 3.1. Tested on WordPress 3.0 and 3.1.
  • Widget sets can now be assigned through Quick Edit and Bulk Edit.
  • Only published widget sets will be applied. If a widget set gets unpublished, put in the trash, or deleted, then all posts or pages assigned to it will use theDefault widget set.

 

Shiba Widgets Patch 1.3.1

September 4th, 2010

  • Fixed the disappearing widgets bug identified by Axel. Many thanks for Axel for letting me test the plugin on his test site.
  • When you add a widget, there is a rotating wheel indicating that the widget is being created and saved. Only save your widget set after the rotating wheel has disappeared.

 

Shiba Widgets 1.3

August 24th, 2010

  • Widget sets are now represented as custom post types. This provides a cleaner back-end and enhances usability. However, this new release requires WordPress 3.0 and above.
  • Expanded plugin to work on WordPress multisite and network activation.
  • The Default widget set now tries to preserve your previous widget sidebar settings.
  • Added ability to assign widget sets to archive pages. Thanks to James for this great suggestion.
  • Fixed Text Widget propagate bug. Thanks to Sheryl for reporting this.

 

Shiba Widgets Patch 1.2.2

  • Fixed some bugs with the add_styles function.

 

Shiba Widgets Patch 1.2.1

  • Fixed converting old widget style data. Old widget style information from 1.0 should now automatically transfer to new releases.
  • Fixed Manage Widgets screen for WordPress 3.0.
  • Fixed PHP notices.

 

Shiba Widgets 1.1

  • Updated for WordPress 3.0. Plugin will now work on 2.9 and 3.0. However, multi-site support has not yet been added.
  • Copy widget sets.
  • Assign widget sets for front-page, search, file not found (404), all posts, all pages, etc.
  • Retrieve and delete lost widgets.
  • Tag and Category widget information is now stored in a metadata table. It no longer shows up in the description section.
  • Propagate text widget changes.
  • The Multi-Column Widget and Style Widget now use standard WordPress core options to store their results.

Thanks to Rob for making some of the great feature suggestions that went into this release.

Related Articles

<< PREVIOUSNEXT >>

<a href="http://shibashake.com/wordpress-theme/shiba-custom-widgets-1-1" target="_top">Shiba Widgets 1.1</a>

Shiba Widgets 1.1

The Shiba Widgets plugin allows you to assign different widgets to different posts, pages, categories, or tags. New features for Shiba Custom Widgets 1.1 – Updated for WordPress 3.0. Plugin will now work on 2.9 and 3.0. Copy widget sets. Assign widget sets for front-page, search, file […]

<< PREVIOUSNEXT >>

<a href="http://shibashake.com/wordpress-theme/shiba-widgets-1-3" target="_top">Shiba Widgets 1.3</a>

Shiba Widgets 1.3

The Shiba Widgets plugin allows you to assign different widgets to different posts, pages, categories, or tags. [Full Shiba Widgets description.] New features for Shiba Widgets 1.3 – 1. Custom Post Types Widget sets are now represented as custom post types. This makes the back-end […]

<< PREVIOUSNEXT >>

<a href="http://shibashake.com/wordpress-theme/shiba-widgets-1-4" target="_top">Shiba Widgets 1.4</a>

Shiba Widgets 1.4

The Shiba Widgets plugin allows you to assign different widgets to different posts, pages, categories, or tags. Shiba Widgets 1.4 contains updates for WordPress 3.1. It was tested on WordPress 3.0 and 3.1. Shiba Widgets 1.4 will only work on WordPress 3.0 and above. [Full Shiba Widgets […]

< PLAYBACK STOP PLAY >

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>