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

【问题标题】：Wordpress Jetpack sharing buttons displaying funny on custom themeWordpress Jetpack 共享按钮在自定义主题上显示有趣
【发布时间】：2012-06-20 21:41:03
【问题描述】：

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

【问题讨论】：

共享选项，它们是否在任何 HTML 结构中，作为一个列表？
是的，它们是
格式的。我不知道它是否是
- 的事情。

【解决方案1】：

好吧，原来我遗漏了一行非常重要的代码来使插件能够正常工作。

<?php wp_footer(); ?>

这必须紧跟在</body> 标记之前才能工作。

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

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

希望对您有所帮助。

【讨论】：

【解决方案2】：

例如（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;
}

【讨论】：

是的，我试过了，但是图像没有显示。尤其是 Gogole+ 那个，应该有一个 G+ 图标和分享帖子的人数。
尝试修改 CSS（扩大区域的宽度或高度）以检查图像是否存在。
没用。 Jetpack 应该立即为您定制它，无需任何大量调整，就像我在答案中学到的那样。