http://gmurphey.com/index.php New Media Interactive Development en gmurphey@gmurphey.com Copyright 2011 2011-07-17T04:40:44+00:00 http://gmurphey.com/entry/tracking-outbound-links-with-google-analytics-using-jquery http://gmurphey.com/entry/tracking-outbound-links-with-google-analytics-using-jquery Here’s a quick event binding I wrote today for the site to track outbound links in Google Analytics using some jQuery selector trickery. (function ($) { $(function () { $('a[href^="http:"]:not(a[href^="http://' + document.location.hostname + '"])').click(function () { try { _gat._getTrackerByName()._trackEvent('Outbound Links', $(this).attr('href')); } catch (e) {} }); }); }) (jQuery); What’s going on here? The selector’s doing most of the work here - looking for anchors linking to absolute URLs, and then basically filtering out anchors with absolute URLs pointing to the current document’s domain. When the outgoing links are clicked, we fire off the event tracking method in Google Analytics. This clicks will be categorized as “Outbound Links” and the anchor’s full URL will be tracked as an Action. JavaScript jQuery Tips & Tricks Sun, 17 Jul 2011 http://gmurphey.com/entry/photoshop-plugin-simple-sprites http://gmurphey.com/entry/photoshop-plugin-simple-sprites I’ve been working on a site recently that’s needed a lot of pseudo sprites, and I was getting frustrated with creating sprite maps by hand, so I created simple Photoshop plugin that takes a directory of images and merges them into a CSS friendly sprite map. Download the Plugin I’ve added the plugin to GitHub, so download now and fork away! Cascading Style Sheets Plugins Fri, 08 Jul 2011 http://gmurphey.com/entry/how-to-exclude-pages-from-wordpress-search http://gmurphey.com/entry/how-to-exclude-pages-from-wordpress-search While working on the new theme for the site, I quickly realized that I didn’t want to show pages in any of the searches on the site. I only wanted posts. It was easy enough to find articles that illustrated ways to exclude certain categories or posts by ID, so I decided to apply those methods to pages as well. Simply paste the following into your theme’s functions.php file. function gdmExcludePagesInSearch($query) { if ($query->is_search) { $query->query_vars['post__not_in'] = get_all_page_ids(); } return $query; } add_filter('pre_get_posts', 'gdmExcludePagesInSearch'); This will remove all pages from the loop, and only on the search page. Something unclear, or have something to add? Please leave a comment. Tips & Tricks WordPress Fri, 23 Apr 2010 http://gmurphey.com/entry/wordpress-development-replacing-default-widgets http://gmurphey.com/entry/wordpress-development-replacing-default-widgets I’ve been working on a little WordPress project these last few weeks with a colleague. When I first heard the idea, I thought, “That should be easy enough to build.” I decided the best way to tackle the feature would be a custom widget, but when I finally sat down to get it working I quickly began to realize that there were a few obstacles to overcome. The project was really meant to extend an existing widget, and it seemed confusing to have both the default and extended version there side by side (plus it would be really nice to call them the same thing for transparency). I needed to get rid of it. You can’t just overwrite an existing widget by registering a new one by the same name - WordPress ignores it. And if I did manage to find a way to remove a default widget, when do you have to do it? Luckily, some digging around found a solution. function gdm_widget_meta_register() { // unregister the widget and its control wp_unregister_sidebar_widget('meta'); // register the new and improved widget and control wp_register_sidebar_widget('meta', __('Meta'), 'gdm_widget_meta'); wp_register_widget_control('meta', __('Meta'), 'gdm_widget_meta_control'); } add_action('widgets_init', 'gdm_widget_meta_register', 1); The really important pieces are the wp_unregister_sidebar_widget function and the widgets_init action hook. widgets_init actions are run right after all the default widgets are registered, giving us the perfect opportunity to call wp_unregister_sidebar_widget  with the ID of the widget you’re getting rid of. Now you can register your own widget and control, effectively replacing a default WordPress widget. Tips & Tricks WordPress Fri, 11 Apr 2008 http://gmurphey.com/entry/wordpress-plugin-home-page-link http://gmurphey.com/entry/wordpress-plugin-home-page-link I received an email this evening from Dan, who uses the Page Link Manager, wondering how to get a home page link to show up in his site navigation. I had never really thought about the problem, or even realized it was a problem until I started my search for a solution. There’s not much out there covering the issue besides a few forum posts at WordPress.org. But it’s an issue, nevertheless. I understand that the blog’s heading is supposed to link to your home page, but I believe there’s a large audience of Internet users, and potential readers, that wouldn’t think to look to a heading for a shortcut back to your home page. And so we have the Home Page Link plugin. The Plugin v0.15 Release Changes (August 12, 2007) This is a bug release. Better Compatibility The plugin now works whether your using the Pages widget or wp_list_pages. The plugin does just what you think - adds a Home link to your site navigation (wp_list_pages). And it’s very easy to use. Download and unzip the plugin archive. Place the plugin file under wp-content/plugins directory on your Wordpress Installation Log in to your admin interface and activate Home Page Link under the ‘Plugins’ tab That’s it! You should now be able to view your site with its shiny new Home link. Like my other plugins, I hope to keep this going as a work in progress, and work along with the WordPress community to make it more useful and efficient. If you have something you’d like to see in an upcoming version, please don’t hesitate to add a comment or contact me. Requirements The current release requires a server running at least PHP4. The plugin has been tested on Wordpress 2.x. If anyone has gotten it working on older versions of Wordpress, please let me know. Resources If you’re interested in writing plugins, the Wordpress Plugin article is an excellent resource. Download the Plugin All source code is provided under the Creative Commons Attribution-Sharealike License. If you agree to these terms, please download the plugin now. Plugins WordPress Wed, 01 Aug 2007 http://gmurphey.com/entry/page-link-manager-now-available-at-wordpressorg http://gmurphey.com/entry/page-link-manager-now-available-at-wordpressorg With the recent release of Page Link Manager v0.3, it has been added to WordPress.org. I’ll still be hosting and supporting the plugin here for any of you that like to go straight to the source, but I’m hoping it will be easier to find and discover by other WordPress users over on the plugin site. Plugins WordPress Sat, 16 Jun 2007 http://gmurphey.com/entry/my-ideal-cascading-style-sheet-organization http://gmurphey.com/entry/my-ideal-cascading-style-sheet-organization I am not the most organized person and I’m not afraid to admit it. It’s one of the things that has drawn me to designing with HTML and programming with Javascript and PHP. With HTML things are designed to fit into a hierarchy of nested tags, and most programming languages are organized by functions and methods. There’s inherent organization. But one crucial piece of the web developer’s toolkit is missing syntactical design — that being Cascading Style Sheets (CSS). Here’s how I write my most of my CSS now. #menu ul { list-style: none; margin: 0; padding: 0; } #menu ul li { height: 1.2em; line-height: 1.2em; } #menu ul li a { color: #006699; } #menu ul li a.here { color: #999999; } Now that’s not very hard to read, but amongst hundreds, if not thousands, of other lines of CSS, it’s quite easy to lose track of those 18 lines. And I, being the unorganized designer I am, tend to throw lines of CSS in the middle rules that should otherwise be grouped together. And those relationships are quite important when we need to debug a design issue caused by a child inheriting styles from a parent. The CSS syntax really lends nothing to natural organization. One way I’ve tried to become a more efficient with the current CSS model is through rule and style separation by files. For instance, I may create files like design.css, typography.css, etc. But then I run into scenarios where I can’t decide which files to keep certain rules in, since they may apply to both, and eventually that system collapses upon itself. I’ve thought long and hard about how CSS can improve (and hopefully make us more productive). One idea is illustrated below. #menu { ul { list-style: none; margin: 0; padding: 0; li { height: 1.2em; line-height: 1.2em; } } a { color: #06699; .here { color: #999999; } } } As you can see, I’ve nested my styles within parents to show relationships more efficiently. Nothing can come between any of the rules for the #menu element. Another way this solution could help is by making it much easier to collaborate. My colleagues rarely organize their CSS files exactly like mine, and when we’re trading these files back and forth, there’s a lot of time spent familiarizing ourselves with each other’s personal style. I’m not saying that a syntax like this would completely cut out a “familiarization period”, but it would definitely reduce it by creating a rule-grouping standard. I’m curious to know how you think CSS could be made more efficient and cleaner. It’s definitely a subject I want to discuss more. Cascading Style Sheets Random Mon, 12 Mar 2007 http://gmurphey.com/entry/off-to-sxsw-2007 http://gmurphey.com/entry/off-to-sxsw-2007 I’m off for a 5 day trip to Austin, Texas, for SXSW Interactive 2007. If you’re going to be in Austin and would like to meet up, please don’t hesitate to contact me. Random Fri, 09 Mar 2007 http://gmurphey.com/entry/wordpress-plugin-category-link-manager http://gmurphey.com/entry/wordpress-plugin-category-link-manager I can’t really call this a new plugin. If you look under the hood, most of codebase is just a reworking of the popular Page Link Manager. It’s one of the nice things about Wordpress plugin development—being able to borrow ideas from similiar plugins—and it’s what makes scripting for Wordpress enjoyable. The motivation behind this plugin is the fact that excluding categories is somewhat of a barrier to those of us who are not programmers. It used to be that we would have to dig through PHP templates and add exclude=2,7 to the wp_list_cats tag. To clients or anyone not familiar with the Wordpress system, that may seem like an impossible task. And, for those who are comfortable with the Wordpress system, it can be just plain annoying. The Category Link Manager attempts to make things just a little bit easier. One last note: I’d like to thank Valerie for sharing this idea with me. The Plugin The Category Link Manager Plugin is a Wordpress plugin that adds an administration panel that allows users to pick which category links are included in the site navigation. It also provides a function that uses these settings to replace wp_list_cats. Adding it to your Wordpress installation is as easy as ever. Download and unzip the plugin archive. Place the plugin file under wp-content/plugins directory on your Wordpress Installation. Log in to your admin interface and activate Category Link Manager under the ‘Plugins’ tab. Go to the new panel under the ‘Manage’ tab called ‘Category Links’. Select and update the categories you want included in your site navigation. Open the source of the template file where you call the wp_list_cats function (the default file is sidebar.php, however it may be different if you’re using certain plugins) and replace it with gdm_list_selected_cats. If you’re wondering, gdm_list_selected_cats is what does all the work for us. It takes the categories we chose to include in the navigation and works out what categories it should exclude. Besides that, it acts exactly like wp_list_cats—it even takes the same parameters. Here’s a few examples of what we can do: // sort the categories by name gdm_list_selected_cats('sort_column=name'); // sort the list by name and show empty categories gdm_list_selected_cats('sort_column=name&hide_empty=0'); // sort the list by name and manually exclude // additional categories gdm_list_selected_cats('sort_column=name&exclude=2,7'); Like my other Wordpress plugins, I hope to keep this plugin going as a work in progress as it helps make content management just a little bit easier. If you have any problems, questions or suggestions, please let me know. Requirements The current release requires a server running at least PHP4. The plugin has been tested on Wordpress 2.x. If anyone has gotten it working on older versions of Wordpress, please let me know. Download the Plugin All source code is provided under the Creative Commons Attribution-Sharealike License. If you agree to these terms, please download the plugin now. Plugins WordPress Mon, 16 Oct 2006 http://gmurphey.com/entry/localizing-the-page-link-manager-plugin http://gmurphey.com/entry/localizing-the-page-link-manager-plugin For the next release of the Page Link Manager (v0.3), I’d like to add some localization to the plugin (especially with all the international attention it’s received). I’m a guy who thinks that Wordpress wouldn’t be the success it is without the community involvement around it. So, I’m currently looking for some volunteers to help translate some of the output the plugin produces. It’s pretty much just small, but important, things like page headings and form labels and instructions. I’d like to get as many translations as possible for this next release, and I’m open to taking any localizations people are willing to provide. If you’re interested in helping out, please download the translation file and email it to gmurphey@gmurphey.com once you’re done. Just for the record—I took four years of Latin in high school, so unfortunately I can’t really contribute any translations for the plugin—unless someone really, really wants a Latin version. Plugins WordPress Tue, 10 Oct 2006