Please enable / Bitte aktiviere JavaScript!
Veuillez activer / Por favor activa el Javascript![ ? ]

ハウツーマニア | これってどうやる?困ったときに使える方法!

困ったときにはハウツーマニアにお任せください!あのやり方・方法がわからない、を解決へ導いてみせます!最近は雑記も!

【PC】Twitterのデザインを変える方法。3カラムから1カラムにしてスッキリ!

twitter-customize

私は普段からTwitterを見ますが、全画面では開かず半分の大きさで開いています。

こんな感じ

twitter-wo-hiraiteru

 

しかし、左カラムにある、おすすめユーザーやトレンドは邪魔です。(私的に)

これを非表示にしてみます。

スポンサードリンク

アドオン(拡張機能)でCSSを特定のサイトごとに設定

「Stylish」というアドオンを使います。

Firefox用:https://addons.mozilla.org/ja/firefox/addon/stylish/

Chrome用:https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe

 

CSSの編集画面を開く

Firefox用:about:stylish-edit

Chrome用:chrome-extension://fjnbnpbmkenffdnngjfgmeleoegfcffe/edit.html?domain=twitter.com

 

そして、下記のCSSコードを貼り付けます。Chromeの方は赤字だけをコピーしてください。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url(“https://twitter.com/”) {

.dashboard.dashboard-left,
.dashboard.dashboard-right{
display: none;
}

.content-main {
float: left;
width: auto;
max-width: 100%;
}

}

名前は適当につけてください。

 

これで設定は終了ですので、Twitterを開いてみましょう!

 

左カラムと右カラムが消えて、タイムラインのカラムだけになっているかつ最大化するとタイムラインの横幅も伸びているはずです。

 

twitter-customize-after

 

これでTwitterが捗りそうです!

 

CSSという技術を使えばあらゆるカスタマイズができますので、ぜひ使ってみてください!

 - IT