注册
『转载』『教程』Joe主题实现评论图片功能
Brains - 灵感乌托邦

『转载』『教程』Joe主题实现评论图片功能

六六丶
2021-10-23 / 58 评论 / 8,801 阅读 / 收录检测中...
广告
温馨提示:
本文最后更新于2022年10月25日,已超过578天没有更新,若内容或图片失效,请留言反馈。

前言

前几天在执念博客看到的功能,觉得有点用,就扒过来做个备份

成品效果

修改教程

一、修改 comment.php 文件

修改 Joe/public/comment.php ,修改如下代码:

二、修改 functions.php 文件

修改 Joe/functions.php 文件,底部添加如下代码:


 // 评论图片
$CommentImg = new Typecho_Widget_Helper_Form_Element_Select(
    'CommentImg',
    array('on' => '开启(默认)', 'off' => '关闭'),
    'on',
    '是否开启评论图片功能',
    '介绍:开启后,评论区域可以选择图片进行评论'
);
$CommentImg->setAttribute('class', 'joe_content joe_custom'); // joe_custom可改为joe_other
$form->addInput($CommentImg);

三、添加 custom.js 文件

Joe/assets/js 文件夹内新建 custom.js 文件,将以下代码复制进去

四、修改 joe.global.min.js 文件

修改 Joe/assets/js/joe.global.min.js 文件

将原先的 .joe_comment__respond-form .body .text 换成 .joe_comment__respond-form .body .imgUpload ,自行根据图片关键字找到位置

635733cd7e450.png

五、引入 custom.js 文件

打开 Joe/public/include.php 文件,添加以下代码

<!--引入自定义模块JS-->
<script src="<?php $this->options->themeUrl('assets/js/custom.js'); ?>"></script>

635733da979cd.png

六、修改样式

在第五部的位置再加入以下代码,引入自定义样式表

<!--引入自定义模块CSS-->
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/custom.css'); ?>">

然后在 Joe/assets/css 文件夹内新建 custom.css 文件,将以下代码复制进去

.imgUpload .imgUpload_btn {
    text-align:right;
    margin: -10px 0 10px 0;
}

.imgUpload .imgUpload_btn span {
    cursor: pointer;
    margin-left: 5px;
}

结束

大功告成,返回文章页面刷新试试看吧!

20
打赏
gzh

评论 (58)

图片
私语
取消
  1. 头像
    炫杰Ya
    甘肃省 Android · Google Chrome
    此条为私语,仅评论者及文章作者可见
    回复
  2. 头像
    anan
    贵州省毕节市 Android · Google Chrome
    仿佛这一瞬间,火光也照亮了他同驹子共同度过的岁月。这当中也充满一种说不出的苦痛和悲哀。

    回复
  3. 头像
    菜鸟博客
    海南省海口市 Windows 10 · Google Chrome
    仿佛这一瞬间,火光也照亮了他同驹子共同度过的岁月。这当中也充满一种说不出的苦痛和悲哀。

    回复
  4. 头像
    菜鸟博客
    海南省海口市 Windows 10 · Google Chrome
    伤口只要闭上眼就会消失吗?悲鸣只要听不见就不存在了吗?就算能逃到世界的边缘,也无法逃避自己内心的声音。

    回复
  5. 头像
    1
    浙江省绍兴市 Windows 10 · FireFox
    没有什么背叛,只不过是忠诚过期了而已。

    回复
  6. 头像
    顾渊
    浙江省绍兴市 Windows 10 · FireFox
    如果这天地间的世人皆醉,而你独醒,则等于是世人皆醒你独眠。

    回复
  7. 头像
    小呆呆
    河北省石家庄市 MacOS · Google Chrome
    思索是一道大门,通向世界上没有的东西,通到现在人类想不到的地方。

    回复
  8. 头像
    sagrre
    云南省丽江市 Windows 10 · FireFox
    你知道什么叫幸福嘛?幸福就是拍拍手。

    回复
  9. 头像
    333333
    陕西省西安市 Windows 10 · Google Chrome
    世界上,最漫长的,无疑是等待。直到风带着芬芳,日落水塘。

    回复
  10. 头像
    大大撒
    安徽省合肥市 Windows 10 · Google Chrome
    欢迎回家,Dr。

    回复
文章目录