確認事項などは下の投稿を参考にされることをお勧めします。
WordPress › フォーラム » 問題解決のためのチェックリスト
おそらくですが、以下のようなCSSを追加されることで対応できるのではないかと思います。
.lang-und{
display:none;
}
ご回答ありがとうございます。
上記のCSSを追加しましたら、リンクの付いた記事のみ表示されなくなりました。
反応はしてますが、解決には至ってません。
ちなみに以下のようなCSSを使ってますが、反応しません。
「ul」のみにすると反応しますが、当然ページの他の部分も影響してしまいます。
ul.icon{
list-style: none;
background: url(http://●●●.com/images/Twitter_logo.gif) no-repeat;
}
こんにちは、9-taro さん。
これは CSS のお話で WordPress はあまり関係がないのですが、Google Chrome などのDeveloper tool で、WP to Twitter が吐き出す HTML と HTML に付与されている CSS の Class 名を確認することをオススメします。
ul.icon を記述しても反映されてない理由は、WP to Twitter が吐き出す HTML の ul タグに icon という Class 名が付与されていないためです。また、li タグに付与されている lang-und という Class の und 部分は、ツイートの言語によって変化します。例えば日本語の場合、lang-ja という Class が付与されます。そのため、言語毎にデザインを変更するという場合以外、この Class に頼ってデザインを変更することはオススメできません。
また、WP to Twitter には 2 つのウィジェットがありますが、最新のツイートを表示するウィジェットには wpt-latest-tweets、語句を検索して検索結果のツイートを表示するウィジェットには wpt-search-tweets という Class が、ウィジェットを梱包している HTML に付与されています。この 2 つの Class を利用すれば、目的を達成できると思います。
/**
* WP to Twitter の Wrapper
*/
.wpt-latest-tweets {}
/**
* ウィジェットのタイトル
*/
.wpt-latest-tweets .widget-title {}
/**
* ツイートアカウントのアイコンやフォローボタンが表示されている header部分
*/
.wpt-latest-tweets .wpt-header {}
.wpt-latest-tweets .wpt-header p {}
.wpt-latest-tweets .wpt-header .wpt-twitter-name {}
.wpt-latest-tweets .wpt-header .wpt-twitter-avatar {}
.wpt-latest-tweets .wpt-header .wpt-twitter-id {}
.wpt-latest-tweets .wpt-header .wpt-twitter-id a {}
/**
* ツイートのリスト
*/
.wpt-latest-tweets ul {}
.wpt-latest-tweets li {}
.wpt-latest-tweets .lang-*** {}
.wpt-latest-tweets .wpt-tweet-time {}
.wpt-latest-tweets .wpt-tweet-time a {}
.wpt-latest-tweets .wpt-intents-border {}
/**
* リプライ・リツート・ファボボタン
*/
.wpt-latest-tweets .wpt-intents {}
/* リプライボタン */
.wpt-latest-tweets .wpt-intents .wpt-reply {}
.wpt-latest-tweets .wpt-intents .wpt-reply span {}
.wpt-latest-tweets .wpt-intents .wpt-reply .reply-text {}
/* リツートボタン */
.wpt-latest-tweets .wpt-intents .wpt-retweet {}
.wpt-latest-tweets .wpt-intents .wpt-retweet span {}
.wpt-latest-tweets .wpt-intents .wpt-retweet .retweet-text {}
/* ファボボタン */
.wpt-latest-tweets .wpt-intents .wpt-favorite {}
.wpt-latest-tweets .wpt-intents .wpt-favorite span {}
.wpt-latest-tweets .wpt-intents .wpt-favorite .favorite-text {}
分かりやすいように、Class を深くしていますが、上記に適当にスタイルをあてていただければ大丈夫だと思います。
CSS を変更する時は、プラグインの CSS ファイルを変更するのは NG です。使用テーマの CSS ファイルに記述するか、Jetpack などカスタム CSS を追加できるプラグインを使用するようにしてください。
KUCKLU 様
こんばんは。
この度は私の分かりにく質問にも関わらず、親切丁寧にご回答くださり、本当にありがとうございまいした。
>これは CSS のお話で WordPress はあまり関係がないのですが、Google Chrome などのDeveloper tool で、WP to Twitter が吐き出す HTML と HTML に付与されている CSS の Class 名を確認することをオススメします。
普段、fire foxを使用してました。これからは「Google Chrome」を使うようにします。
> ul.icon を記述しても反映されてない理由は、WP to Twitter が吐き出す HTML の ul タグに icon という Class 名が付与されていないためです。また、li タグに付与されている lang-und という Class の und 部分は、ツイートの言語によって変化します。例えば日本語の場合、lang-ja という Class が付与されます。そのため、言語毎にデザインを変更するという場合以外、この Class に頼ってデザインを変更することはオススメできません。
「wp-to-twitter.php」というファイル上に<ul class”icon”>を追加しましたが、反映されませんでした。
全然、関係ない場所だったみたいです（笑）。lang-und、lang-ja、lang-enの3種類をクラスにしてカスタマイズしようとしていました。これは利用しないことにしました。
>CSS を変更する時は、プラグインの CSS ファイルを変更するのは NG です。使用テーマの CSS ファイルに記述するか、Jetpack などカスタム CSS を追加できるプラグインを使用するようにしてください。
これは初めて知りました。そうだったんですね。すごく勉強になりました。
ご指摘の通りcssを変更したら、すべて問題なくカスタマイズできました。
最近、この作業に時間を取られていたため、本当に助かりました。
また、質問の機会があった際、お世話になるかもしれません。
その時はよろしくお願いいたします。
的確なアドバイス、本当にありがとうございました！
