去除WordPress原生相册中的样式代码控制

从WordPress 2.5版本开始,我们便能够方便地在正文中插入其内置的原生相册(调用说明),但同时它也会在文章中自动插入对相册样式控制的CSS代码。当然这样会让我们的相册看起来漂亮点,但是,这样会让WordPress中带有相册的页面不能通过XHTML 1.0认证。

要去除WordPress自动插入的相册样式代码,我们需要在functions.php文件中加入如下代码:

########################################################
#      去除WordPress自动插入原生相册样式代码
########################################################
function remove_css_gal() {
return "\n" . '<div class="gallery">';//ici vous pouvez changer de classe
}
add_filter( 'gallery_style', 'remove_css_gal', 9 );

当然你可以把上面的代码做成插件使用,这个就不那么重要了。使用上面代码后,再次查看带有相册的页面的源代码,是不是已经发现原来的这段自动插入的代码不见了?

<style type='text/css'>
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<!-- see gallery_shortcode() in wp-includes/media.php -->

最后别忘记在你的style.css文件中重新加上被去掉的代码,否则,the sky will fall on your head icon wink 去除WordPress原生相册中的样式代码控制

分类:WordPress;标签:, ;收藏本文的永久链接

17 Responses to “去除WordPress原生相册中的样式代码控制”

  1. Francis 回复此留言 2008/09/15 05:15 #comment-3054

    W3C认证?
    如果要严格按照那个,貌似很少有WP可以完全通过的。

    代码不能太完美,浏览器能正常解析即可啊。

  2. Chada 回复此留言 2008/09/15 08:03 #comment-3057

    调用摘要也不能通过XHTML认证,不过我那主题问题太多了,都懒得去修正了,咔咔,因为做的都是无用功。

  3. Dreamcolor 回复此留言 2008/09/15 06:41 #comment-3056

    这两天也正好在看这咕噜代码。没研究明白是根据什么调用的这段代码。我用一个空的样式表,让博客页面显示为无样式表的形式。然后在日志中插入 Gallery 后,再查看页面代码。里面也没包括这个自动插入的样式表代码。

  4. stephen 回复此留言 2008/09/15 08:31 #comment-3058

    没有怎么使用Wordpress相册的功能~~以后博客上的图片可能都外链算了。
    但目前还是放空间里面,等流量大了再说~~

  5. Jinwen 回复此留言 2008/09/15 09:14 #comment-3059

    @Dreamcolor: 没看到代码?你可以查看这个例子页面中的源代码,就能看到自动插入的那一些样式了。

  6. Jinwen 回复此留言 2008/09/15 09:16 #comment-3060

    @Chada: 呵,我的主题也是,要很多修正才行,暂时也不理它们了。
    @stephen: 也是,用外链也省心。

  7. stephen 回复此留言 2008/09/15 09:46 #comment-3061

    @Jinwen: 但是要找一个合适自己使用的外链就比较头疼~~~
    PS:我这两天看你主题变化很大啊~不过是变好看了~细节在不断的优化~呵呵,真的是很有心思的人~~

  8. Jinwen 回复此留言 2008/09/15 09:48 #comment-3062

    @stephen: 因为这是CMS用的,之前那款正常版本的,我打算发布出来,不过要看大家反映如何 :)

  9. 拒绝虫 回复此留言 2008/09/16 03:32 #comment-3063

    能不能做一个页面直接展示自己的相册啊?

  10. shamas 回复此留言 2008/09/16 11:35 #comment-3066

    这是现在的样子,这是以前的样子

  11. Jinwen 回复此留言 2008/09/16 09:06 #comment-3064

    @拒绝虫: 是可以的。简单说,制作一个页面模板,先用文章质疑在指定页面显示指定的相册分类文章,并仅保留标题及一些信息;然后利用自定义域为相册的文章添加图片作为封面;最后就是通过编辑样式控制显示效果了。
    上面这些技巧在本站也有说明,你看着试试看吧。

  12. shamas 回复此留言 2008/09/16 11:32 #comment-3065

    学习了,顺便想请教您一个问题:我以前在日志里面插入相册时,自动一行三列,没有设任何参数就是按默认的,可是现在情况突变了,插入相册都变成单列了,设三列设四列都不起作用,不知是什么原因。我也没动过别的,以前发的还是正常的

  13. shamas 回复此留言 2008/09/16 11:39 #comment-3067

    怪事,现在好了,难不成是CSS问题

  14. Jinwen 回复此留言 2008/09/16 11:43 #comment-3068

    @shamas: 呵,折腾啊。正常就好了。

  15. daniel 回复此留言 2010/01/21 15:50 #comment-12405

    被找到了,自带的样式好像不兼容...还是不要了吧!

  16. lionshuang 回复此留言 2010/12/14 00:31 #comment-16766

    求助!我的博客,插入相册,每行三列,相册7张图片,最后一张不是150×150px,而是290px,我不懂该从哪里着手修改。效果见博客链接:
    http://www.lionshuang.com/xt701%E6%8B%8D%E6%91%84%E7%9A%84%E7%B4%A0%E6%8F%8F%E6%95%88%E6%9E%9C%E7%85%A7%E7%89%87.html


The trackbacks and pingpacks: