| BBS | COMMENT | TRACKBACK | CATEGORY | LINKS | ARCHIVE | GALLERY |
TOTAL PV
Twitter埋め込みタイムラインのカスタム
あとで読むはてなブックマーク - Twitter埋め込みタイムラインのカスタム | 2016年04月22日(金) | 0 | 0 | 記事編集
なんとか対処完了 一ヶ月半くらい前からでしょうか…

ブログのサイドバーに表示させてあった
Twitter公式ウィジェットの表示が

埋め込みタイムラインが…汗
こんな風に(^^;

フォントや文字色・大きさ等
サイトに合わせてカスタマイズしてあった設定が解除されてしまいました。。

おそらくTwitter側の仕様変更によるものなんでしょうけど…

今までブログのスタイルに合わせて設置してあったんで
【参考記事】
Twitter公式ウィジェットのカスタマイズ | ひいろんBLOG
かなり気になりながらも修正方法もわからず…
見て見ぬフリ(爆)って感じで、モヤモヤしていました。。

いっその事外してしまおうかとも思いましたが…


なんとか対処策を模索してみました。。


色々調べてみて辿り着いた先は

ITハットさんの記事

CSSとJS/jQueryでTwitter埋め込みタイムラインのデザインをカスタマイズする | ITハット

毎日インスピレーションを受けるため、ハイクオリティーなWebサイトを探すのが日課になっています。そこで、もったいないなと思うのがTwitterタイムラインウィジェットが白く、浮いてしまっているということです。せっかく、美しいデザインのサイトなのにTwitterウィジェットで台無しになってしまっていました。そこで、今回はTwitterウィジェットを自由にカスタマイズする方法を紹介します。

でした。。

Javascriptを使ってTwitterウィジェットである iframe が読み込まれたら head 内に style.css を読み込ませる処理をさせるって方法だそうです。。

読み込ませるCSSファイルですが
ひいろんはテンプレ編集をする上で楽なようにテンプレートと同一のCSSファイルにしました。。
(独自タグ{site_css}を使用)

んでもって…

ごにょごにょとカスタマイズした結果…


なんとか対処完了

なんとか元の様な形にすることが出来ました(^^


CSSをいじってるウチに気付いたんですけど。。


今回の件について…
単にTwitter側のclass定義が変わったのが原因らしく。。


今まで利用していた方法
でもclass修正だけで良かったのかもしれません。。
(同じく外部CSS読み込む形でも可能な方法みたいなんで…爆汗)





と…とりあえず、無事に修正出来たんで良しとします(^^;
2016年04月22日(金) 15:51 | ネット > 改造メモ | 0 | 0 | 記事編集
  • コメント[0]
  • Facebookコメント
  • はてブコメント
  • blogcircleコメント

まだこの記事へのコメントはありません。

コメントする

icons:

 
トラックバック

まだこの記事へのトラックバックはありません。

ランキング参加中:応援(クリック)よろしくお願いします
  ブログランキング・にほんブログ村へ ブログ王ランキングに参加中! .*:゚(・ω・人)゚:*.
【ネット > 改造メモ】の最新記事
FaceBookページ応援よろしくおねがいします〜(^▽^
ひいろん
  • 【ひいろん】
  • 性別:おっさん
  • 住所:静岡県
  • 愛車:400R