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

【コピペで超簡単!】Firefox Quantumでタブ位置をブックマーク下に移動!

FirefoxがQuantum(ver57.0)へアップデートされ、

 

タブの位置がまたもや上に!!

 

Firefox Quantumでタブ位置を移動

 

↑ またもやタブが「メニューバーの下」に移動してしまっています

 

 

これ、本当にうっとうしい。

 

以前までは「Tabs on Bottom」などのアドオンをONにしておけば、とりあえず下げることが出来たのですが、そのアドオンが使えなくなってしまった・・・

 

 

当ページにたどり着いた方も、多くがそのような方ではないでしょうか?

 

 

でも大丈夫!!

 

当ページを見れば、すぐに

 

Firefox Quantumでタブ位置を移動した後

 

上記のような「ブックマークツールバーの下」に戻せます!

 

また、デフォルトで灰色になってしまっている「ブックマークアイコン」の色を復活させる事もできますよ!!

 

 

ちなみに以前までは「about:config」の設定からタブの位置を操作できたのですが、今回からなぜか効かず。

 

 

と言うことで、以下の方法を試せば速攻解決しますのでお試しアレ!!

 

スポンサーリンク

 

 

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

ブラウザ右上にある、、

 

 

をクリックし、

 

「ヘルプ」 ⇒ 「トラブルシューティング情報」

 

へ進んでください。

 

 

「アプリケーション基本情報」の中に「プロファイルフォルダー」があるので、こちらを開きましょう。

 

 

ここに「Chrome」という名前のフォルダが無ければ、作成して下さい。

 

そしてそのフォルダの中に「userChrome.css」というファイルを作成します。

 

 

ん?作り方がわからない?

 

簡単です。

 

「userChrome.css」の作り方

 

作成した「Chrome」フォルダ内で右クリック 

新規作成

テキストドキュメント

ドキュメントの名前を「userChrome.css」とします。

 

この時に、以下のようなダイアログが出たら、「はい」でOK!!

 

 

スポンサーリンク

 

 

cssに書き込もう!【コピペでOK!】

このファイルに書き込んでいきます。

 

「ファイルを右クリック」 ⇒ 「編集」

 

でテキストファイルのように書き込めるので、以下を記入します。

 

 

#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}

 

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}

 

#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}

 

 

これだけでOKです!

 

あとはファイルを上書き保存したら、FireFoxを再起動して下さい。

 

ちなみにこれは血眼になって探しているときに、Mozillaのサポートフォーラム内での書き込みで見つけました。
https://support.mozilla.org/ja/questions/1185426

 

 

ただ、私的に気に食わないことが2点!!

 

  1. ブックマークアイコンが灰色で見にくい!
  2. ブックマークツールバーの高さが狭くて押し間違えそう!

 

ということで、これらもケアしていきます!!

 

 

ちなみにこのあと説明するものも、すべて「アドオンなし」で簡単にできるもの

 

 

アドオンを入れるとそれだけ「重くなる」ので、今後もアドオンなんかに頼らなくても大丈夫なように、設定してしまいましょう!!

 

 

 

ブックマークアイコンの色を変更(復活)!

「ブックマークのアイコン」の色の復活は、先ほどの「userChrome.css」に以下を書き込みます。

 

@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}

 

@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul),
url(chrome://browser/content/history/history-panel.xul),
url(chrome://browser/content/browser.xul),
url(chrome://browser/content/places/places.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container] {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}

 

上記については、日々のつぶやきを参考にさせて頂きました!
ありがとうございます。

 

これで色を戻せたら、次は押し間違えないように幅の調整をしましょう!

 

スポンサーリンク

 

 

ブックマークツールバーの高さを変更しよう!

タブは下へ移動できたけど、

 

なんだかブックマークが見づらい・・・

 

Firefox Quantumのブックマークツールバーの高さ

 

 

という方は、以下のcssを当てましょう!

 

#PersonalToolbar {
height: 20px !important;
}

 

この「height」というのは、高さを調整するスタイルです。

 

私は20pxくらいで良いと思いますが、もっと広げたい方は30pxでも良いでしょう。

 

 

「30px」だと以下の様になります。

 

Firefox Quantumでツールバーの高さを変更

 

 

また、もっと文字を大きくしたい!という場合は

 

#PersonalToolbar {
height: 30px !important;
font-size:25px !important;
}

 

フォントサイズを大きくすればOKです!

 

 

↑ 25pxではかなりオーバーな設定ですね

 

 

ちなみに「height」を使わなくとも、「margin」というスタイルを使えば、文字の上下に空白を入れることも出来ます。

 

#PersonalToolbar {
font-size:25px;
margin:10px 0px;
}

 

この「margin:10px 0px」というのは、“上下に10pxずつ空白を持たせる” という意味です。

 

※paddingとの違いなどもありますが、ここで細かい説明は省きます。

 

 

上の設定を当てると・・・

 

 

 

と言うことで、このように色々調整できますので、この辺の匙加減は皆さんで適宜調節してみて下さい♪

 

 

なお、どのタイミングでも設定を反映させる時は、一度Firefoxを再起動させて下さいね!

 

 

 

タブの横幅の大きさを変更しよう!

タブを多く開いたときに「1つひとつのタブが小さくなりすぎて、文字が見えない!」という不便さを解消します!

 

 

↑ このように、タブがギュッと圧縮されるので文字が読めない・・・

 

 

この解決法については、別記事「FirefoxQuantum(Ver57)で「タブの文字が見えない」対策!<横幅を広げる>」で説明していますので、そちらをご覧下さい!

 

 

 

タブを多段にしよう!

タブの多段方法についても説明しています。

 

ちなみに「多段」というのは

 

firefoxQuantumでのタブの多段設定

 

このように、タブが2重、3重と段になって増えていくことです。

 

タブをたくさん開いていく方は、この設定も役立つかもしれません♪

 

>>Firefox Quantum(ver57)でタブを多段(2段,3段…)にする方法!

 

 

 

ブックマークを「新規タブ」で開く!

これは必要あるか分かりませんが、個人的に「ブックマークからサイトへ飛ぶときは “新規タブ” で開きたい」ので、その設定を入れました。

 

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

 

 

 

検索バー(窓)から「新規タブ」で開く!

こちらも個人的に必要なものですが。。

 

「検索結果は “新規タブ” で開きたい」ので、その設定を入れました。

 

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

 

 

 

タブをツリー型にする!※アドオン一部使用

個人的には上部で「多重タブ」にするのが使いやすいですが、なかにはツリー型にしたいと言う方もいらっしゃるので。

 

 

↑ このように左サイドにツリー型にタブが並ぶ

 

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

 

 

 

タブを開く時に「真横」もしくは「右端」どちらで開くかの設定!

ページを閲覧中に「新規タブで開く」を押したときに、タブを

 

  • 既存タブの真右に開く
  • 右端に開く

 

の2種類を設定できます♪

 

 

たとえばページ内の「哺乳類」というリンクを「新規タブ」で開いたときに・・・

 

 

【右端で開かれるパターン】

 

 

【今見ているタブの真右に開かれるパターン】

 

 

デフォルトは「右端に開く」ですが、変えたい方もいらっしゃると思うので、是非参考にしてみて下さい!

 

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

 

 

 

余談:タイトルバーを表示する!!

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

 

 

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

 

 

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

 

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

 

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

 

 

 

追記!!

余談ですが、本ページでは「タブの位置」を一番下に移動させましたが、

 

  • アドレスバー
  • ブックマークツールバー
  • タブ

 

の位置は自由に動かせます

 

「userChrome.css」に書き込むべき以下コードについて、

 

#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}

 

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}

 

#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}

 

ここに出てくる「1」「2」「3」という数字は、

 

  • アドレスバー
  • ブックマークツールバー
  • タブ

 

を「上から何番目に置くか?」を決めています。

 

なので数字を入替えると、一番上に「ブックマークツールバー」を置くことも出来ます。

 

 

 

以上、シェアして頂けますと幸いです。

スポンサーリンク


 

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

関連ページ

【超簡単】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(57)でツリー型タブを作り、上部タブを消す方法!
Firefox Quantum(57,58)でツリー型タブを作りたい!または「上部のタブ」が消えない!消せない!という方に、作り方と消し方を説明しています。
FirefoxQuantumで新しいタブを「右隣」「右端」どちらで開くかを設定!
FirefoxQuantum(57,58)において、新しいタブを開いたときに、「既存のタブの右に開く」か「一番右端に開く」かを決める設定を入れます!微妙な違いですが、使い勝手が変わります♪