User-Profile-Image
hankin
  • 5
  • WPS稻壳
  • 腾讯文档
  • 企业邮箱
  • 幕布笔记
  • 阿里语雀
  • 分类
    • 遇见城事
    • 资源分享
    • 素材收集
    • 程序源码
    • 技巧随笔
    • 平面设计
    • 工具采集
  • 页面
    • 专题
  • 友链
    • PP设计导航
    • 中国博客联盟
    • 博客大全
Help?

Please contact us on our email for need any support

Support
  • 平面设计
  • 资源分享
    首页   ›   资源分享   ›   正文
资源分享

在 WordPress 文章中自动获取网站截图

2019-10-30 12:05:37
642  0 0

分享一些好的网站或者网页模板时,配上对应的网页截图会更加直观。上篇文章利用Browser Shots插件自动获取网站截图,今天再分享一下不用插件的方法。

一、短代码

将下面的代码添加到当前主题函数模板 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. $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>';
  15. return $img;
  16. }
  17. 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 打赏
似最初
一转身,一恍惚,一刹那,不堪看,风过处尽显流年。
103文章 90评论 17点赞 95506浏览
随机文章
书栈(BookStack):最详细的在线书籍系统搭建教程
6个月前
一个简单操作,玩转PPT字体
2年前
周五好心情,10个奇妙好用的小众工具
1年前
何以相忘于江湖!
2年前
个人简历中的自我评价
2年前
想获取高质量的PPT图标,推荐8个必备网站!
2年前
常见标签
CAD PPT PPT主题 PPT合集 PPT字体 PPT模板 PPT设计 PPT进化论 七牛云 主题 书籍 图框 图片素材 在线工具 墨菲定律 封面 小程序 工具 心情 心情随笔 愿时光 手账 效率 效率合集 新年快乐 灵感 相册 简历 素材 网站推荐 职场思维 自我评价 范文 设计 资源分享 迁移 遇见城事 配色 随笔 随笔小诗
博客统计
  • 日志总数:103 篇
  • 评论数目:90 条
  • 建站日期:2018-01-25
  • 运行天数:1090 天
  • 标签总数:40 个
  • 用户总数:7952 个
  • 最后更新:2020-12-31
Copyright © 2021 网站备案号: 黔ICP备17005359号-5
smarty_hankin 主题. Designed by hankin
主页
页面
  • 专题
博主
似最初 管理员
写我所写,关你何事?
103 文章 90 评论 95506 浏览
测试
测试
赞赏作者

请通过微信、支付宝 APP 扫一扫

感谢您对作者的支持!

 支付宝 微信支付