「wp to twitter」のカスタマイズ
wordpress初心者の者です。
「wp to twitter」というプラグインを使っております。
wordpressの記事を投稿するとtwitterに書き出すウィジェットです。
動作は正常にしているのですが、カスタマイズに困っております。
通常は要素を調べて、cssを変更すると、うまくカスタマイズできるのですが、
今回はうまくいきません。
現在、wordpress上のトップページのフッターにウィジェットとして更新記事twitt風にリンク付きで表示させています。
その際、下記のような2つのカスタマイズを行いたいと思っています。
・その際、更新情報毎にtwitterのiconを表示させたい。
・リンク色を変えたい。
ブラウザからその部分の要素を表示させると「li class="lang-und"」、
右窓には「list-style: outside none none;
list-style-type: none;
list-style-image: none;
list-style-position: outside;」
と表示されます。
スタイルシートに「li」タグで指定するとtwitterのicon画像は表示されますが、
当然、ヘッダーメニューなど、余計な箇所にもiconが表示されてしまうので、
「li」に下記のようにクラス指定しましたが、うまく表示されません。
【スタイルシート】
li.twit-icon{
list-style: none;
background: url(http://●●.com/images/Twitter_icon.gif) no-repeat;
}
【phpファイルの一部】
<ul class='tabs' role="tablist">
<?php if ( get_option( 'jd_individual_twitter_users' ) == 1 ) { ?>
<li class="twit-icon"><a href='#authors'<?php echo $pro_active; ?> aria-controls="authors" role="tab" id="tab_authors"><?php _e( 'Tweet to', 'wp-to-twitter' ); ?></a></li>
<?php } ?>
<li class="twit-icon"><a href='#custom' aria-controls="custom" role="tab" id="tab_custom"><?php _e( 'Options', 'wp-to-twitter' ); ?></a></li>
<li class="twit-icon"><a href='#notes'<?php echo $free_active; ?> aria-controls="notes" role="tab" id="tab_notes"><?php _e( 'Notes', 'wp-to-twitter' ); ?></a></li>
</ul>
変更しているファイルまたは箇所が違うのでしょうか？
ご指導いただけたら、たいへん助かります。
情報不十分でしたら、ご指摘ください。
よろしくお願いします。
添付画像のようなイメージのものを作りたいと思ってます。
お礼
ご解答有り難うございます。初心者というわけでないのですが、基本的なことが解らずに今日まできました。教えて戴き有り難うございます。