Have link open a popup window in a smaller size

You can do this using a little jQuery. I am going to assume you are using a child theme or your own custom theme so it is OK to customise. If you are not, you should make a child theme.

In your child theme’s folder create another folder called js (unless your theme already has a js folder) and within that folder create a new file called popup.js
Paste into that file the following:

jQuery(document).ready(function($) {
   $('.popup').click(function() {
     var NWin = window.open($(this).prop('href'), '', 'scrollbars=1,height=400,width=400');
     if (window.focus)
     {
       NWin.focus();
     }
     return false;
    });
});

In your child theme’s functions.php add the following:

//* Register and Enqueue scripts for popup
function cc_popup_script() {
	wp_register_script( 'popup', get_stylesheet_directory_uri() . '/js/popup.js', array( 'jquery' ), '1.0.0', false );
	wp_enqueue_script( 'popup' );
 }

add_action('wp_enqueue_scripts', 'cc_popup_script');

Once you have added the code above, you can now use this in your page/post content by attaching a class of ‘popup’ to any link you want to open in a popup. For example

<a href="http://cubecolour.co.uk/wp" class="popup">popup example page</a>

It would also be easy to also make this into a plugin which should be tidier than adding to the theme.

Looking forward to seeing you wrestle that alligator ;o)

I’ve now made a plugin to do this. I just need to do a little more testing on it & tidy it up a little before releasing it.

To make a link with this plugin once I release it, you can add a shortcode to your page/post content and include parameters for link url, height & width:

[popup url="http://cubecolour.co.uk/wp" height="300" width="300"]Link Text[/popup]

The popup would be much the same as before, but using the height & width values set in the shortcode, and with a default value used if those parameters are not set.

Does this sound like it might do the job for what you are trying to do?

I think that can probably be done. Positioning the popups to centre of the screen might be appropriate. It might require the alligator to be a little larger though.

The plugin is now live at: http://wordpress.org/plugins/alligator-popup/

Don’t forget to remove the code added earlier to your functions.php & remove the js/popup.js file before trying the plugin.

Cheers Chris

Unfortunately the only alligator I know by name is Wally Gator but I don’t think he’d be much of an opponent as he was never particularly frightening and is probably quite old now.

When you have had a chance to try the plugin, post back here if you have any problems. I’ve tested it on a couple of my own sites & it’s working for me so far.