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.

Recent Posts

Thematic Framework

I guess I will show off the the theme which I am using for this…

2 minutes ago

WP-Membership

WordPress has emerged as not only a leading blogging platform but also a content management…

12 hours ago

Simple SEO: WordPress

Properly configured, Wordpress can be an extremely effective way of designing, maintaining and managing your…

1 day ago

WordPress 2.7 Beta 3

WordPress 2.7 Beta 3 has been released for your testing pleasure. Here are some of…

2 days ago

How to: Add a contact me via Skype™ button

This little trick is really simple and easy. All you need to do is plug…

2 days ago

Review: WP-DBManager

This powerful plugin is a must-have for WordPress users. With WP-DBManager you can manage your…

3 days ago