トレンドツイートトルネードで抽出したツイートをふきだし風に装飾する方法(TTTカスタマイズ)

TTTテーマを使ってTwitterまとめサイトを作ると、どうしても同じようなデザインになってしまいますよね?

少しでもサイトを訪れた人に興味を持ってもらうためにデザインを差別化したい!そんな方のためにツイートをふきだし風に装飾する方法を紹介します。

※注意 カスタマイズする際は必ずバックアップを取った上、自己責任で行ってください。万が一トラブルが発生しても当サイトで責任は負いかねますのでご了承ください。

 


 

トレンドツイートトルネードでこのようなデザインのふきだしが作れます!

試しに「CSS デザイン」でツイートを抽出してみました。

私がこのウェブ屋さんの世界に魅了されたのは、アメブロのカスタマイズcssがわからなくて @eve3v さんにbackdround-imageの書き方を教えてもらったことがきっかけw BcLの壁紙を背景に設定できた時の喜びは今でも忘れない( ;∀;)

打ち合わせで昼休憩が飛んだのと、週末の勉強会が新型ウイルス対策で中止になったので、個人サイトの続きは週末に持ち越し。 代わりにカスタマイズCSSで苦戦していたwordpress案件終わらせたー! #たぶん1up

よし、#今日の積み上げ 完了です😌 Progate ☑️HTML&CSS道場コース初級編 ☑️JavaScript Ⅲ 今日は久々に図書館で作業したからか、タスクが少ないとはいえ、昨日よりも早く終われた気がします。 あと昔にC言語していたのと、最近WordPressテーマのカスタマイズをしたのが、わりと効果あるなと感じます

test ツイッターメディア - よし、#今日の積み上げ 完了です😌
Progate
☑️HTML&CSS道場コース初級編
☑️JavaScript Ⅲ

今日は久々に図書館で作業したからか、タスクが少ないとはいえ、昨日よりも早く終われた気がします。

あと昔にC言語していたのと、最近WordPressテーマのカスタマイズをしたのが、わりと効果あるなと感じます https://t.co/PpkSNUnmmf

CSS…なかなか難しいけど、カスタマイズが反映されるとうれしいですよね♪ワードプレスの記事も楽しみにしています(*^-^*) / 他9件のコメント b.hatena.ne.jp/entry/s/www.ku… “はてなブログの記事横幅・固定ページ横幅の変更は余白調整で解決 - くうかんしんぷるライフ” (14 users) htn.to/49gXfaLmC8

ワードプレスのカスタマイズにカスタムHTMLというものがあって、HTML書いて追加CSSでCSS書くとトップページでも割と好きなようにデザインできることを知りました💡 #駆け出しエンジニア

分からなくて手が止まる!Wordpressの子テーマカスタマイズ難しすぎ! cssで変更は簡単で便利、でもゴリ押しで変更するよりphpファイルを触りたい時がある…難しい…どのファイルか辿り着くのも悪戦苦闘。でも先生はすぐ探せてる。早く先生みたいに対処できるようになりたい! #プログラミング学習

初めて、知った。 JSカスタマイズや、CSSカスタマイズのファイルUPロード数って各30個までなんですね。 ファイルを機能ごとに分けてたのでこれはヤバイ。 #kintone

#Wordpress でのカスタマイズ】 ワードプレスをやる前は、 「htmlと、cssはできた方が良い」 って聞いていた。 やってみると、言っていることが分かった。 やはり「知ってる、知らない」で作業に 大きな差が出てくる。 だから、プログラミングやっててよかったと思う。 修正箇所がわかるから。

また遅くなっちゃったけど、昨日は ✅プログラミングメンターの打ち合わせと研修 ✅HTML, CSSの勉強(0-4章) ✅WordPressカスタマイズ しました~💓 #今日の積み上げ #駆け出しエンジニア #プログラミング初心者と繋がりたい

#今日の積み上げ #16日目 ☑️通勤中”【保存版】Webフロントエンド基礎力(初心者向け)”を読む(知らんやついっぱいある使いたい~) ☑️ #Progate HTML&CSS中級編修了 次はドットインストールで作ったようなプロフィールサイトを一からカスタマイズしてみようと思う #駆け出しエンジニアと繋がりたい

トレンドツイートトルネードのツイートをふきだしにするためのCSS

TTTのツイートをふきだしにするには、カスタマイズ画面の追加CSSに以下のコードを記述してください。

これで、ツールを使ってツイートを抽出した無機質なイメージから、
アイコンがしゃべっているような生き生きしたイメージに代わるのではないでしょうか?

ぜひ、サイトを差別化したい人は試してみてくださいね。