http://dakkie.com/blog Thu, 17 May 2012 02:07:31 +0000 hourly 1 http://wordpress.org/?v=3.3 http://dakkie.com/blog/css/twitter-widget-customize/#comment-43 ペソリロ Thu, 17 May 2012 02:07:31 +0000 http://dakkie.com/blog/?p=1839#comment-43 ご回答ありがとうございました。 参考になりました。 ご回答ありがとうございました。
参考になりました。

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-42 dakkie Wed, 16 May 2012 14:08:36 +0000 http://dakkie.com/blog/?p=1839#comment-42 ペソリロさん <br> 初めまして、dakkie.comのdakkieです。コメントありがとうございます。 <br> ブラウザを開いた際、最初は真っ白で時間が経つとツイートが表示されるようになるとのことですが、これはJavaScriptの読み込みが完了するのに時間がかかるためです。Twitterのツイートを表示するTwitterウィジェットはJavaScriptを利用しているので、このような現象が起きます。 <br>このTwitterウィジェットのツイート表示がAPIの制限とは関係していないと思いますが、はっきりと確認ができないので、同じ事象であるという判断はできません。 ペソリロさん

初めまして、dakkie.comのdakkieです。コメントありがとうございます。

ブラウザを開いた際、最初は真っ白で時間が経つとツイートが表示されるようになるとのことですが、これはJavaScriptの読み込みが完了するのに時間がかかるためです。Twitterのツイートを表示するTwitterウィジェットはJavaScriptを利用しているので、このような現象が起きます。

このTwitterウィジェットのツイート表示がAPIの制限とは関係していないと思いますが、はっきりと確認ができないので、同じ事象であるという判断はできません。

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-41 ペソリロ Wed, 16 May 2012 09:58:04 +0000 http://dakkie.com/blog/?p=1839#comment-41 はじめまして。 <br> 一つ質問させて下さい。 <br> ブラウザを開いた際、最初は真っ白なのですが、 時間が経つとツイートが表示されるようになります。 <br> Twitter にはアクセスできる回数に制限があるようなので、 短い時間に複数ユーザが何度もアクセスすると 一時的にTwitterの情報を表示できなくなることがあるそうですが、 同じ事象なのでしょうか？ <br> 宜しくお願いします。 はじめまして。

一つ質問させて下さい。

ブラウザを開いた際、最初は真っ白なのですが、
時間が経つとツイートが表示されるようになります。

Twitter にはアクセスできる回数に制限があるようなので、
短い時間に複数ユーザが何度もアクセスすると
一時的にTwitterの情報を表示できなくなることがあるそうですが、
同じ事象なのでしょうか？

宜しくお願いします。

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-40 dakkie Sat, 28 Apr 2012 08:46:37 +0000 http://dakkie.com/blog/?p=1839#comment-40 kssさん <br> 初めまして、dakkie.comのdakkieです。コメントありがとうございます。 <br> 「2．プロフィールウィジェットをカスタマイズする。」では、Twitterのプロフィールウィジェットを表示するためのコードを変更しています。このコードがベースになるので、表示するツイートの数、ウィジェットのサイズや背景、文字、リンクの色などはこの時点で変更をしておきます。 <br> 「3．プロフィールウィジェットをCSSでカスタマイズする。」に掲載しているのは、Twitterのプロフィールウィジェットを表示するためのコード（「2．プロフィールウィジェットをカスタマイズする。」で変更したコード）が自動生成したHTMLタグになりますので、この記述を追加する必要はありません。 このHTMLタグに対してCSSを使って、レイアウトや見栄えを変更します。HTMLタグの内容を変更しているわけではありません。 kssさん

初めまして、dakkie.comのdakkieです。コメントありがとうございます。

「2．プロフィールウィジェットをカスタマイズする。」では、Twitterのプロフィールウィジェットを表示するためのコードを変更しています。このコードがベースになるので、表示するツイートの数、ウィジェットのサイズや背景、文字、リンクの色などはこの時点で変更をしておきます。

「3．プロフィールウィジェットをCSSでカスタマイズする。」に掲載しているのは、Twitterのプロフィールウィジェットを表示するためのコード（「2．プロフィールウィジェットをカスタマイズする。」で変更したコード）が自動生成したHTMLタグになりますので、この記述を追加する必要はありません。
このHTMLタグに対してCSSを使って、レイアウトや見栄えを変更します。HTMLタグの内容を変更しているわけではありません。

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-38 kss Thu, 26 Apr 2012 03:50:50 +0000 http://dakkie.com/blog/?p=1839#comment-38 はじめまして。 twitterウィジェットのカスタマイズで検索していてこちらを拝見しました。 <br> やり方について質問なのですが、 2．プロフィールウィジェットをカスタマイズする。 ではもとの内の記述を変更するということですよね？ そして、 3．プロフィールウィジェットをCSSでカスタマイズする。 の部分ですが、 ここに記述されているhtmlの内容は先程変更したに続いて 記述を追加するということでしょうか？ <br> 初心者でいろいろとわからなくてすみません。 お答えをいただけると助かります。 よろしくお願いいたします。 はじめまして。
twitterウィジェットのカスタマイズで検索していてこちらを拝見しました。

やり方について質問なのですが、
2．プロフィールウィジェットをカスタマイズする。
ではもとの内の記述を変更するということですよね？
そして、
3．プロフィールウィジェットをCSSでカスタマイズする。
の部分ですが、
ここに記述されているhtmlの内容は先程変更したに続いて
記述を追加するということでしょうか？

初心者でいろいろとわからなくてすみません。
お答えをいただけると助かります。
よろしくお願いいたします。

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-37 WordPressにプラグインなしでtwitterウィジェットを表示する – ateitexe Thu, 29 Mar 2012 03:52:18 +0000 http://dakkie.com/blog/?p=1839#comment-37 [...] Twitter ウィジェットをカスタマイズする。 – dakkie [...] [...] Twitter ウィジェットをカスタマイズする。 – dakkie [...]

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-31 ぴの Mon, 06 Feb 2012 10:14:00 +0000 http://dakkie.com/blog/?p=1839#comment-31 わざわざご丁寧にどうもありがとうございました。 さっそく試してみたいと思います(^O^)! わざわざご丁寧にどうもありがとうございました。
さっそく試してみたいと思います(^O^)!

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-30 dakkie Sun, 05 Feb 2012 14:28:36 +0000 http://dakkie.com/blog/?p=1839#comment-30 ぴのさん <br> 初めまして、dakkie.comのdakkieです。コメントありがとうございます。 <br> ご質問にお答えするために<a href="http://dakkie.com/blog/css/twitter-widget-customize-for-fc2-blog/" rel="nofollow">「FC2ブログにカスタマイズしたTwitter ウィジェットを表示する。」</a>という記事を書きましたので、ぜひご覧ください。もしまた上手くいかないようでしたら、お気軽にコメントしてください。 ぴのさん

初めまして、dakkie.comのdakkieです。コメントありがとうございます。

ご質問にお答えするために「FC2ブログにカスタマイズしたTwitter ウィジェットを表示する。」という記事を書きましたので、ぜひご覧ください。もしまた上手くいかないようでしたら、お気軽にコメントしてください。

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-28 ぴの Thu, 02 Feb 2012 04:46:14 +0000 http://dakkie.com/blog/?p=1839#comment-28 はじめまして。 <br> 当サイトの左カラムにあるTwitterのウィジェットが気に入り、 こちらの記事から真似してみようと試みたのですが、 なかなかうまく行かないので質問させて下さい。 <br> 私のサイトはホームページではなくブログ(fc2)なのですが これをどのように応用すればカスタマイズできるようになるかご存知ですか？ <br> ブログなのでプラグインを用いることになるのですが、 フォントが変わってくれないことと、下の時間やリツイートなどを 表示しているところに枠がついてしまうなどうまくいきません。 <br> お手数をおかけしますがもしご存知でしたら教えて下さい。 <br> 宜しくお願いします。 はじめまして。

当サイトの左カラムにあるTwitterのウィジェットが気に入り、
こちらの記事から真似してみようと試みたのですが、
なかなかうまく行かないので質問させて下さい。

私のサイトはホームページではなくブログ(fc2)なのですが
これをどのように応用すればカスタマイズできるようになるかご存知ですか？

ブログなのでプラグインを用いることになるのですが、
フォントが変わってくれないことと、下の時間やリツイートなどを
表示しているところに枠がついてしまうなどうまくいきません。

お手数をおかけしますがもしご存知でしたら教えて下さい。

宜しくお願いします。

]]> http://dakkie.com/blog/css/twitter-widget-customize/#comment-27 dakkie Sat, 28 Jan 2012 05:50:39 +0000 http://dakkie.com/blog/?p=1839#comment-27 ひろぽんさん <br> 初めまして、dakkie.comのdakkieです。コメントありがとうございます。 <br> CSSは上から順に記述したフォントサイズや色などを読み込んでいくので、同じid名やclass名に対して最初に記述した場所より下に記述してあれば、下に記述したほうが優先されて上書きされます。 なので、Twitterウィジェット独自のCSSを上書きするために、HTML本文の記述が終わる</body>タグの直前に下記のようにCSSを読み込ませています。このページのソースを見てもらえるとわかるかと思います。 <br> <link rel="stylesheet" type="text/css" href="http://dakkie.com/blog/wp-content/themes/dakkie_blog/css/common.css" media="all" /> <br> common.cssは下記のような記述になっています。 <br> /* -------------------------------------------------- Twitter -------------------------------------------------- */ .twtr-widget { font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", Verdana, Helvetica, sans-serif !important; font-size: 93% !important; -webkit-text-size-adjust: none; /* for iPhone */ line-height: 1.7 !important; word-break: break-all; } <br> .twtr-widget .twtr-tweet-wrap { padding: 6px 0; } <br> .twtr-widget .twtr-tweet { border-bottom: 1px solid #cccccc; } <br> .twtr-widget h3, .twtr-widget h4, .twtr-widget p { line-height: 1.7 !important; } <br> .twtr-hd, .twtr-ft { display: none; } <br> .twtr-doc a:hover { text-decoration: none !important; } ひろぽんさん

初めまして、dakkie.comのdakkieです。コメントありがとうございます。

CSSは上から順に記述したフォントサイズや色などを読み込んでいくので、同じid名やclass名に対して最初に記述した場所より下に記述してあれば、下に記述したほうが優先されて上書きされます。
なので、Twitterウィジェット独自のCSSを上書きするために、HTML本文の記述が終わるタグの直前に下記のようにCSSを読み込ませています。このページのソースを見てもらえるとわかるかと思います。

<link rel="stylesheet" type="text/css" href="http://dakkie.com/blog/wp-content/themes/dakkie_blog/css/common.css” media="all" />

common.cssは下記のような記述になっています。

/* ————————————————–
Twitter
————————————————– */
.twtr-widget {
font-family: “Hiragino Kaku Gothic ProN”, “ヒラギノ角ゴ ProN W3″, “Meiryo”, “メイリオ”, Verdana, Helvetica, sans-serif !important;
font-size: 93% !important;
-webkit-text-size-adjust: none; /* for iPhone */
line-height: 1.7 !important;
word-break: break-all;
}

.twtr-widget .twtr-tweet-wrap {
padding: 6px 0;
}

.twtr-widget .twtr-tweet {
border-bottom: 1px solid #cccccc;
}

.twtr-widget h3, .twtr-widget h4, .twtr-widget p {
line-height: 1.7 !important;
}

.twtr-hd, .twtr-ft {
display: none;
}

.twtr-doc a:hover {
text-decoration: none !important;
}

]]>