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

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

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

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

 


 

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

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

サイト模写完成版 模写といっても、見栄えが悪かったのでいくつかカスタマイズ。 HTMLのコーディングに大体2時間 CSSはエラーにつかまり大体8時 間程度うんうん唸っていました。 ブートストラップが悪さしていたので修整に時間かかった #プログラミング学習 #プログラミング初心者

test ツイッターメディア - サイト模写完成版
模写といっても、見栄えが悪かったのでいくつかカスタマイズ。
HTMLのコーディングに大体2時間
CSSはエラーにつかまり大体8時
間程度うんうん唸っていました。
ブートストラップが悪さしていたので修整に時間かかった
#プログラミング学習
#プログラミング初心者 https://t.co/eAYL2L9RGd

#ワードプレス でトップページをサイト型にカスタマイズする方法を以前書いていて #cocoon でも記事のCSSコピペで使えましたので報告です。「wp show post」プラグインを使う方法ですが、cocoonなら「new_list」ショートコードがあったんですね。そっちの方が楽かもです! overland25.com/blog/wordpress…

@soundorbis まぁWordPressのカスタマイズとかに挑戦されていたのでhtmlとcssはちょっと退屈かもしれないですねw 実際自分もhtmlとcssのコースは触ってませんw

#ablogcms のフォームを、最新のJSバリデートに差し替える休日作業中。site2018からコードを持ってくると、謎のチェックマークが出てくる。これは入力に問題がなければ表示されるはずだが、肝心の制御するスタイルがsite2018の依存CSSに入っているので、カスタマイズに慣れない人は混乱しそう

test ツイッターメディア - #ablogcms のフォームを、最新のJSバリデートに差し替える休日作業中。site2018からコードを持ってくると、謎のチェックマークが出てくる。これは入力に問題がなければ表示されるはずだが、肝心の制御するスタイルがsite2018の依存CSSに入っているので、カスタマイズに慣れない人は混乱しそう https://t.co/a8bidgyohZ

ワードプレスのカスタマイズができるといえばデザイン変更の依頼が圧倒的に多い。僕の専門はプログラムなんだけど。部分的なcss調整とかは効率良いが大掛かりなのは…そもそもプログラム側のカスタマイズかどうかは一般の方には判断つかないもんなー #副業 #ココナラ #wordpress

今朝は、wordpressのカスタマイズについてネットで勉強。 テーマは、cocoonというのを使っているのですが面白い。 そして、色々な方が情報をまとめてくださっているのがありがたい。CSSやphpなど、新しい知識が入ってくるのも楽しい!

CSSコピペでOK!カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ! rough-log.com/1670 見やすいリンクボタンのカスタマイズは、 ユーザー・ファーストの第一歩。^^♪ さっそく、使わせて頂きました。(^^ゞ

WordPressでTOC+目次をカスタマイズするCSSチップ集についてまとめましたプラグイン設定から変更できない位置調整のやり方(ほとんどコピペでOK)がメインです fukuro-press.com/tocplus-custom…

AdSense自動広告設定で表示が崩れるときのCSSカスタマイズ - はるなぴログ bit.ly/2IL6XCX

ふむふむと読んだけど、実際に自分でやるとなると自分にはややこしそう。 / 他9件のコメント b.hatena.ne.jp/entry/s/www.ha… “AdSense自動広告設定で表示が崩れるときのCSSカスタマイズ - はるなぴログ” (19 users) htn.to/2ywpnR5MpA

AdSense自動広告設定で表示が崩れるときのCSSカスタマイズ - はるなぴログ halu7.com/entry/autoad-c…

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

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

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

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