WP Live Preview Links allows you to see a live scaled preview of the site you are linking to in a pop-up dialog style window prior to clicking on it.
WP Live Preview Links does not use an external service to create these "thumbnails".
In the admin panel you can select which links that will trigger the preview (class="wp-live-preview"
, internal, external or all links). You can also adjust the preview window size and position.
You can download and install WP Live Preview Links using the built in WordPress plugin installer. If you download WP Live Preview Links manually, make sure it is uploaded to "/wp-content/plugins/wp-live-preview-links/".
Activate WP Live Preview Links in the "Plugins" admin panel using the "Activate" link.
You'll find a demo at my site
.myclass
.widget a
a:not([href^="http://wordpress.org"]):not([href^="http://wordpress.com"]):not([href^="#"]):not([href^="/"])
Activate the plugin and in plugin settings select Live Preview Links = class="wp-live-preview"
This is how I've done it on my site running TwentyTwelve.
In the (child) theme folder, in functions.php, add the following
add_action( 'wp_enqueue_scripts', 'ps_live_preview_search_result', 11 );
function ps_live_preview_search_result () {
wp_enqueue_script( 'ps_live_preview_search_result_script', get_stylesheet_directory_uri() . '/ps_live_preview_search_result.js', array('wp-live-preview-links'), false, true );
}
Copy ps_live_preview_search_result.js to the (child) theme folder:
(function($) {
$('.search-results .entry-title a').each(function(index){
$(this).addClass('wp-live-preview');
});
$(window).resize();
})(jQuery);