Joe主题海报插件美化
插件 主题 美化 海报 Joe
2023-06-13 09:16:22 时间
插件介绍:
1.整个过程使用 GD库 来生成海报,所以不需要担心排版混乱。 2.生成海报后,将它们保存在插件目录下的海报文件夹中,从而节省第二次生成时间。 3.支持用户 自定义 按钮样式,方便相同的主题样式,不会突兀。
插件安装:
1.将插件上传到 /usr/plugins/
并将其重命名为 ArticlePoster
2.在适当的位置添加挂载点代码,我是在handle.php添加
php文章海报_插件:按钮article-poster-button
;
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 >
{abtn icon="Font Awesome图标" color="#00BFFF" href="https://wws.lanzous.com/i1pXFlk2xhi" radius="17.5px"}罗小黑{/abtn} 密码:5uq1
相关文章
- Color Efex Pro 4 for Mac(色彩调试滤镜) 修复PS插件问题
- MyEclipse SVN插件的安装详解[通俗易懂]
- IDEA主题插件:Material Theme UI「建议收藏」
- 分享一款“暗黑系列”Idea主题插件Material Theme「建议收藏」
- 你还在手动部署埋点吗?从0到1开发Babel埋点自动植入插件!
- webstorm插件集合[通俗易懂]
- maven项目使用mybatis插件Free Mybatis plugin「建议收藏」
- 2023 最新最全 VSCode 插件推荐!
- 基于 Rainbond 的 Pipeline(流水线)插件
- PS/LR滤镜插件套装 Nik Collection v5.3.0 Win/Mac
- 使你的webpack插件变得更加优秀
- PhpStorm 安装主题插件 Material Theme UI
- 提供几个编译好的64位的IDA Pro插件(CopyAndPast/IDA_SYNC_PLUGIN/GetAsmCode)
- 大数据DataX(一):DataX的框架设计和插件体系
- Zibll主题抽奖插件
- WordPress 自助链接插件
- WordPress 技巧:移除后台核心,插件和主题的更新提示
- 给 Zsh 添加主题和插件
- 和大多数浏览器一样,Midori主要侧重速度。但同时,它的色彩设置很绚烂。对某些用户而言,它可能缺乏拓展功能、插件和主题,但是它使用方便,这款基于WebKit的浏览器可以提供令人难以置信的高速浏览。
- 插件CAD中是否可以使用MySQL插件(cad是否有mysql)