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

Guidelines for Choosing the Best WordPress Theme for Your Website

Using a WordPress theme for a website comes with plenty of advantages. One great feature…

6 hours ago

Top Six ways to Use QR Codes as a Web Design Tool

How can you link QR codes to digital content? When a QR code is read…

6 hours ago

Should You Recycle Old Material to WordPress?

As a writer, or as a business owner doing some serious blogging, you probably wish…

18 hours ago

The Complete In-Depth Guide to Getting Started with WordPress Development in 2022

Is WordPress Easy for Beginners? Yes, WordPress in all fairness is clean for novices to…

1 day ago

Best Shopping Cart Themes for WordPress

With time and innovation, WordPress has undergone a lot of changes and is now completely…

2 days ago

Beat Recession Blues with These PHP Web Development Best Practices

With the recession taking over the majority of economies across the globe, securing your job…

2 days ago