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!
Tips & Tricks
Remove the title attribute using jQuery
In WordPress, when you use wp_page_menu
your anchor attribute’s usually carry a title with the same name. I’m not sure if it’s correct to do this, but it bother me when I hover over a page menu navigation link and I get a hover of the title.
So on my site I used jQuery to remove the title:
$("#nav a").removeAttr("title");
Pretty simple huh?
Tips & Tricks
How to: Open external links in a new window
Over the weekend, I attended WordCamp Denver, and I was asked by John Hawkins how to force links to open in a new tab with out editing the source code. So, today lets learn a simple jQuery trick to open all external links in your site in a new tab or window. We are going to make sure you have jQuery active on your site, you can do this easily in WordPress, since it’s bundled with the latest installations. Use this code in your header: <?php wp_enqueue_script('jquery'); ?>
then, below the wp_head
add the following:
<script type="text/javacript"> var $j = jQuery.noConflict(); $j(document).ready(function() { //external attribute $j("a:not([@href*=http://YOURSITE.com/])").not("[href^=#]") .addClass("external") .attr({ target: "_blank" }); } ); </script>
That’s it, just make sure you change the http://YOURSITE.com to your website.
Update
If you like you can remove the var $j =
and replace all $j
with simply just $
Themes
Fixing plugins not compatible with hybrid 0.4.2
Hey everyone, as you may have noticed I have a running on the site. While everything almost everything moved over smoothly, there was an issue with how my parent theme striped text in typography. This caused some plugins, like cformsII to not be allowed to print to the screen. Justin had helped to find a fix to filter the hybrid_typography
function.
Originally this function filtered out and changed some text that would not validate as XHTML. This had to be removed by running a new function in the child theme’s function.php
file.
add_action('init', 'remove_typography'); function remove_typography() { remove_filter('the_content', 'hybrid_typography', 11); }
-
Tips & Tricks6 months ago
WordPress Security Hacks
-
Pages4 weeks ago
Write For Us – Guest Post
-
Showcase1 month ago
StylizedWeb.com
-
News3 weeks ago
How to: Show/Hide any div box with jQuery in WordPress
-
Tips & Tricks2 days ago
Remove the title attribute using jQuery
-
Tips & Tricks5 months ago
How to: show/hide a widget in WordPress with jQuery
-
Plugins5 months ago
Top Membership plugins
-
Tips & Tricks1 month ago
Limit the characters that display on the_title
Pingback: WPStart.org » Blog Archive » WordPress links week 3 - 2009
Alex
February 13, 2009 at 11:40 pm
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.
frosty
February 14, 2009 at 8:59 am
No problem, I will write up a post on that, check back or subscribe. Thanks Alex.
Glenn
March 19, 2009 at 4:51 pm
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