Eswink Eswink
  • 首页
  • 网站公告
  • 红蓝对抗
    • 攻防对抗
    • 渗透分析
  • 资源分享
    • 代码发布
    • 其他分享
  • 本站专题
    • 视频集锦
    • WordPress
    • 工程实践
    • 奇闻趣事
    • 活动线报
  • 问答
  • 绿标域名
  • 关于本站
    • 友情链接
  • 注册
    登录
现在登录。
  • 首页
  • 网站公告
  • 红蓝对抗
    • 攻防对抗
    • 渗透分析
  • 资源分享
    • 代码发布
    • 其他分享
  • 本站专题
    • 视频集锦
    • WordPress
    • 工程实践
    • 奇闻趣事
    • 活动线报
  • 问答
  • 绿标域名
  • 关于本站
    • 友情链接
首页 其他分享 wordpress小技巧:添加GIF Player加快页面加载速度
置顶

wordpress小技巧:添加GIF Player加快页面加载速度

小伍同学 2021-04-28 0:16:41 本文共851个字,预计阅读时间需要3分钟
1 星2 星3 星4 星5 星 (已有2 点评, 平均得分: 5.00)您还未点评
Loading...

0x00 事情起因

由于本站使用的是 Panda Pro 主题 并且安装了积木箱子,而在积木拓展中我发现了一款插件

wordpress小技巧:添加GIF Player加快页面加载速度图片

好家伙 这款插件还要收19.9元的保护费(doge)

为了使用GIF播放插件,我在wp plugins 市场上搜索了下 正好有这个插件,岂不美哉

0x01 安装插件

安装后 提示需要安装ffmpeg拓展

由于使用的是宝塔面板,所以我在宝塔的官方论坛里去看了看

wordpress小技巧:添加GIF Player加快页面加载速度图片1

由于使用的是 Centos 8.1 所以在使用这个脚本进行安装时出现了错误

0x02 解决ffmpeg拓展

通过百度 我搜索到了一下两篇文章

https://www.cnblogs.com/xuyaowen/p/yum-config-manager.html

https://blog.csdn.net/martinking1997/article/details/103339686

在进行一系列的测试后 得到以下指令即可在Centos 8.x系统下安装ffmpeg拓展

#安装ffmpeg拓展
sudo dnf install epel-release
sudo yum config-manager --set-enabled PowerTools
yum -y install yum-utils
sudo yum-config-manager --add-repo=https://negativo17.org/repos/epel-multimedia.repo
sudo dnf install ffmpeg
#安装完毕后 输入下列指令检测是否正确安装
ffmpeg -version
wordpress小技巧:添加GIF Player加快页面加载速度图片2

正确安装后 应该显示以上的内容

0x03 启用PHP函数

宝塔面板启用PHP函数:shell_exec

wordpress小技巧:添加GIF Player加快页面加载速度图片3

启用成功后,插件会检测shell_exec和ffmpeg是否正常启用

检测完成后即可在文章中插入GIF 并且拥有点击播放Gif的功能

0x04 GIF播放测试

由于我这里使用了文件动静分离 所以缩率图暂时无法显示 后续我会尝试更改插件匹配本网站

经过对插件的函数修改,使用七牛云的图片处理 成功获取到GIF文件的缩率图

以下分别为直接显示GIF和点击显示GIF图片

wordpress小技巧:添加GIF Player加快页面加载速度图片4
#GIF#WordPress#网站优化
2
小伍同学
一个即将入土的程序猿
赞赏
小伍同学
评论 (1)
返回
  • 贰叁伍

    如果使用的是bucket的话 需要修改
    wp-gp-pp.js
    wp-gp-pp.min.js
    helpers.php
    trait-thumbnail-creator.php

    1年 前 回复
猜你喜欢
  • 完美解决Windows环境(VMware环境)下Docker Desktop的安装启动问题
  • 建站大佬留下的一篇SEO优化方法和思路
  • 缺少TLS中间证书会造成神秘的浏览器问题
  • Nginx部署vue项目应用
  • 如何快速地对ETCD进行内存优化
小伍同学
一个即将入土的程序猿
130
文章
60
评论
169
获赞
小伍同学
02 4月, 2022
前端学习之在游戏中提高CSS技巧
Copyright © 2020-2022 Eswink. Designed by nicetheme. 川公网安备 51012202000979号 | 蜀ICP备20002650号-6
当前线路为: 国内线路
本站已安全运行:
本站由酷盾安全提供高防CDN国际线路安全防护服务
友链: Eswink 信息笔记 网站目录 站长新动力 脚本挂机引流赚钱 勇康博客网 龙笑天下 HTTP代理 QYV企业商务咨询 镇北府博客 吾爱漏洞 祭夜の咖啡馆 杭州论坛 龙鳞收录网 KIENG博客 Hackyh‘Blog
在线客服
小伍同学
我们将会在24小时内回复您,如果有急事请联系QQ或者微信
12:01
您好,有任何疑问请与我们联系!
公众号

选择聊天工具: