php - Wordpress Jetpack 共享按钮在自定义主题上显示有趣

Question

我目前在安装了 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，还是我做错了什么？

Answer 1

是的，事实证明我遗漏了一行非常重要的代码来使插件能够工作。

<?php wp_footer(); ?>

必须在标签之前立即包含</body>它才能使其工作。

我没有包含它，因此它破坏了插件系统，使我启用的任何插件都变得无用。

一旦你把它放在正确的地方，Jetpack 应该会清楚地显示出来，你只需要稍微调整（字体大小、边距等）就可以将它吸收到 Wordpress 中。

希望有帮助。

Answer 2

例如（http://css.maxdesign.com.au/listamatic/horizo​​ntal02.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;
}