Creating a empty/blank text widget for WordPress without additional markup and divs

Ola — Wed, 29 Jun 2011 11:06:52 +0000

WordPress provide a simple text widget that you can use on your blog to add some random HTML, Ads, images and so on. But i has one problem and that is that it’s always adding some extra HTML like this.

 class="widget">
  class="textwidget">
 >
>

Sometimes you really do not want this code if you for example want to add a widget to a ul and want the outer tag to be a li. I tried to Google for this but surprisingly i didn’t find a single “Super Empty Text Widget” so i created one myself.

/**
 * SuperEmptyWidget Class
 */
class SuperEmptyWidget extends WP_Widget {
    /** constructor */
    function SuperEmptyWidget() {
        parent::WP_Widget(false, $name = 'SuperEmptyWidget');
    }
 
    /** @see WP_Widget::widget */
    function widget($args, $instance) {
        extract( $args );
        $content = $instance['content'];
        echo $content;
    }
 
    /** @see WP_Widget::update */
    function update($new_instance, $old_instance) {
	$instance = $old_instance;
	$instance['content'] = $new_instance['content'];
        return $instance;
    }
 
    /** @see WP_Widget::form */
    function form($instance) {
        $content = esc_attr($instance['content']);
        ?&gt;
         &lt;p&gt;
          &lt;label for=&quot;&lt;?php echo $this-&gt;get_field_id('content'); ?&gt;&quot;&gt;&lt;?php _e('Content:'); ?&gt;&lt;/label&gt;
		          &lt;/p&gt;
          &lt;textarea class=&quot;widefat&quot; cols=&quot;20&quot; rows=&quot;16&quot; id=&quot;&lt;?php echo $this-&gt;get_field_id('content'); ?&gt;&quot; name=&quot;&lt;?php echo $this-&gt;get_field_name('content'); ?&gt;&quot;&gt;&lt;?php echo $content; ?&gt;&lt;/textarea&gt;
 
        &lt;?php
    }
 
} // class SuperEmptyWidget
 
// register SuperEmptyWidget widget
add_action('widgets_init', create_function('', 'return register_widget("SuperEmptyWidget");'));

Just add that to your functions.php and you should have a widget that do not add any crap either before or after the content.

Only show the sub menu when the parent is selected with the new wp_nav_menu in WordPress 3.0

Ola — Mon, 28 Jun 2010 14:06:07 +0000

I just spent two hours trying to hide the submenu for a menu item that is not selected in the new menu system in WordPress 3.0. First i found this post in the WordPress forums where someone had built a “Custom Walker” but it was for a slightly different scenario and it was also a really complicated solution. Then i realized that i can do this super simple with jQuery. All you need is two lines of codes.

$(document).ready(function () {
 $(".sub-menu").hide();
 $(".current_page_item .sub-menu, .current_page_parent .sub-menu").show();
 $(".sub-menu li").after("|
");
});

This will hide all sub-menus, and then if a parent happens to have the class .current_page_item we show the sub-menu. My god i love jQuery.

Update:

As sushicodeur suggest you could of course do this only with CSS, it’s basically the same thing.

.sub-menu { display: none; }
.current_page_item .sub-menu, .current_page_parent .sub-menu { display: block; }

Codepolice» wordpress

Creating a empty/blank text widget for WordPress without additional markup and divs

Only show the sub menu when the parent is selected with the new wp_nav_menu in WordPress 3.0