多语言展示
当前在线:1765今日阅读:26今日分享:39

zblogphp添加自定义文章缩略图功能

zblogphp添加自定义文章缩略图功能。本教程已zblogphp自带的“默认主题”为主。
工具/原料
1

zblogphp

2

zblogphp“默认主题”主题

3

文本编辑器(我用的是sublime Text)

方法/步骤
1

打开zblogphp默认主题的主题根目录,路径为zb_users\theme\default

2

新建文件include.php

3

打开include.php。输入以下代码:host}zb_users/theme/default/script/lib.upload.js\'>';echo '

       
                       

Metas->pic.'' />浏览文件

     
   
';}function InstallPlugin_default(){    global $zbp;}function UninstallPlugin_default() {    global $zbp;}?>然后,保存文件。

4

添加js文件,在zb_users\theme\default\script目录创建lib.upload.js文件。

5

lib.upload.js代码如下:var container = document.createElement('script');$(container).attr('type','text/plain').attr('id','img_editor');$('body').append(container);_editor = UE.getEditor('img_editor');_editor.ready(function () { _editor.hide(); $('.uploadimg strong').click(function(){ object = $(this).parent().find('.uplod_img'); _editor.getDialog('insertimage').open(); _editor.addListener('beforeInsertImage', function (t, arg) { object.attr('value', arg[0].src); }); });});

6

然后,我们进入zblogphp后台,点击新建文章,就会出现“文章缩略图”的上传功能。

7

这个时候,我们就可以开始使用他了。前台调用代码为{$article.Metas.pic}。我们可以将代码放到我们想要显示的位置。比如:我放在了zb_users\theme\default\template\post-multi.php文件。

8

然后,进入后台点击[清空缓存并重新编译模板]。然后在去自己网站的首页看效果吧。

注意事项

需要开启UEditor编辑器

推荐信息