FirefoxQuantum(57以降)でツリー型タブを作り、上部タブを消す方法!

Firefox Quantum(57)で、ツリー型タブを作りつつ、上部タブを消す方法!

これまで、

 

 

を紹介してきましたが、いずれもタブが上にあるスタイルです。

 

 

で、今回はサイドに「ツリー型」で表示させるとっても簡単な方法を説明します!!

 

 

 

個人的にはタブを多重にして上に表示するのが好きですが、人によってはツリー型が好きなようで・・・

 

 

ということで、スタート!!

 

スポンサーリンク

 

 

まずは「Tree Style Tab」を導入!

まずはツリー型のタブにしてくれるアドオン

 

Tree Style Tab

 

をインストールしましょう!

 

 

なにも難しいことはない、

 

firefox quantumツリー型タブ

 

 

  1. 「Firefoxへの追加」を押す
  2. 上に出てくる「追加」を押す

 

これだけです。

 

 

成功すれば・・・

 

 

 

このような画面が出てくるんですが・・・・

 

 

 

 

「上部のタブ」と「サイドバーのヘッダー」が残ったまんま。

 

 

ではこれらを「消したい場合」どうしたら良いのか、と言うと・・・・?

 

 

 

以下のようなことが書かれています。

 

WebExtensionsの仕様上、Firefoxのタブバーとサイドバーのヘッダーはツリー型タブから制御できません。これらを隠したい場合は userChrome.cssでのカスタマイズ例 を参照して下さい

 

 

 

ということで、「userChrome.css」をいじって消してしまいましょう!

 

めちゃくちゃ簡単です!!

 

スポンサーリンク

 

「userChrome.css」を用意する!

「Firefoxのブラウザそのもののデザイン」を設定できる「userChrome.css」に書き込むので、まずはこれを用意しましょう。

 

この用意の方法については、別記事「【超簡単】Firefox Quantum(ver57)でタブ位置をブックマーク下に移動」にある、

 

まずは「userChrome.css」を用意する!!

 

を参考にして下さい。

 

 

 

「userChrome.css」へ以下を書き込もう!

cssファイルが用意できたら、ダブルクリックして中に以下をコピペしましょう!

 

/* 上部のタブバーを非表示に */
#TabsToolbar {
display:none !important;
}

 

/* サイドの一番上のヘッダーを非表示に */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}

 

 

これを書き込んだら「上書き保存」をして、Firefoxを再起動して下さい。

 

 

するとどうでしょう??

 

 

「上部タブ」と「サイドバーのヘッダー」が消えています!!

 

ブックーマークの色が黄色く復活している件については、『 ブックマークを黄色く復活させる! 』を参考にして下さい。

 

 

なお、サイトによっては、
以下2種類を書き込むように書いてるところもありますが、

 

/* タブを非表示とする */
.tabbrowser-tab[fadein]:not([pinned]) {
display: none !important;
}

 

/* 「新しいタブを開く」ボタンを非表示とする */
.tabs-newtab-button {
display:none !important;
}

 

 

この2種類だと

 

 

 

上部タブは消えたけども、上記赤枠のような空間が残るし、「サイドバーのヘッダー」も残ってしまうのです。

 

 

ということで、

 

/* 上部のタブバーを非表示に */
#TabsToolbar {
display:none !important;
}

 

/* サイドの一番上のヘッダーを非表示に */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}

 

この2種類のcssのみを書き込んでください。

 

 

 

ついでに「タイトルバー」も出しちゃおう!!

Firefox Quantumは、デフォルトではなぜか「タイトルバー」が非表示です!

 

 

本来、上記赤枠部分には「Yahoo! JAPAN - Mozilla Firefox」など、今見ているページ名が表示されます・・・

 

 

これを表示させるのに手間取ったので、これも別記事でまとめています。

 

良ければこちらも参考にしてみてください♪

 

>><超簡単>FirefoxQuantum(ver57)で「タイトルバー」を表示させる方法!

 

 

 

合わせて以下のページも参考にしてみて下さい!

 

>><超簡単>Firefox Quantum(ver57)でタブ位置をブックマーク下に移動!

 

>><超簡単>FirefoxQuantum(ver57)でタイトルバーを表示させる方法

 

>>【超簡単】FirefoxQuantumでブックマークを「新規タブ」で開く方法!

 

>>【簡単】FirefoxQuantumの検索バーから「新規タブ」で結果を開く!

 

>>FirefoxQuantumで新しいタブを「右隣」「右端」どちらで開くかを設定!

 

スポンサーリンク


 

▼お役に立ちましたら、シェアして頂けますと嬉しいです!
このエントリーをはてなブックマークに追加

関連ページ

<超簡単!>Firefox Quantumでタブ位置をブックマーク下に移動!
FirefoxがQuantum(57,58)にアップデートされ、タブの位置が「タイトルバーの下」に上がってしまった!という方へ、「ブックマークツールバー下」へ移動する方法を解説!コピペでOK!
【超簡単】FirefoxQuantum(ver57)でタイトルバーを表示させる方法
FirefoxがQuantum(57,58以降)へアップデートされ、デフォルトではタイトルバーが消えてしまっています。これを出す方法(表示させる方法)簡単な方法を説明します!
FirefoxQuantum(Ver57)で「タブの文字が見えない」対策<横幅を広げる>
Firefox Quantum(57,58以降)にアップデートされて、タブを多く開いたときに(増やしたときに)、横幅が小さくて文字が見えない!という事があると思います。今回はタブの横幅を広くする方法をお伝えします。
Firefox Quantumでタブを多段(2段、3段…)にする方法!!
FirefoxQuantum(57,58以降)において、タブの二重(多段)が出来なくなった!という方に、コピペで簡単に多重タブを実現する方法を解説!!
【超簡単】FirefoxQuantumでブックマークを新規タブで開く方法
Firefoxのver57,58(Quantum)で、ブックマークを選択(クリック)した時に「新規タブ」で開くための設定を説明する!超簡単で誰でも出来ます。
【簡単】FirefoxQuantumの検索バーから「新規タブ」で結果を開く
Firefox Quantum(ver57,58)で色々とアドオンが使えなくなった。検索バーで検索した時の結果を「新規タブ」で開くにはどうしたらいいの?めちゃくちゃ簡単な方法があるので共有します。
FirefoxQuantumで新しいタブを「右隣」「右端」どちらで開くかを設定!
FirefoxQuantum(57,58)において、新しいタブを開いたときに、「既存のタブの右に開く」か「一番右端に開く」かを決める設定を入れます!微妙な違いですが、使い勝手が変わります♪