我目前有一个自定义主题博客在安装了Jetpack的wordpress上运行。
我启用了共享,并将各种社交网站共享服务拖到"启用设置"部分(Facebook,Twitter,Google+,Digg等)。
但是,在我的自定义博客上,共享按钮按列出的顺序显示,没有任何共享图标(仅文本)。
这意味着我的共享栏如下所示:
A Blog Post
DD/MM/YY
blah blah blah blah blah
> Facebook
> Twitter
> (This is empty, its supposed to be Google+ here)
> Digg
> Etc
Posted in Uncategorized
有谁知道在 Jetpack 中显示这些共享图标的默认 CSS,还是我做错了什么?
对,事实证明我遗漏了一行非常重要的代码来使插件能够工作。
<?php wp_footer(); ?>
这必须包含在紧挨着</body>
标签之前才能使其正常工作。
我没有包含它,因此它破坏了插件系统,使我启用的任何插件都变得无用。
一旦你把它放在正确的位置,Jetpack应该清楚地显示出来,你只需要稍微调整(字体大小,边距等)就可以将其吸收到Wordpress中。
希望有帮助。
>例如(http://css.maxdesign.com.au/listamatic/horizontal02.htm):
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
CSS
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}