better DiscordをつかってPC版Discordの背景を変えよう!!

こんにちは、Noritamaです。
今日はBetter Discordという拡張ソフトをつかって背景を変えてみましょう!!

背景を変更する前に、ソースコードなどを開けるNote pad++などのソフトをインストールしときましょう。

Notepad++

32bit

https://notepad-plus-plus.org/repository/7.x/7.5.4/npp.7.5.4.Installer.exe

64bit

https://notepad-plus-plus.org/repository/7.x/7.5.4/npp.7.5.4.Installer.x64.exe

Discordについてはこちら↓
noritama0308.hatenablog.com

Better Discordについて
導入方法
確認方法
背景変更方法

Better Discordについて

Better Discordは有志によって作成された。Discordの拡張ツールです。
これにより様々な機能が追加されます！！

複数の便利なモード切り替え
チャットの絵文字機能をより便利に
パブリックサーバーによりアクセスしやすくなる
CSSによってデザインをカスタマイズできる
好きな画像をクライアントの背景に設定できる
プラグインを導入することでさらに機能を追加

今回は好きな画像を背景に設定する方法を解説します!!

導入方法

こちらより、better discordをダウンロードしてください。(Windowsの人はwindows版をダウンロードしましょう。)
betterdiscord.net

次に、ダウンロードしたBetter Discord WI.exeをクリックし、acceptを選択しnext。
f:id:Noritama0308:20180123174423p:plain

すると、インストール先が表示されます。Discordをインストールしてる場合は自動でDiscordのインストール先が表示されるのでいじらなくていいです。
ここでは、Restart Discord affter installationのみをチェックし、install。
f:id:Noritama0308:20180123175327p:plain

インストールには時間がかかります。Discordが再起動されて、finish installとなってれば終了しても大丈夫です。

確認方法

歯車ボタンをおして、ユーザー設定を開きます。
f:id:Noritama0308:20180123175807p:plain

すると、このような欄が増えていれば成功です！！
f:id:Noritama0308:20180123175953p:plain

背景変更方法

次に背景を変更します。アイコンなど１から作るの面倒な人は↓より好きな物を選びます。
https://betterdocs.net/collections/themes

私はDiscord Rebonを選びました。Free downloadを押すとgit hubに飛びます。
f:id:Noritama0308:20180123182231p:plain

ここでrawを右クリックを押して名前をつけて保存します。
保存場所はC:\Users\john\AppData\Roaming\BetterDiscord\themesです。
(出てこない場合は隠しファイルになっている可能性があります。フォルダで右クリック、プロパティより隠しファイルを解除してください。)

このように保存されました。ここで、追加したCSSファイルを開いてください(開くときはNotepad++(無料)などソースファイルを開けるソフトをお勧めします)。
f:id:Noritama0308:20180123182849p:plain