为评论模板添加插入图片按钮

发布时间:2020-05-05

有时在发表评论或留言时,需要贴上一张图片作为补充,如果有一个快捷的插入图片按钮是不是会很方便。虽然可以通过安装编辑器插件,实现这一功能,但会影响页面加载速度。下面利用willin提供的代码,把这一功能加到你的热点新闻2.4版主题中。

复制的代码有行号,可按此方法去掉:小技巧:帮你批量删除代码前的行号

编辑修改主题请使用专门的文体编辑软件如:Notepad++,切记不能用系统自带的记事本编辑主题模版。

首先打开functions.php在:

  1. //全部设置结束
  2. ?>

上面添加字符转换函数:(注:如果这句后面还有内容,请删除,那是你在试用其它主题时自动写入的无用代码)

  1. //评论贴图
  2. function embed_images($content) {
  3. $content = preg_replace(‘/
    *(.*?)([/img)?]/e’, ‘“<img src=”$1″ alt=”” . basename(“$1”) . “” />”‘, $content);
  4. return$content;
  5. }
  6. add_filter(‘comment_text’, ’embed_images’);

再打开评论模板:comments.php找到:

  1. <!–<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>–>

在其中上面添加按钮:

  1. <a style=“float:right;background: url(./wp-content/themes/HotNewspro24/images/login.png)  no-repeat 0 -75px;padding:0 4px 0 20px” href=’javascript:embedImage();’ >插入图片</a>

如果你的程序安装在二级目录,请将上面小图片地址改成:/wp-content/themes/HotNewspro24/images/login.png 去掉前面的小点。

最后打开custom.js在最后,添加输入图片链接弹窗JS:

  1. // 评论贴图
  2. function embedImage() {
  3. var URL = prompt(‘请输入图片 URL 地址:’, ‘http://’);
  4. if (URL) {
  5. document.getElementById(‘comment’).value = document.getElementById(‘comment’).value + ‘

    ‘ + URL + ‘

‘;

  • }
  • }
  • 大熊wordpress凭借多年的wordpress企业主题制作经验,坚持以“为用户而生的wordpress主题”为宗旨,累计为2000多家客户提供品质wordpress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。大熊wordpress能坚持多年,是因为我们一直诚信。我们明码标价(wordpress做网站需要多少钱),从不忽悠任何客户,我们的报价宗旨:“拒绝暴利,只保留合理的利润”。如果您有网站建设、网站改版、网站维护等方面的需求,请立即咨询右侧在线客服或拨打咨询热线:18324743309,我们会详细为你一一解答你心中的疑难。

    版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    相关文章

    写给所有做网站的朋友的一封信

    写给所有做网站的朋友的一封信

    现在就开始执行“1+N”互联网推广和没有开始执行的人,一两天看不出任何区别; 一两个月看来差异也是微乎其微的;但在2-5年的长远时间来看的时候,你的高质量询盘不断增加,你的互联网资产已经建立完成,对手已经很难匹敌,现在你看到这段文字的时候就是最好的开始,现在就是最好的时候,马上开始“1+N”体系的整体互联网推广吧,我们和你一起,开创互联网大未来!

    点击查看详情

    准备开启WordPress网站建设推广?

    我们相信高端漂亮的网站不应该是昂贵的,这就是wordpress对每个人都是免费的原因
    wordpress建站免费入门,并提供价格合理的wordpress建站套餐。