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

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

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

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

 


 

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

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

私は昔Webサイト作成をチラッとやってたのでHTMLもCSSも多少分かりますが、ブランクが長すぎて改めてカスタマイズ等に時間を割く気がしません。 それでも一時期、頑張ってみようかと思ったけど、そんな時間があるなら記事を書いたり他の事を勉強したいと改めて思いました。 人それぞれですけどね😅

-Modパックでカスタムシェーダーを作成できるようになりました:WIP -フリースピンを追加 -カスタマイズメニューでロードアウトのプリセットを保存できるようになりました -ModパックでCSSをModできるようになりました:制限つき

けど結局用意されている .text-xs ~ .text-6xl 以外のイレギュラーな指定が出てくるんだろうな。 カスタマイズはできるようだけど。 (予算がないものはデザインだとこのサイズで指定されているけど Tailwind CSS で対応できる範囲で指定しますね、で良いのか)

今日はHTMLとCSSの勉強できた! インターンでコーディングしてるしブログもカスタマイズしてるし、大体知ってるけどやっぱり一度ちゃんとコースを完了しておこうと思って。 コツコツやっていこう〜😊

#WordPress 特に「#Cocoon」を使用している方へ、便利プラグイン「Shortcodes Ultimate」のスポイラーの #カスタマイズ 例を記事にしました(更新)。スポイラーの代わりになるCSSだけの自作簡易スポイラーも載せたのでコピペでご利用いただけます。 so-cha-siki.com/shotcodes-ulti…

昨日見出しと目次のカスタマイズを少ししました。ネットで探したCSSのコピペですが…笑 少しずつ見やすくできたらな〜って感じですね。 #プログラミング初心者 #ブログ初心者 #ブログ blog-it.hatenablog.com/archive

前の記事: CSSリセット、2019年におすすめのカスタマイズ方法 coliss.com/articles/build…

Next.js 書きたかったから Notion Blog 始めてみたけど,最初のカスタマイズは割とテコ入れ必要でつらみ。 あと個人的に CSS Modules はあまり使いたくないので,Notion Blog のボイラーはちょっと厳しいかなと思う。

【過去記事紹介】 AddQuicktagをCSSでカスタマイズしてブログを魅力的にする方法 hashio-wataru.com/addquicktag-cs…

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

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

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

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