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

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

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

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

 


 

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

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

WordPressテーマのカスタマイズ、難しすぎ。 CSS追記しても、思ったとおりに表示されないし、キャッシュ削除しても反映されない\(^o^)/ 思ってたよりも、難易度高すぎて疲れた。終わり。寝る

@1582Anch !important を使うシーンがあるってことは割とCSS設計が破綻してるかもですね🙄 ライブラリを使用する際にライブラリのソースをカスタマイズしてから取り込めばいいのではないかな

追加CSSいじってブログカード変えてみました 今週末は色々とデザイン凝ってカスタマイズしてみます。

【0からはじめるブログデザイン】CSS初心者でも活用できるこだわりデザインカスタマイズの記事を集めました! - 週刊はてなブログ ow.ly/sO6n50DaDOC

けっこう実装に手こずった点【その②】 Snow Monkey Blocks の アコーディオン を、リンクから飛んできた場合のみデフォルトでオープン。 (普通に開いた場合は、クローズ)※動画参照 ちなみに、CSSカスタマイズのみで実装しております。 CSSの魔術師って呼んでください。 #wpsnowmonkey twitter.com/urayoko1/statu…

CSSでのラジオボタン・チェックボックスのカスタマイズを詳しく説明してみた cultureacademia.jp/webcreate/303/

カスタマイズなどは特に不要だと思うのでPHPどころかCSSすらわからなくても大丈夫! WordPressの基本的な使い方がわかって画像を適当に加工できて文章書ければおk 慣れてる人なら5時間くらいで終わるのでは? iPadでもできるけどPCあったほうがぼくが楽。 ※大阪これるならPC貸与します

そもそもCSSを初めて触る人が、いきなりCSSでWordPressのカスタマイズというのがレベルが高過ぎる。 算数を勉強する前に数学から始めるくらいの感覚な気がする。

ローカル環境でHTMLとCSSの基礎を覚える→ ディベロッパーツールの使い方を覚える (どちらも無料で解説しているサイトがあります) この2ステップをやるかやらないかで、CSSでWordPressをカスタマイズするときの理解度が全然違うと思います。

ココナラで出品したサービスが購入されました! 「WEBサイト、ワードプレス修正&カスタマイズします html,css,php,javascriptスマホ修正対応」 #ココナラ coconala.com/services/13236…

「BASE」 HTML、CSSもカスタマイズできる。お洒落な無料テーマもたくさんある。shopifyより単価低いけど、クラウドソーシングでの需要も結構あったので勉強してみる!

test ツイッターメディア - 「BASE」
HTML、CSSもカスタマイズできる。お洒落な無料テーマもたくさんある。shopifyより単価低いけど、クラウドソーシングでの需要も結構あったので勉強してみる! https://t.co/zddHrNqc58

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

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

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

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