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

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

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

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

首先打开functions.php在:

  1. ?>

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

  1. embed_images() {
  2. = preg_replace(\’/\\
  3. ;
  4. }
  5. add_filter(\’comment_text\’, \’embed_images\’);

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

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

在其中上面添加按钮:

  1. <a style= href=\’javascript:embedImage();\’ >插入图片</a>

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

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

  1. embedImage() {
  2. URL = prompt(\’请输入图片 URL 地址:\’, \’http:
  3. (URL) {
  4. document.getElementById(\’comment\’).value = document.getElementById(\’comment\’).value + \’

    \’ + URL + \’

\’;

  • }
  • }
  • 使用上述方法,在评论中加入图片后,当你更换主题后,图片将消失,只会显示html代码。

    另外,如果图片尺寸较大,在IE下会造成模板变形,可以在主题样式文件中加入以下代码限制图片大小:

    1. .commentlist p img{
    2. :;
    3. }
    4. .commentlist p img{
    5. :expression(document.body.clientWidth> 620? : );
    6. }

    不过使用上述代码,在IE下会使尺寸小的图片也放大,是否使用自己看着办吧。

      © 版权声明
      THE END
      喜欢就支持一下吧
      点赞0 分享
      相关推荐
      评论 抢沙发

      请登录后发表评论

        暂无评论内容