短代码无法正常工作

时间:2013-07-11 08:08:37

标签: html css wordpress function shortcode

我创建的短代码不再正常工作。昨天它工作正常我设法使用它。

基本上我创建的短代码是lightbox javascript,其中如果你点击缩略图它会变大。

以下是问题的图片

http://i255.photobucket.com/albums/hh140/testament1234/broken_zps2bdc406b.jpg

这是指向页面的链接

http://chrisadebahr.com/my-beautiful-family/

基本上,Mozilla显示的是一个灰色的盒子容器,而在谷歌浏览器和IE浏览器上显示的是一个破碎的图像图标。

我很肯定昨天测试时短代码工作正常。不确定它是否与wordpress有关

的functions.php

这是我的functions.php中的代码

//Gallery Shortcode 2
function short_gallery($atts, $content = null) {
extract(shortcode_atts(array(), $atts));
return '<div class=" gallery_box"><div class="inner_gallery"><a class="fancybox" href="'.$content.'"><img src="'.$content.'"/></a></div></div>';
}
add_shortcode("gallery", "short_gallery"); 

CSS

这是我造型中的代码。

/*GALLERY SHORTCODE STYLES*/
.gallery_box{background-color:#E8ECEF; float:left; margin:0px 20px 20px 0px; width:250px; height:200px; overflow:hidden; border:5px solid #E8ECEF;  }
.inner_gallery img{max-width : 370px; max-height : 370px;}

短代码易于使用。例如

[Gallery]http://chrisadebahr.com/wp-content/uploads/2013/07/ESL-Heat.jpg[gallery]

1 个答案:

答案 0 :(得分:1)

没关系,我设法消除了错误。问题是用户在短代码中留了一些空格。有点恼火,说实话。一个简单的空间造成了巨大的问题。例如

[gallery]     url     [/gallery]

为了使其正常工作,必须

[gallery]url[/gallery]. 

短代码中没有空格。我的下一个问题是如何消除这种问题,其中用户不小心在短代码中做了一些空格