搬码资源网广告位搬码资源网广告位

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

上面是搬码源码网 abnma.com 经由过程收集网络收拾整顿的代码片断。搬码源码网小编此刻分享给各人,也给各人做个参考。

咱们分享一些好的网站或许网页模板时,配上对应的网页截图会越发直不雅。或许在做网站目次或博客目次的时辰,同样可以经由过程本文的要领获取所收录的方针网站首页截图,如许可以节约许多时间和精神。上面咱们分享 wordpress 文章中主动获取网站截图的两种纯代码要领:

一、短代码完成的要领

将上面的代码添加到以后主题函数模板 functions.php 中:

function wp_screenshot($atts,$content=null){

extract(

shortcode_atts(

array(

"shots" => "https://s0.wordpress.com/mshots/v1/",

"url" => "https://www.wpbeginner.com",

"width" => "600",

"height" => "450",

"alt" => "screenshot"

),

$atts

)

);

$img = '<div class="wp-shot"><a href="' . $url . '" rel="external nofollow noopener noreferrer" 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://zmingcx.com/"]

或许自界说截图巨细

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

改动此中的网址链接链接即可。

二、间接添加链接的要领

这个要领应用越发利便,获取截图的基本格局:

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

也可以间接将上述地址链接格局像正常拔出图片(从 URL 拔出)一样添加到文章中,下面的截图就是这么加的,并没有效短代码。

温馨提醒:因需求即时天生截图,第一次关上可能望不到图片,刷新一下就可以了,不行就多刷新频频。天生的截图存储在 WordPress.com 办事器上,不会占用本身的空间,不外加载可能有些慢。

以上是搬码源码网(abnma.com)为你网络收拾整顿的全数代码内容,但愿文章可以或许帮你解决所碰到的步伐开提问题。假如感觉搬码源码网网站内容还不错,接待将搬码源码网网站保举给步伐员挚友。

总结

以上是搬码源码网为你网络收拾整顿的纯代码完成WordPress主动获取网站截图全数内容,但愿文章可以或许帮你解决纯代码完成WordPress主动获取网站截图所碰到的步伐开提问题。

假如感觉搬码源码网网站内容还不错,接待将搬码源码网网站保举给步伐员挚友。

0
分享到:
搬码资源网广告位

评论0

请先

为了配合净网行动 , 本站下架所有娱乐源码 , 如有疑问 , 请联系站长qq 43233524
没有账号? 忘记密码?