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

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

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

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

 


 

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

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

curlで取得できてるけど、ローカルに置いても読み込み完了しないから、cssとかカスタマイズしたテーマ周りでなんかupdateしたのがバッティングしてるんだろな

【カスタマイズ】 ★FAQのセクションを追加 (Components>collapse>according exampleを使用) ★ページ全体のfont-familyの変更 (style.cssに記述) DAY 13 Bootstrap復習①:自力でBootstrapサイトを作ってみよう ー Web制作コース初級編 daily-trial.com/lessons/web_si… #デイトラ #30DAYSトライアル

#今日の積み上げ ✅WordPressテーマ作成 ✅HTML,CSS,PHP 最終段階ですね。😊 問題なければサーバにアップします。 プラグインのカスタマイズに挑戦してしまったために、結構長い時間が掛かりましたが、挑戦してみてよかったなと、自信にもなりました。 さて、次はSassです。

@jackumagic まず、ブログデザインをCSSカスタマイズできるデザインに変え、ヘッダー画像を入れ、全体の文字の色・フォントを変えた はずだったんだけど、開き直したら 保存されてない……だと?!?! と一回なって、とりあえずやり直してみたけど、また開き直すの怖すぎて自己満で終わってる😇

@Uto79101145 私はGoogleで単語を調べた場合にほぼ調査メモを残していますよ😊 色々なツールを使いましたが、私の圧倒的オススメはScrapBoxです! メモ同士のリンクが非常に簡単に作れるのとCSSでカスタマイズできるところが魅力です😉

@2525suman ほんとですね🐰‼️ 無料なのに進化し続けてくれるし cssの知識があれば 自分でカスタマイズもしやすいし まだまだcocoonでやっていこうと思います🔥⤴️

コーディングひと段落! ハンバーガーメニューのカスタマイズに悩まされ、私のコーディング力もまだまだだなと実感🙇💦 コピペに頼りすぎてもだめだなと反省しましたが、こういうページを見つけてしまうとついついブクマしてしまいます🥺 #駆け出しエンジニアと繋がりたい webdesignfacts.net/entry/css-draw…

はてなブログ➡️ワードプレスJIN 移行を考えている方へ カエレバ使うならamazlet風-2(cssカスタマイズ用)を使っておくべし❗️ そのままキレイに表示されます。 違うデザイン設置してたのでデザイン崩れまくり。 あ〜もっと早くに知っておきたかった😱😭😱😭 すべて設置仕直してます🤣 #はてなブログ

本日2記事目となる #ブログ更新 を行いました! 【THE THOR】ウィジェット タグクラウドのカスタマイズ masaa.net/2020/05/29/the… #thethor #blog #wordpress #CSS #HTML #ブログ #ブログ書け

CSSやらをいじって公式twitter.comをカスタマイズするChrome拡張機能とか作ってみたいな……

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

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

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

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