「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>

変更しているファイルまたは箇所が違うのでしょうか？
ご指導いただけたら、たいへん助かります。
情報不十分でしたら、ご指摘ください。
よろしくお願いします。

添付画像のようなイメージのものを作りたいと思ってます。

回答No.1

兼元 謙任（@kanekaneto） · ベストアンサー

以前、Webデザインをやっていましたが。いまは、ディレクションにまわっていて、ソースの細かなところは見られませんが…

こちら参考になるかもです。

"WP to Twitterのデザインのカスタマイズについて"
https://ja.forums.wordpress.org/topic/157660

関連でこちらも

"WP to Twitter プラグインでカスタム投稿タイプの記事をTwitter 連携する方法など"
http://www.imaginationdesign.jp/blog/wordpress/3533/

「WP to Twitter 」はソーシャル連携20選にも選ばれてますね～

"ソーシャルメディア連携に役立つWordPressプラグイン20選"
http://netaone.com/wp/wordpress-sns-plugin/#Twitter

他にもこれなどはいかがでしょうか

"WordPressとツイッターを連携させて更新をツイートする「Simple Tweet」"
http://wp-navi.net/customize/wordpress-plugin-tweet/

その他の関連情報を

"PHPとcount.jsoonを用いてTwitterのシェア数を取得するWordPressカスタマイズ方法"
http://nelog.jp/php-and-count-jsoon

"30分で出来る！WordPress簡単カスタマイズ方法 Part.1（全5回）～整理と準備編～"
http://knowledge.sakura.ad.jp/beginner/713/

"WordPress（ワードプレス）カスタマイズの基本！初心者必読のテーマ・テンプレートやウィジェット等のカスタマイズ"
http://viral-community.com/wordpress/wordpress-customize-4986/

よい画面がデザインできますように。

"wordpress プラグインに関する質問・悩み・回答・方法"
http://sp.okwave.jp/search?word=wordpress%20%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3

参考になれば幸いです。

お礼

フォーラムの記事がとても参考になりました。
その他、初心者の私に参考になる記事をいくつかご紹介くださり、
ありがとうございました。
おかげさまで、投稿毎にiconを表示させることができました！
ご協力感謝します。