Add Descendants As Menu Items

Site: http://www.viper007bond.com/wordpress-plugins/add-descendants-as-submenu-items/

WordPress Plugin Page: http://wordpress.org/extend/plugins/add-descendants-as-submenu-items/

This is a great plugin which gets rid of huge menu setups in the admin area of WordPress. The WordPress menu layout is far from ideal, and when it comes to big menu’s, the whole things can crash, delete items, or refuse to add any more.

One improvement I desired was to have the functionality to only add children as menu items, and not grandchildren or further. I managed to do this by editing a section of the code in the plugins php file, add-descendants-as-menu-items.php.

In the function add_children_to_menu, I made the following change:

The code change was based of this forum discussion.

Breadcrumb NavXT

Site: http://mtekk.us/code/breadcrumb-navxt/

WordPress Plugin Page: http://wordpress.org/support/view/plugin-reviews/breadcrumb-navxt

I use this plugin to create the breadcrumb you see at the top of the page, underneath the main menu. Code was added to the motion child theme in header.php. This plugin helps with navigation.

Broken Link Checker

Site: http://w-shadow.com/blog/2007/08/05/broken-link-checker-for-wordpress/

WordPress Plugin Page: http://wordpress.org/extend/plugins/broken-link-checker/

This plugin is great for automated and continuous checking of hyperlinks throughout your website. The plugin can be set to send you an email when it detects a new broken link.

wordpress-plugin-broken-link-checker-sends-you-email The "Broken Link Checker" plugin sends you an email when it detects a NEW broken link.

What is also powerful about this feature is that you can edit a broken hyperlink from within the plugin admin pages, AND, you only have to edit it once for all occurances on your site (and it will automatically update all pages/posts to reflect this).

wordpress-plugin-broken-link-checker-edit-url You only have to edit a broken hyperlink once for all ocurrances of it on your site.

Cimy Image Rotator

Site: http://www.marcocimmino.net/cimy-wordpress-plugins/cimy-header-image-rotator/

WordPress Plugin Page: http://wordpress.org/extend/plugins/cimy-header-image-rotator/

Used for the front rotating image banner. Code to draw the banner on every page is added to motion child theme in the header.php file. The code is shown below.

The plugin itself stores uploaded image in the rather badly placed folder “<wordpress install dir>/wp-content/Cimy_Header_Images/”.

Crayon Syntax Highlighter

Site: http://aramk.com/projects/crayon-syntax-highlighter/

WordPress Plugin Page: http://wordpress.org/extend/plugins/crayon-syntax-highlighter/

In my opinion, Crayon Syntax Highlighter is the best code highlighter for WordPress. I have tried a few (including Syntax Highlighter Evolved), but none offer the power, flexibility, and ease of use as Crayon does. One of the great features of Crayon is that it has it’s own code editor, which is loadable from the standard visual post/page editor in WordPress. Crayon’s editor allows you to input code and select the settings, without having the standard editor strip tags, change the formatting, convert/ignore tabs/spaces, and generally mess up the code.

I had to add a few custom CSS rules to get Crayon to work properly with the Motion theme (as I have to do with most syntax highlighters). Some of Motion’s CSS adds pesky shadows to the presented code. Here is the CSS I added to the Motion child theme to remove the shadowing. Conveniently, the code below also serves as an example of Crayon :-).

Jquery Mega Menu Widget

Site: http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-jquery-drop-down-mega-menu-widget/

WordPress Plugin Page: http://wordpress.org/extend/plugins/jquery-mega-menu/

Jquery Mega Menu is used for the large drop-down menu on this site (the main form of navigation). The include code is added to the header.php file of the motion child theme (rather than added as a widget, which it also supports). This plugin is slightly confusing as it goes under different names and their are other similarly named plugins.

I had to modify one of the plug-ins CSS files directly to customize the appearance. The CSS file is overwritten when the plugin is updated, so this file (grey.css) has to be replaced every time the plug-in is updated. The CSS file is included here in-case I ever lose it.

Grey.css
Grey.css
grey.css
3.8 KiB
84 Downloads
Details...

NextGEN Gallery

Site: http://www.nextgen-gallery.com/

WordPress Plugin Page: http://wordpress.org/extend/plugins/nextgen-gallery/

I use NextGEN gallery for managing all of the images on this site (there are over a 1000!). It is great for organising a large number of images as it features quick drag-n-drop, multiple file upload, galleries, a visual editor plugin for inserting the shortcodes into your pages/posts, and more!

One of it’s disadvantages is that the inbuilt media manager in WordPress has better styling features (it has this variable sized mosaic mode which makes image thumbnails look amazing). I don’t use the built in media manager however, as it currently lacks poor image sorting abilities (having 1000+ images would make it messy). Also, when editing a post/page, it displays an image as shortcode, rather than the image itself, like the built-in media manager does.

It also isn’t that good at handling single images. It has no built-in caption support for single images, although you can make your own templates to add this feature (see below). I have noticed that uploading big images in NextGEN (e.g. 2500×2500 pixels), can cause php memory overruns when trying to load a page the image is added to.

I have also added some custom CSS in the motion child theme to:

  • Round the corners on the image thumbnails (tutorial here)
  • Add a shadow to the image thumbnails (tutorial here)
  • Make the image thumbnails fade on mouse hover (tutorial here)
  • Added a “template” that adds a caption to single images

The CSS is shown in the code below:

Adding A Caption To A Single Image

Navigate to the NextGEN plugin folder. Create a new file in /nextgen-gallery/view called singlepic-caption.php (which is loosly based of singlepic.php). Add the following code to your file. This code is a little complicated, because to create a border around the image, it first has to work out the actual dimensions of the image, which are not those passed into the function.

Now add the following code to your theme CSS file (which should either be a child theme of a 3rd-party theme or an actual theme if you made it yourself).