让微博插件的输出通过w3c验证

前两天推荐强大的wordpress微博插件,如果从小工具里添加到侧边栏的话,那么就无法通过w3c验证,虽然插件有提供高级应用:在任何地方显示微博使用自定义样式表与 JS 脚本,但是对于我们这些新手来说,无论你如何调用,最终还是不会按主题的样式输出,当然,并不是所有主题都会这样,这里只是分享一下我的方法,对于新手来说,既可以通过w3c验证,又可以和主题的侧边栏样式吻合。
我的方法是这样的,在无数次尝试插件作者所给出的函数调用样式方案后,发现输出的样式没有达到理想的效果,标题内容不是没有换行,就是行与行之间没有间距,这样看起来很别扭,不过如果你是通过小工具那里调用的话,那么又显示正常,于是我开始调用侧边栏小工具,接着看那段微博插件输出的代码,直接将代码粘帖到侧边栏代码里,然后进行修改。
例如本站常规侧边代码是这样:
<li class="widget">
<h3>我的微博</h3>
<ul>
内容标题列表
</ul>
</li>
按照插件作者的样式调试,应该是这样:
<li class="widget">
<h3>我的微博<h/3>
<?php wm_tweet('count=4&list_wrapper=&tweet_wrapper=<ul>%s</ul>&tweet_format=[text][rt] <a
href="[tweet_url]">[time]</a>&pic_format=&rt_pic_format&rt_format=');
?>
</li>
如果有错,希望批评指正。
就算我如何改变代码在ul之间,内容标题列表始终效果不行,于是无赖之下,使用像我们这种新手的毛方法,代码应该是这样:
<li class="widget wm_show">
<h3>我的微博</h3>
<div class="mwrapper" id="mwrapper-wm_show-4">
<div class="mcontainer">
<ul class="microblogs">
<?php wm_tweet('count=4&list_wrapper=&tweet_wrapper=<li class="tweet">%s</li>&tweet_format=[text][rt] <span class="meta"><a href="[tweet_url]">[time]</a></span>&pic_format=&rt_pic_format&rt_format='); ?>
</ul>
</div>
</div>
</li>

也就是按部就班,完全按照插件的兼容式代码加以修改,最终才成功,这下侧边美观了,w3c也通过验证了。
题外话:小工具里调用的话,有个功能我很喜欢,就是可以勾选js输出,不让搜索引擎收录,不过我以前实验过,就算js输出,里面的内容还是会被收录的。


分类:网络博客 标签:,

已经有2条评论!

 

Loading...
  1. 很牛,自己写。支持!

    沙发!
  2. 代码不错。

    板凳!

怎么样?你也说一句吧!

gravatar

汗 色 悲 闭嘴 调皮 笑 惊 亲 雷 馋 晕 酷 奸 怒 狂 萌 吃 贪 囧 羞 哭