好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

免插件实现WordPress文章中自动获取网站截图

我们在日常的WordPress文章文章编辑中,遇到好看的站点或者模板,需要添加图片,今天教大家免插件实现WordPress文章中自动获取网站截图,这里用到的其实是WordPress短代码功能!

添加代码:

function  wp_screenshot($atts, $content= null ){  extract(  shortcode_atts(  array(  "shots"  =>  "https://s0.wordpress.com/mshots/v1/" ,  "url"  =>  "http://www.tuohang.net" ,  "width"  =>  "600" ,  "height"  =>  "450" ,  "alt"  =>  "screenshot"   ),  $atts  )  );     $img =  '<div class="wp-shot"><a href="'  . $url .  '" rel="external nofollow" target="_blank"><img src="'  . $shots .  ''  . urlencode($url) .  '?w='  . $width .  '&h='  . $height .  '" alt="'  . $alt .  '" /></a></div>' ;  return  $img;  }  add_shortcode( "shot" ,  "wp_screenshot" ); 

使用方法

发表文章时,添加短代码:

[shot url="http://www.tuohang.net/"]

也可以自定义截图大小:

[shot url="http://www.tuohang.net/"width="600"height="450"]

 

直接添加链接

这个方法使用更加方便,获取截图的基本格式:

https://s0.wordpress.com/mshots/v1/http://www.tuohang.net/?w=600&h=450

也可以直接将上述地址链接格式像正常插入图片(从URL插入)一样添加到文章中,上面的截图就是这么加的,并没有用短代码。

因需要即时生成截图,第一次打开可能看不到图片,刷新一下就可以了,不行就多刷新几次。生成的截图存储在WordPress.com服务器上,不会占用自己的空间和资源,不过加载可能有些慢。

查看更多关于免插件实现WordPress文章中自动获取网站截图的详细内容...

  阅读:27次