为评论模板添加插入图片按钮
有时在发表评论或留言时,需要贴上一张图片作为补充,如果有一个快捷的插入图片按钮是不是会很方便。虽然可以通过安装编辑器插件,实现这一功能,但会影响页面加载速度。下面利用willin提供的代码,把这一功能加到你的热点新闻2.4版主题中。
复制的代码有行号,可按此方法去掉:小技巧:帮你批量删除代码前的行号
编辑修改主题请使用专门的文体编辑软件如:Notepad++,切记不能用系统自带的记事本编辑主题模版。
首先打开functions.php在:
- //全部设置结束
- ?>
上面添加字符转换函数:(注:如果这句后面还有内容,请删除,那是你在试用其它主题时自动写入的无用代码)
- //评论贴图
- function embed_images($content) {
- $content = preg_replace(‘/
*(.*?)([/img)?]/e’, ‘“<img src=”$1″ alt=”” . basename(“$1”) . “” />”‘, $content);
- return$content;
- }
- add_filter(‘comment_text’, ’embed_images’);
再打开评论模板:comments.php找到:
- <!–<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>–>
在其中上面添加按钮:
- <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:
- // 评论贴图
- function embedImage() {
- var URL = prompt(‘请输入图片 URL 地址:’, ‘http://’);
- if (URL) {
- document.getElementById(‘comment’).value = document.getElementById(‘comment’).value + ‘
‘ + URL + ‘
‘;
- }
- }
大熊wordpress凭借多年的wordpress企业主题制作经验,坚持以“为用户而生的wordpress主题”为宗旨,累计为2000多家客户提供品质wordpress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。大熊wordpress能坚持多年,是因为我们一直诚信。我们明码标价(wordpress做网站需要多少钱),从不忽悠任何客户,我们的报价宗旨:“拒绝暴利,只保留合理的利润”。如果您有网站建设、网站改版、网站维护等方面的需求,请立即咨询右侧在线客服或拨打咨询热线:18324743309,我们会详细为你一一解答你心中的疑难。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
写给所有做网站的朋友的一封信
现在就开始执行“1+N”互联网推广和没有开始执行的人,一两天看不出任何区别; 一两个月看来差异也是微乎其微的;但在2-5年的长远时间来看的时候,你的高质量询盘不断增加,你的互联网资产已经建立完成,对手已经很难匹敌,现在你看到这段文字的时候就是最好的开始,现在就是最好的时候,马上开始“1+N”体系的整体互联网推广吧,我们和你一起,开创互联网大未来!