こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

-広告-

解決済みの質問

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

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

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

投稿日時 - 2016-01-05 21:48:36

QNo.9106678

困ってます

質問者が選んだベストアンサー

以前、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

参考になれば幸いです。

投稿日時 - 2016-01-13 11:17:40

お礼

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

投稿日時 - 2016-01-13 23:27:46

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

-広告-
-広告-

回答(1)

-広告-
-広告-
-広告-
-広告-