!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>WordPress 添加海报分享功能

WordPress 添加海报分享功能

如题,该功能主要用于生成一份海报页面,具体显示效果如下:

WordPress 添加海报分享功能

代码参考自精品资源分享博客,原代码存在一些问题导致添加后不能正常使用,自己对代码做了些简单调整,具体调整内容如下:

  • 核心代码打包至 poster 文件夹,方便调用及维护
  • 更改上传目录为 upload/posterimg (原代码将海报直接上传到媒体库并与文章相关联,并且每次都会生成新的海报,时间长了会导致媒体库臃肿,堆积大量无用文件)
  • 调整前段显示样式(新的样式更好看)
  • 还有一些其他的。。。(我也忘了具体是什么了☹)

使用前请注意:

  • PHP 必须开启 GD 库,绘制海报图片要用到。开启方法看这里>>>PHP 如何开启 GD 库?
  • 必须引入 jQuery ,javascript 中 AJAX 提交到 admin-ajax.php 处理要用到

好了,下面简单说下使用方法。

single.php 文件修改

在single.php 文件中合适位置添加如下代码(前端按钮):

footer.php 文件修改

在footer.php 文件中添加如下代码(前端弹窗):

functions.php 文件修改

在footer.php 文件中添加如下代码(海报生成):

生成海报失败的原因

如果海报生成失败了,可能是下面这段 js 代码中路径的问题,默认是没有将 WordPress 安装到子目录的方式,将其修改为你网站的 admin-ajax.php 文件位置应该就可以了。

如果按以上步骤设置正确了 ,那么你的主题应该已经实现了海报分享的功能。

如果你是的主题使用了 OptionsFrameWork 框架搭建的后台设置面板,那么下面的步骤将有助于你生成一些后台控制按钮。

options.php 文件修改

将以下代码添加到主题 options.php 文件中去(部分主题可能不叫这名):

single.php 文件调整

将 single.php 文件中的调用代码调整为如下代码:

poster.php 文件调整

取消 poster.php 文件中如下代码的注释(大概在342行位置):

应该就这些了,其他问题留言吧。

资源下载

免费资源本地下载点击下载百度网盘点击下载提取码: IQGG复制注意:本站资源多为网络收集,如涉及版权问题请及时与站长联系,我们会在第一时间内与您协商解决。如非特殊说明,本站所有资源解压密码均为:zibuyu.life。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress 添加历史上的今天文章列表

2022-9-5 12:32:15

网站运维

HTTP服务响应数据不完整响应数据截断解决方法

2022-9-5 14:30:43

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
2 条回复A文章作者M管理员
  1. 聆听者

    不努力就只能听到别人的好消息。

  2. L1

    没有BUG的代码是不完美的!

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索