TwitterのUIを元に戻す方法【2019年10月版】

2019.10.10

[PR]、記事内リンクはAmazonで商品検索を行います。

ついにこの時がやって来てしまいました…

別のアカウントに続き（@migite1924）アカウントもTwitterのUIが新バージョンに。

このUIめちゃくちゃ使いにくいんですよね。

いいね欄を「後で読むリスト」代わりに使っているのもありますが、ツイートを頻繁にブログに埋め込むブロガーにとってはけっこう痛い変更。

右手
右手

ツイートを埋め込むために一度別画面に行かなくちゃいけいないのが不便すぎる…

今回は僕が普段使っているChromeの拡張機能を利用することで以前のスタイルに戻すことができたので紹介したいと思います。

GoodTwitterを利用しよう！

※Chrome拡張機能＆Firefoxアドオンに「GoodTwitter」をインストールします。大丈夫かとは思いますが、万が一の乗っ取りなども考えられます。利用は自己責任ということでお願いします。

今回利用するのは「GoodTwitter」というブラウザ拡張機能です。

TwitterのUIを以前のスタイル戻してくれますよ！

GoodTwitterの利用方法

  1. 「GoodTwitter」をインストールします。
  2. Twitter を開きます。 （もしくはTwitterページを更新します）

やることはこれだけです。

Twitterを開くと（更新すると）UIが元のスタイルに戻っていますよね。こんな感じです↓

「不具合が見つかった！」「新しいUIのTwitterを使いたい！」という場合には、「GoodTwitter」を削除するか無効化すれば大丈夫ですよ。

ただ公式ではありません…

ただ残念なことに公式の拡張機能ではありません。

レビューでは高評価が並んでいますが、上にも書いたようになにか不具合もあるかもしれません。Twitterを仕事で使っている方などは注意が必要かも。

追記：こんな方法も

フォロワーさんに教えていただいたのですが、「設定とプライバシー」→「Twitterについて」→「プロフィール一覧」をクリックすると確かに以前のUIに戻ります。

こんな画面に行くのですが、ここではなにもしなくてもたぶんOK。

この画面に行ってからもう一度Twitterを開くと以前の表示に戻っています。

右手
右手

ただ一度ログアウトすると最新のUIに戻ってしまいます…

公式なのでこちらの方がいいかもしれません。ログインするたびにクリックしていくのは少しめんどくさいですけどね。

おわり

以上です。今回はTwitterのUIを元に戻す方法を紹介しました。

公式がUIを選べるようにしてくれれば一番いいんでしょうけどね。そのためなら全然お金取ってもらっても構わないですし。

有料化はそれはそれでめんどくさそうでもありますけどね…

ゼロからはじめる Twitter ツイッター 基本&便利技
created by Rinker
雑記
右手
タイトルとURLをコピーしました
[ 'amazon' => ['label' => 'Amazon', 'color' => '#232f3e', 'base_url' => 'https://www.amazon.co.jp/s?k='], 'rakuten' => ['label' => '楽天市場', 'color' => '#bf0000', 'base_url' => 'https://search.rakuten.co.jp/search/mall/'], 'yahoo' => ['label' => 'Yahoo!', 'color' => '#ff0033', 'base_url' => 'https://shopping.yahoo.co.jp/search?p='], 'seven' => ['label' => 'セブンネット', 'color' => '#18943c', 'base_url' => 'https://7net.omni7.jp/search/?keyword='], ], 'ebook' => [ 'kindle' => ['label' => 'Kindle', 'color' => '#ff9900', 'base_url' => 'https://www.amazon.co.jp/s?k='], 'kobo' => ['label' => '楽天Kobo', 'color' => '#cc0066', 'base_url' => 'https://search.rakuten.co.jp/search/mall/'], 'bookwalker' => ['label' => 'BookWalker', 'color' => '#0054a6', 'base_url' => 'https://bookwalker.jp/search/?word='], 'renta' => ['label' => 'Renta!', 'color' => '#e8bd16', 'base_url' => 'https://renta.papy.co.jp/renta/sc/frm/search?word='], 'booklive' => ['label' => 'BookLive', 'color' => '#ff6600', 'base_url' => 'https://booklive.jp/search/keyword?keyword='], 'ebookjapan' => ['label' => 'eBookJapan', 'color' => '#e60012', 'base_url' => 'https://ebookjapan.yahoo.co.jp/search/?keyword='], 'cmoa' => ['label' => 'コミックシーモア', 'color' => '#ff911b', 'base_url' => 'https://www.cmoa.jp/search/result/?word='], ] ]; } // --- 2. 管理画面の設定ページ作成 --- add_action( 'admin_menu', 'mal_add_admin_menu' ); function mal_add_admin_menu() { add_options_page( 'アフィリエイトID設定', 'アフィリエイトID設定', 'manage_options', 'mal_settings', 'mal_settings_page' ); } function mal_settings_page() { ?>

アフィリエイトID & LinkSwitch設定

1. LinkSwitch設定 (重要)

LinkSwitch JSタグ

バリューコマース管理画面から取得した <script> タグをそのままここに貼り付けてください。

2. 各種アフィリエイトID (Amazon/楽天など)

Amazon アソシエイトID
楽天 アフィリエイトID
に出力する機能 --- add_action( 'wp_head', 'mal_output_linkswitch_tag', 1 ); function mal_output_linkswitch_tag() { $tag = get_option('mal_linkswitch_tag'); if ( ! empty( $tag ) ) { echo "\n\n"; echo $tag; // ここで設定画面のタグが出力されます echo "\n\n"; } } // --- 4. ショートコード [shop_links id="商品ID"] --- add_action( 'wp_head', 'mal_custom_css' ); // CSSの出力 function mal_custom_css() { ?> '' ), $atts ); if ( empty( $atts['id'] ) ) return ''; $item_id = $atts['id']; $services = mal_get_services(); $amz_id = get_option('mal_id_amazon'); $rak_id = get_option('mal_id_rakuten'); $output = '
'; foreach ( $services as $group_key => $group_data ) { $label = ($group_key === 'physical') ? '【紙の本・総合通販】' : '【電子書籍】'; $output .= '
'.$label.'
'; foreach ( $group_data as $key => $data ) { $url = $data['base_url'] . urlencode($item_id); // Amazon/楽天だけは個別IDを付与（LinkSwitch対象外のため） if (($key === 'amazon' || $key === 'kindle') && $amz_id) $url .= "&tag=" . $amz_id; if (($key === 'rakuten' || $key === 'kobo') && $rak_id) $url = "https://hb.afl.rakuten.co.jp/hgc/{$rak_id}/?pc=" . urlencode($url); $output .= sprintf( '%s', esc_url($url), $data['color'], $data['label'] ); } $output .= '
'; } $output .= '
'; return $output; }