Joe主题海报插件美化
:欢迎您的到来! 如果您遇到任何问题,请联系博主qq: 926340053

Joe主题海报插件美化

926340053
2021-12-31 / 0 评论 / 26 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年12月31日,已超过147天没有更新,若内容或图片失效,请留言反馈。

插件介绍:

1.整个过程使用 GD库 来生成海报,所以不需要担心排版混乱。
2.生成海报后,将它们保存在插件目录下的海报文件夹中,从而节省第二次生成时间。
3.支持用户 自定义 按钮样式,方便相同的主题样式,不会突兀。

插件安装:

1.将插件上传到 /usr/plugins/ 并将其重命名为 ArticlePoster
2.在适当的位置添加挂载点代码,我是在 handle.php 添加
Test
php文章海报_插件:按钮 article-poster-button

<?php ArticlePoster_Plugin::button($this->cid); ?>

3.在后台插件设置中填写信息,确保填写自定义共享按钮样式,并在类中添加文章-海报-按钮
4.如果没有将jquery引入到您的模板中,或者设置了上述过程,并且没有通过单击按钮得到响应,您可以开始加载jquery
5.修改图标部分以查找 /usr/plugins/ArticlePoster/js/core.js ,并修改注释部分中的图标样式

这一段代码可以添加到 usr/plugins/ArticlePoster/css/core.css 文件最顶部即可或者在后台自定义css添加一样

.haibaodiv{width:100%;margin-top: 16px;margin-bottom: 16px;text-align: center;}
.haibaodiv button{color: white;background-color: #4e7cf2;width: 170px;height: 36px;border: 0px;border-radius: 22px;}

pjax 适配

如果主题有 pjax 回调可以直接填下以下代码(如果是joe就不需要这一步直接跳过!表情)

$('.article-poster-button').on('click',function(){
    create_poster();
});
$('[data-event=\'poster-close\']').on('click', function(){
    $('.article-poster, .poster-popover-mask, .poster-popover-box').fadeOut()
});
$('[data-event=\'poster-download\']').on('click', function(){
    download_poster();
});

按钮样式

第一个
<script src="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.js'"></script><link rel="stylesheet" href="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.css"/><div class="haibaodiv" style="width:100%;margin-top: 16px;margin-bottom: 16px;text-align: center;">
<button class="article-poster-button mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple">生成海报</button>
</div>
第二个
<script src="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.js'"></script><link rel="stylesheet" href="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.css"/>
<a style="text-align:center;background:#40E0D0;text-decoration:none;" class="article-poster-button mdui-btn  mdui-ripple">按钮</a >

1

打赏

免责声明 本网站名称: 乐豪源站
本站网址: blog.x8lehao.com
版权声明 注意: 本站发布的文章及教程仅限用于学习和研究目的.请勿用于商业或违法用途,否则后果请用户自负。 本站所有资源不带技术支持,下载资源请24小时内删除,如用于违法用途,或者商业用途,一律使用者承担,本站不承担任何责任!
本站资源多为网络收集,如涉及版权问题请及时与站长联系邮箱:926340053@qq.com,我们会在第一时间内删除资源。
  • 25

    文章总数

  • 27

    评论总数

  • 5

    分类总数

  • 31

    页面总数

  • 0

    稳定天数

欢迎访问乐豪源站,喜欢本站的话关注一下哦~

By:家乐

评论 (0)

取消