人気ブログランキング | 話題のタグを見る
Studio TA Subsite の案内とお知らせ

Stylus の導入と設定方法(簡易版): Firefox版 📌

2017年 09月 13日

拡張機能「Stylus」を Firefoxに導入する


Firefoxで以下のリンクをクリックし、「Firefoxアドオン管理サイト」のStylusのページを開きます。


下図のページが表示されたら、ページ上の「+ Firefoxへ追加」を押します。

Stylus の導入と設定方法(簡易版): Firefox版 📌_a0349576_21590014.png

下図の様に「Stylus」追加の許可を問われるので「追加」を押します。

Stylus の導入と設定方法(簡易版): Firefox版 📌_a0349576_21595513.png

この操作でFirefoxに「Stylus」が導入され、ツールバーの右端に「Stylusアイコン」が出来ます。「Stylusアイコン」が出来たら、自分のブログページに戻ります。



Stylusの管理画面を開く


下図の様に「Stylusアイコン」を左クリックして、メニューの「管理」を押します。 これが「Stylus」の管理画面へのアクセス方法です。

Stylus の導入と設定方法(簡易版): Firefox版 📌_a0349576_22013594.png

下の様な「管理画面」が表示され、操作はここを中心に行います。
初期状態では右側が空白ですが、スタイルをネットからインストールしたり、自分で作って登録すると、登録スタイルのリストがここに表示されます。

Stylus の導入と設定方法(簡易版): Firefox版 📌_a0349576_22022893.png



Stylusの使用方法の詳細について


導入以降の操作は、Chrome版「Stylus」と同じです。「Stylus」の操作の詳細は、以下を参照ください。

Chrome拡張機能「Stylus」の使用方法(1)導入 / アイコン機能メニュー/ オプション

Chrome拡張機能「Stylus」の使用方法(2)管理画面 / 編集画面 / 編集環境




by Ataron | 2017-09-13 23:25 | ブログスキンのアレンジ | Trackback | Comments(2)
Commented by Dos3.3C at 2017-10-29 15:41 x
FF57への更新を控えて、StylishからStylusへの移行を行うため検索をしましたところ、大変に有益な記事を拝見できました。userstyles.orgなどネットにあるスタイルシートを自分好みに変更を加えて、使いやすくしたものを幾つか使用しており、記事を参考にさせていただきながら作業を行い、無事にStylusへと移行させることができました。
使い方などを平易に解説してくださった記事、本当にありがとうございました。
Commented by Ataron at 2017-10-29 18:09
Dos3.3C さん

コメントありがとうごさいます。

私、まだ手探りの部分もありますが、お役にたててなによりです。 ユーザースタイルシートの便利で有効な価値が、更に多くのユーザーにひろまればいいですね。
名前
URL
削除用パスワード

※このブログはコメント承認制を適用しています。ブログの持ち主が承認するまでコメントは表示されません。