导读:搭建网站搭建网站不知不觉，很多主题都支持文章生成封面图片分享，很多主题都慢慢的更新了这个功能，不得不说，体验下来，还是很友好的！大概的效果如下图： 注意事项 需要实现文章生成封it技术网站建站技术模板。

不知不觉，很多主题都支持文章生成封面图片分享，很多主题都慢慢的更新了这个功能，不得不说，体验下来，还是很友好的！大概的效果如下图：

注意事项

需要实现文章生成封面图片分享，您还需要注意以下事项：

PHP 必须开启 GD 库，绘制海报图片要用到。如何开启，大家自行百度 必须引入 jQuery ，javascript 中 AJAX 提交到 admin-ajax.php 处理要用到

详细步骤

一、好了，下面简单说下使用方法，添加下面代码到文章适当位置，一般位于主题 single.php 文件里，自己找个合适位置添加如下代码（前端按钮）：生成海报

二、添加下面代码到网页底部文件中，位于主题下 footer.php 文件，建议添加到 footer 代码结束后

三、在 functions.php 文件中添加如下代码（海报生成）：

 

注意如果生成海报失败的原因，首先网站需要 jQuery 支持，因为使用的 jQuery 的 AJAX 提交到主题后端处理，再有还可能是下面这段 js 代码中路径的问题，默认是没有将 WordPress 安装到子目录的方式，将其posterjsposter.js 里修改为你网站的 admin-ajax.php 文件位置应该就可以了。

//提交到wordpress自带的ajax处理

$(document).on('click touchstart', '.btn-bigger-cover', function (event) {

event.preventDefault();

var bigger_cover = $('.poster-image img'),

btn_bigger_cover = $('#bigger-cover');

if (bigger_cover.hasClass('load-poster-img')) {

$.ajax({

//url: jsui.ajax_url,

url: '/wdede模板下载p-admin/admin-ajax.php', // 这地方改成自己的 admin-ajax.php 地址

type: 'POST',

dataType: 'json',

data: btn_bigger_cover.data(),

}).done(function (data) {

if (data.s == 200) {

bigger_cover.attr('src', data.src);

关键词标签: 搭建网站 主题 封面