WordPress Plugins That This Site Uses

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.

[wpfilebase tag=file id=2 /]

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).

  • Pingback: NextGen Captions Are Back | Clandestine Laboratories()

  • Ralf

    Is there any solution for the singlepic-caption template for nextgen-gallery 2.x versions?

    Photocrati has changed their system dramatically that no old template enhancements will work. Even if the new singlepic has a caption, it’s a hell to change all old posts.

    • gbmhunter

      Unfortunately not! (well no easy method). I’ve managed to get it working with a god-awful hack that uses regex and scans the image cache to grab an image and apply the captioning HTML/CSS. It only works after the page has been viewed once before (cache has to exist), and I bet it will break soon once the syntax changes slightly. I’ve been pushing for them to create a single-pic caption image type that can be chosen just like a gallery type.

      You should send them an email too!

      • Ralf

        Thanks for the quick answer.

        Yes, good idea, I will also contact Photocrati to increase a little bit the pressure. But reading all the problems in the ngg forum I guess they have a lot of other urgend problems. The code quality of the new version 2.x.x seems to be very ugly 🙁

        In the meantime I found a fork of the 1.9 version, called: nextcellent-gallery


        I will give it a try. Should work for the next years, if the maintainer of the fork will adapt it to newer WP versions.