自定义wpDiscuz插件样式和模板

张志军 2年前 (2023-04-06) 1089次浏览 0个评论

wpDiscuz插件是wordpress主题下使用率非常高的一款评论插件,提供了3种布局模板,同时支持自定义部分部件颜色。但由于自定义功能简单,存在原始的插件样式和模板和主题不匹配的问题。因此本文就针对自定义wpDiscuz插件样式和模板做一个简单的介绍。

一、wpDiscuz样式和模板修改方法

wpDiscuz插件允许通过修改插件模板文件和CSS文件,来修改三种布局(layout)的样式。wpDiscuz提供了一个中安全的方法来修改,而不受wpDiscuz插件升级的影响,具体修改方式如下:

在你的主题目录下新建一个wpdiscuz目录,然后复制插件目录下你需要修改的样式或模板文件导新建的wpdiscuz下。注意,复制过来的时候,要保持文件路径的一致,否则不会生效,例如:

如果你要修改layout1下的avatar文件,则复制模板文件:

/wp-content/plugins/wpdiscuz/themes/default/layouts/1/avatar.html

到:

/wp-content/themes/mytheme/wpdiscuz/layouts/1/avatar.html

复制过来的文件会自动覆盖插件中默认的模板文件,而且插件升级后修改也不会丢失。

二、wpDiscuz 插件主题和模板文件位置

默认情况下,wpDiscuz的主题文件位置为 /wpdiscuz/themes/default/

1、CSS样式文件

style.css (默认主样式文件)
style-rtl.css (主样式文件的RTL版本)
/css/style-minimal.css (Minimum版本)
/css/style-minimal-rtl.css (Minimum版本)

2、PHP文件

class.WpdiscuzWalker.php (评论结构文件)
comment-form.php (评论表单文件)

3、评论Layout文件

Layout #1: wpdiscuz/themes/default/layouts/1/
Layout #2: wpdiscuz/themes/default/layouts/2/
Layout #3: wpdiscuz/themes/default/layouts/3/

自定义wpDiscuz插件样式和模板

三、参考文档
https://wpdiscuz.com/docs/wpdiscuz-7/customization/custom-template-and-style/

0 0 投票数
文章评分

版权申明:

本博客所有文章除特别声明外均采用BY-NC-SA 4.0许可协议。依据BY-NC-SA 4.0许可协议,转载请附上原文出处链接及本声明。

原文链接:https://ilearning.org.cn/program/web/zidingyi-wpdiscuz-chajian-muban-he-yangshi.html

客官,说点什么吧!

订阅评论
提醒
guest

0 评论
内联反馈
查看所有评论
关于本站
立学网是一个分享个人学习总结的知识网站,内容覆盖编程技术讨论,金融经济,历史哲学,读书笔记,生活随笔等内容。
关注我们
关注微信公众号 关注微博