纯代码实现WordPress自动获取网站截图

2021-05-22 0 1,007 百度已收录

我们分享一些好的网站或者网页模板时,配上对应的网页截图会加倍直观。或者在做网站目录或博客目录的时刻,同样可以通过本文的方式获取所收录的目的网站首页截图,这样可以节约许多时间和精神。下面我们分享WordPress文章中自动获取网站截图的两种纯代码方式:

一、短代码实现的方式

将下面的代码添加到当前主题函数模板 functions.php 中:

  1.     function wp_screenshot($atts, $content=null){
  2.     extract(
  3.     shortcode_atts(
  4.     array(
  5.     "shots" => "https://s0.wordpress.com/mshots/v1/",
  6.     "url" => "https://www.wpbeginner.com",
  7.     "width" => "600",
  8.     "height" => "450",
  9.     "alt" => "screenshot"
  10.     ),
  11.     $atts
  12.     )
  13.     );
  14.  
  15.     $img = '<div class="wp-shot"><a href="' . $url . '" rel="external nofollow"  rel="external nofollow noopener noreferrer" target="_blank"><img src="' . $shots . '' . urlencode($url) . '?w=' . $width . '&h=' . $height . '" alt="' . $alt . '" /></a></div>';
  16.     return $img;
  17.     }
  18.     add_shortcode("shot", "wp_screenshot");

揭晓文章时,添加短代码:

  1. [shot url="http://zmingcx.com/"]

或者自界说截图巨细

  1. [shot url="http://zmingcx.com/" width="600" height="450"]

修改其中的网址链接链接即可。

二、直接添加链接的方式

这个方式使用加倍利便,获取截图的基本名堂:

  1. https://s0.wordpress.com/mshots/v1/http://zmingcx.com/?w=600&h=450

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

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 纯代码实现WordPress自动获取网站截图 https://zhutizhen.com/14681.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章