ひとりぶろぐ

価値ある情報をユーザー視点で発信するブログ

Twitter Webのタイムラインに表示されるようになってしまった画像プレビューを非表示にする方法(Safari/Chrome/Firefox)

      2014/01/09

ひとりぶろぐのmoyashi (@hitoriblog) です。

2013.10.30から、Twitter Webのタイムライン上に、画像プレビューが表示されるようになってしまいました。

Twitter

早速タイムラインがGoogle+っぽい感じになってきています。

消しましょう画像プレビュー。

Safariでの設定手順

screenshot 13 10 30 20 35

機能拡張Stylishをインストール。以下サイトの「Download」から「stylish.safariextz」をダウンロード。

Stylish for Safari

screenshot 13 10 30 19 42

ダブルクリックしてSafariにインストール。

screenshot 13 10 30 19 48

ツールバーのStylishアイコンをクリック。

screenshot 13 10 30 19 45 2

「Manage」ボタンをクリック。

screenshot 13 10 30 19 49

  1. Stylishの設定画面が出てきます
  2. 左のタブで「Edit」を選択
  3. 「Title:」は適当に「NoImagePreview」などに
  4. 「CSS:」は「.with-media-forward:not(.opened-tweet) .cards-media-container { display: none; }」に
  5. 「Apply to:」は、最初のドロップダウンは「Domain」に。続く入力欄は「twitter.com」に
  6. 右下の「Save Style」ボタンを押す

screenshot 13 10 30 19 51 2

こんな画面に遷移していればOK。

screenshot 13 10 30 20 00 2

Twitterを表示すると、画像プレビューが消えているはずです。(続きは[Read More]から)

Google Chromeでの設定手順

screenshot 13 10 30 20 36

メニュー「ウインドウ>機能拡張」で機能拡張のページを表示。「他の機能拡張を見る」のリンクをクリック。

screenshot 13 10 30 20 19

Chrome ウェブストアが表示されたら、左の「ストアを検索」の入力欄に「Stylish」と入力してEnterキー。機能拡張のセクションにStylishが出てくるので「+無料」ボタンをクリックしてインストール。

screenshot 13 10 30 20 20

ウインドウ右上に出現したStylishアイコンをクリック。メニューの「インストール済みのスタイルを管理」をクリック。

screenshot 13 10 30 20 23

左のペインの「新しいスタイルを作成」ボタンをクリック。

screenshot 13 10 30 20 25

「スタイルを追加」ページに遷移するので、

  1. 「名前」は「NoImagePreview」などに
  2. 「有効」のチェックボックスはオンに
  3. 「コード」には「.with-media-forward:not(.opened-tweet) .cards-media-container { display: none; }」をコピペ
  4. 「コード」の下にある「すべて [個別指定]」ボタンをクリックして、ドロップダウンは「ドメイン上の URL」に。続く入力欄は「twitter.com」に
  5. 左のペインの「保存」ボタンをクリック

screenshot 13 10 30 20 29

Twitterを表示すると、画像プレビューが消えているはずです。


Firefoxでの設定手順

screenshot 13 10 30 20 37

メニュー「ツール>アドオン」からアドオンマネージャを起動。検索窓に「Stylish」と打ち込んで検索。Stylishが出てくるのでインストール、Firefoxの再起動。

screenshot 13 10 30 20 06

Twitterを表示させた状態で、ウインドウ左下のStylishアイコンをクリック。表示されたメニューから「twitter.com 専用…」をクリック。

screenshot 13 10 30 20 09

「新しいスタイル」ウインドウが開くので、

  1. 「名前」は「NoImagePreview」などに
  2. 「タグ」は空のままでよし
  3. その下のドロップダウンは「挿入」
  4. その下のコード入力欄は、あらかじめ挿入されたコードの「@-moz-document domain(“twitter.com”) {」の下に「.with-media-forward:not(.opened-tweet) .cards-media-container { display: none; }」を追記
  5. 「保存」ボタンをクリック

screenshot 13 10 30 20 11

Twitterを表示すると、画像プレビューが消えているはずです。

 - Firefox, Google Chrome, Safari, Twitter