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/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;
}

Wordpress Jetpack共享按钮显示有趣的自定义主题

2 个答案: