Twitterのデザインが変更!戻す方法は?アイコンが正円化、他のアイコンも軒並み丸く変更された模様 突然のデザイン変更にネット上で困惑の声

シェアする

2017年6月16日、突如としてTwitterのデザインやUIが変更になり話題になっているようです。ネット上の反応や戻す方法について調べてみました。


http://kevin.lexblog.com/2011/11/30/who-sees-your-replies-in-twitter/

Twitterデザイン変更に対するネット上の反応

Twitterのデザインを元に戻す方法は?

調べてみると以下のような方法が見つかりましたが、かなり昔のツイッターのバージョンの際のもののようで現在変更されたデザインを戻す事は出来ないようでした。

TwitterのUI(ユーザインタフェース)が変わった。

使い慣れた画面の仕様が変更されると、煩わしいと思う人もいるようだ。

幸い、Twitterの場合、古いUIに戻す方法が用意されている。

1.画面右上の自分のアカウント名をクリック

2.「プレビューをやめる」をクリック

以上で古いUIに戻すことができる。

http://houhouzensho.blog110.fc2.com/blog-entry-423.html

もしかしたら前のデザインの方が良かった人の為に、ブラウザ版であればGoogleChromeなどの拡張機能でデザインを戻すプラグインが実装されるかもしれませんね。

こちらは今回のデザイン変更にも有用のようです。やはりユーザースタイルシートを使用するしか今のところは方法が無さそうですね。

Twitterの丸くなったアイコンを元に戻すUserCSS

早速Twitterデザインを従来のUI風に戻すユーザースタイルシートを紹介している方も出てきているようです。

Twitterの丸くなったアイコンを元に戻すUserCSS – Qiita –

.edge-design .Avatar,
.edge-design .DashboardProfileCard-avatarImage,
.edge-design .DashboardProfileCard-avatarLink,
.edge-design .Gallery.is-tweetless .Gallery-content,
.edge-design .Gallery.is-tweetless .Gallery-media,
.edge-design .MomentCapsuleCover .MomentUserByline-avatar,
.edge-design .MomentCapsuleItemTweet–withText .MomentUserByline-avatar,
.edge-design .MomentCapsuleSummary .MomentUserByline-avatar,
.edge-design .MomentMakerRecommendedTweetsSearch–users .MomentMakerRecommendedTweetsSearch-userContainer .avatar,
.edge-design .ProfileAvatar,
.edge-design .ProfileAvatar-image,
.edge-design .ProfileAvatar-placeholderImage,
.edge-design .ProfileAvatarEditing,
.edge-design .ProfileAvatarEditing-button,
.edge-design .ProfileAvatarEditing-overlay,
.edge-design .ProfileCard-avatarImage,
.edge-design .ProfileCard-avatarLink,
.edge-design .ProfileCardMini-avatarImage,
.edge-design .ProfileListItem-avatar,
.edge-design .ProfileUserList .Avatar {
border-radius: 7px;
}

.edge-design .avatar {
border-radius: 7px;
}

StylishとかStylebotとかの拡張機能を使うと良いです。漏れがあったら編集リクエストください。

http://qiita.com/foooomio/items/a8307820aabab37e02f2

UserCSS(ユーザーカスケーディングスタイルシート)とは?

ユーザースタイルシートを利用すると、ユーザ独自の CSS を自分の管理外のサイトにも適用できる。

今回は Chrome 拡張の Stylebot を用いてユーザスタイルシートを設定する。Stylebot はユーザスタイルシートの管理をしてくれる拡張機能である。

http://monopocket.jp/blog/css/2395/

要するにブラウザのプラグイン機能を使って強引に見た目を変更する手法のようですね。どうしても今のデザインが受け付けない!という方は試してみると良いかもしれません。

Chrome でユーザースタイルシートを設定する方法

管理人のまとめ

これまでにもtwitterのuiは事前アナウンスなしで度々小変更してきたようですが、今回はいきなりガッツリとデザインが変わっていて困惑しているユーザーも多数居るようです。

前のデザインに戻せる機能なども同時に実装してくれると良いのになと思いました。

コメント

  1. 名無しガール より:

    新しいデザイン嫌だ~~~戻してほしい。。。

  2. 名無しガール より:

    リツイート等のアイコンが変わったのは良いとしてプロフを真四角から正円へいきなり変更は無いだろ。。。正方形前提でアイコン作ってたユーザーもたくさんいただろうに。

  3. die perfekte diät より:

    Moin!

    Ich frage mich aktuell, welches Diätmittel für mich in Frage kommt.
    Was auch immer ich bisher getestet habe, war absolut
    vergebens. Könnt ihr mir erzählen, was ich hierbei zu beachten habe?
    Produkte, die wohl jede Menge zusichern, am Schluss jedoch nix dabei herauskommt, interessieren mich gar nicht.

    Es kann doch nicht sein, dass es Millionen von Wundermitteln auf dem Markt gibt, aber kein einziges, das echt hilft.

    Über Ratschläge oder Informationen würde ich mich sehr freuen

    Schöne Grüße
    Dennis http://www.hooda-maths.com/profile/brohastings86.html

  4. http://cgi.music.geocities.jp/ より:

    Durante primeiro mês de tentar crescer sua barba, você achará que parecido
    uma floresta selvagem crescer em seu rosto. http://cgi.music.geocities.jp/k_orchestra_2007/33609kbbs/bbs/yybbs.cgi?list=thread