導讀:搭建網站搭建網站不知不覺，很多主題都支持文章生成封面圖片分享，很多主題都慢慢的更新了這個功能，不得不說，體驗下來，還是很友好的！大概的效果如下圖： 注意事項 需要實現文章生成封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);

關鍵詞標簽: 搭建網站 主題 封面