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

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

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

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

 


 

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

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

/  知らない人はいない Animation.css \ 「Animate.css」というライブラリでより、実践的なアニメーションを使い、カスタマイズすれば理解が深まりますね✨ 個人的には Canvas 2D, Three.jsの学習はかなり先になりそうです... animate.style #駆け出しエンジニアと繋がりたい

最近、WordPressとかshopifyのテーマカスタマイズするとき、謎に画像がずれてしまう現象が多発してたんだけど、margin-inline-startが原因だとわかった! 今まで原因がわからず、拡張性の低いposition-absoluteで妥協してたけど、原因がわかってスッキリした😎 #css developer.mozilla.org/ja/docs/Web/CS…

@sashigentle しかも今回は、CSSでのカスタマイズも一切しないので、本当にマウス作業で終了って感じになりそうです💦 でも完成したときは、意外と達成感を感じます✨

昨日はちょっとした画像をサイトトップに配置しないといけなくて。 ファイル構成が複雑だから、焦ったけど対応した。 コーダー専門でやっていないため組み方を自分で考えるのは難しく…すでにサイトにあるcssをカスタマイズする感じ。 Webディレクターはそのあたりの知識あると便利。

ジンドゥーのカスタマイズはHTML、CSS、jQueryでバリバリコーディングしますが、それはデザイン構築のための単なる制作者側の都合です。 お渡し後のジンドゥーは、通常のジンドゥーの操作だけで更新が可能です。というか、そういうふうに作られていないサイトはジンドゥーではNGだと考えています。

🔷有料テーマ Wordpressはどんなテーマ使ってますか? ボクは有料テーマを使ってます 最初Wordpress標準テーマ使ってましたが カスタマイズするには自分でいろいろやらないといけない おかげでCSS/HTML少し勉強できたんですけど 最初から有料テーマにしとけば良かったなあと 今となっては思います

目次のCSS自分で作ってカスタマイズした! だいぶきれいになって満足☺️

test ツイッターメディア - 目次のCSS自分で作ってカスタマイズした!
だいぶきれいになって満足☺️ https://t.co/MY7ZuYsoZv
test ツイッターメディア - 目次のCSS自分で作ってカスタマイズした!
だいぶきれいになって満足☺️ https://t.co/MY7ZuYsoZv

「Simple Author Box」の使い方・CSSのカスタマイズ | Wordpressのプラグイン 【ebookbrain】 ebookbrain.net/?p=11981

test ツイッターメディア - 「Simple Author Box」の使い方・CSSのカスタマイズ | Wordpressのプラグイン 【ebookbrain】 https://t.co/mfbl1ojbNB https://t.co/Kn5FCdptre

本当はTwitterでもCSSを追加して、カスタマイズしたいんだけどなあ。セキュリティポリシーに違反するとかいう理由でCSSが編集できるChrome拡張機能がブロックされるからね。

#おはようございます🌄 今日から夜勤🌙🏢 ☑️#ブログ カスタマイズ ☑️#筋トレ CSSイジってたら、原型なくなった😅 やっぱり バックアップはとっといたほうが無難😓 #ブログ初心者と繋がりたい #ブログ初心者

予約語的な tag に class も付けず CSS で破壊するの怖いなと思ったけど任意の HTML をユーザカスタマイズしようと思うと必ずしも悪いわけではないかと思った

@arikawa0812 今はSWELL使ってますー( *˙ω˙*)و SWELLならCSSとか難しいことしなくても、好きなようにカスタマイズ出来るので変更して正解だったー⸜(* ॑꒳ ॑* )⸝

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

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

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

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