広告は消しゴムで消すべし

そろそろ更新しようと思う(やる気)

mastodonの見た目を変えて自分好みに(前編)

今回はmastodonの見た目を色々変えてみます。

PC版Google Chromeブラウザ推奨です。FirefoxやSafariの方は参考程度に。

デザインだけ見たい人は(前準備)をすっ飛ばしてください。

 

(前準備)Stylishをダウンロードする

Stylishとはウェブサイトの見た目を変える機能を持つブラウザの拡張機能(アドオン)のことです。Stylishのインストール方法は下の記事で詳しく書いているので、こちらを参考にして下さい、

 

(前準備)スタイルのインストール

Mastodon themes and skins - userstyles.org

Stylishを追加できたら、上のURLからスタイル(見た目を変えるための設計書)がダウンロードできます。

 

f:id:yosinex:20170418210501j:plain

 

好きなスタイルを選んで緑のボタンを押せばOKです。

 

f:id:yosinex:20170418210510j:plain

 

All Stylesがオンになっていること、スタイルがアクティブになっていることをしっかり確認してください。

 

もし何も変わらなかった場合、スタイルの適用対象に自分が登録したインスタンスのドメインがあるか確認します。

 

『Stylishのマーク>スタイルを管理する>編集』もしくは『Stylishのマーク>Edit』

でスタイルを編集することができます。

 

URLに「https://mstdn.jp/web/timelines/public」と書いてあれば、「mstdn.jpの部分がドメイン名です。

 

f:id:yosinex:20170418210659j:plain

 

mstdn.jpをつかっている人は「ドメイン上のURL:mstdn.jp」と入力します。(自分が使っているサーバーのドメイン名を入力してください)

「追加」を押すことで複数のサーバーにも適用されます。

 

f:id:yosinex:20170418211150j:plain

左上にある保存を押すことも忘れずに。

 

mastodonの見た目をいろいろ変えてみる

さて、前置きが長くなってしまいましたが、本題にはいっていきます。

自分で好きな色を選べるデザインは元の設定で紹介します。

 

Masto Blue / かわいい水色

f:id:yosinex:20170418213538j:plain

Masto Blue

私のイチオシ! 横幅もいい感じにフィットしているし何より色合いが最高にかわいい。

 

Mastodon Custom Backgrounds / 画像を背景に

f:id:yosinex:20170418214013j:plain

Mastodon Custom Backgrounds

好きなアニメの画像を背景に持ってきてもいいよね。

 

やさしさゴシック / ゆるゆるフォント化

f:id:yosinex:20170418214750j:plain

(上の画像のサムネとユーザ名は消してあります)

YasashisaGothic for Mastodon

フォントをゆるいフォントに変える。編集すれば自分が好きなフォントにできる。

 

後編につづく

 

 

 

 ❤してちょ