1

私は現在、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を知っている人はいますか、それとも私は何か間違ったことをしていますか？

4

2 に答える 2

2

そうです、プラグインを機能させるための非常に重要なコード行を省略したことがわかりました。

<?php wp_footer(); ?>

</body>タグを機能させるには、タグの直前にこれを含める必要があります。

私はそれを含めなかったので、プラグインシステムを壊し、私が有効にしたプラグインを役に立たなくしました。

適切な場所に配置すると、Jetpackがはっきりと表示され、Wordpressに同化するためにわずかな調整（フォントサイズ、余白など）が必要になります。

お役に立てば幸いです。

于 2012-06-20T13:41:03.830 に答える
0

例（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;
}
于 2012-05-29T15:16:12.140 に答える