WordPress喷气背包共享按钮在自定义主题上显示有趣


Wordpress Jetpack sharing buttons displaying funny on custom theme

我目前有一个自定义主题博客在安装了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;
}