Categories: Tips & Tricks

Creating a custom widget

Today let’s learn a simple quick trick on how to create a custom widget. For my example I will show you how I created my Showcase widget located in the middle, to the right of the posts.

First under your functions.php file type in the following:

<?php // Custom Widget
function MyCustomWidget() { ?>
<li class="widget">
    <h2 class="heading">Latest Showcase</h2>
        <ul>
         <?php include(TEMPLATEPATH . '/includes/showcase.php'); ?>
        </ul>
</li>

<?php }

register_sidebar_widget('The Custom Widget for Showcase', 'MyCustomWidget'); ?>
  • Always make sure your code is between the <?php and ?> for it to work.
  • Once we call the function, the rest is assuming html code that you may or may not need.
  • For instance, you may just put in a picture and call it a day. But my code starts with <li< because my sidebar’s start and end with <ul<.
  • Any way, once your done, just set the final “register_sidebar_widget('the widget title', 'the name of the function');

That’s it! Now you have a custom widget with what ever you want!

Web Master

Hi, I am Miguel, I bought this site in 2009. So I now run or manage the site. Please visit my new website or follow me on twitter @W3i.

View Comments

  • Thank You! A Lot!

    This really helped me!

    BTW How did you make the archives widget to show the dates separately into two columns?

    Thank you.

  • Austin,

    I just found this post while checking out my ad. You might want to try this little widget with Widgetifyr.com and see what added features it gives you. In the instant version you'd get all the theme complaint pre and post calls. You can all the nice control panel stuff like a title and description.

    I was thinking about just doing it for you and pasting it here, but I wasn't sure how code would be translated in a comment.

    Thanks
    Glenn
    Widgetifyr.com

Recent Posts

Add a shortcode

This is a simple one. /** * Your Blog title * */ function my_blog_title() {…

2 hours ago

Adding a external file after the first post

How might you display a Google ad after the first post or anything you like?…

10 hours ago

A simple way to query posts

Here is a simple way to call query_posts with an array of options. For all…

22 hours ago

Adding a favicon to your site

Looking to add a favicon to you site? Inside your WordPress theme's functions file (functions.php)…

1 day ago

The launch of WordPress 2.8

Wow, have you heard? WordPress has announced that the newest version, 2.8 which was thought…

2 days ago

WPLover: On Launching a WordPress theme

I just came across this article over at WPLover. Was very good, especially since I…

2 days ago