作成したショートコードが正しく機能しなくなりました。昨日は問題なく使用できました。
基本的に私が作成したショートコードはライトボックス JavaScript で、サムネイルをクリックすると大きくなります。
問題の画像はこちら
http://i255.photobucket.com/albums/hh140/testament1234/broken_zps2bdc406b.jpg
ページへのリンクはこちら
http://chrisadebahr.com/my-beautiful-family/
基本的に、mozilla では灰色のボックス コンテナが表示されますが、Google chrome と IE では壊れた画像のアイコンが表示されます。
昨日テストしたところ、ショートコードが正しく機能していたことは確かです。ワードプレスと関係あるかは不明
関数.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]