「BetterDiscord」の導入から使い方や背景変更＆テーマ変更手順

そのまま使うだけでも便利なボイスチャットツール「Discord」。
私が導入したのは1年前のことですが、今やボイスチャット民からしたら欠かせないレベルの存在になりました。

そして今日はこのただでさえ便利すぎる「Discord」をさらに便利に進化させる「BetterDiscord」を紹介していきたいと思います。

この「Better Discord」を入れれば「Discord」がさらに便利になり、例えばDiscordの簡素なデザインを変更したり背景画像を設定できるようになります。

とても便利なので気になる方はお試しあれ

「Better Discord」とは

「Better Discord」は有志の人によって作成されたDicordを拡張させられるMODのようなものです。

このツールを使うことでできることはさまざまあります。

このような機能を追加することができます。

追加される絵文字はこちらでコマンドと一緒に確認出来ます。

現状でも絵文字は77,000個と大量にあります。

「Better Discord」を導入する

https://betterdiscord.net/home/

上のボタンからダウンロードサイトに飛ぶことができるのでご自身にあったものをダウンロードしましょう。

ダウンロードしたらzipファイルになっているため、展開します。
展開したフォルダにはこのようなファイルが存在するはずです。

「BetterDiscordWI」をダブルクリックしましょう。

セットアップ画面が起動するのでそのままインストールします。
[aside type=”normal”] Discordが入っているフォルダにインストールされるようになっているはずですが、上級者の方など別のフォルダに入れているような場合は参照先の変更などしなければならないかもしれません。
特に何もいじってないなら設定変更は必要なし。
[/aside]

Discordを起動した状態でインストールした場合は一度Discordが落ちます。
そのため、もう一度起動しましょう。

このようにユーザー設定項目の下のほうに「Better Discord」の項目が増えていれば導入は完了です。

「Better Discord」でテーマを変更する

テーマを変更することでDiscordの見た目を変えられます。
見た目自体はCSSから変更することができますが、まずは誰かが作ったテーマを入れてみましょう。

テーマを探す場合は「Better Discord」の公式サーバーに入ると探せるのでまずは公式サーバーに入ります。

https://discord.gg/2HScm8j

こちらのボタンを押せばサーバーに入れるので入りましょう。

チャンネルの中に「#theme-repo」と「#plugin-repo」があると思います。
#theme-repoにテーマがたくさんあるのでここから探すことになります。

とりあえず今回はこちらのテーマを導入してみたいと思います。

「こちら」を押すとダウンロードできますが、選ぶ人は探してみてください。

ファイルをダウンロードしたらユーザー設定→Better Discord→THEMES→Open Theme Folderを開き、開かれたフォルダにダウンロードしたファイルを入れましょう。
入れたら「ctrl＋r」でDiscordを更新します。

するとユーザー設定→Better Discord→THEMESの部分にテーマが追加されているはずなので右端の部分をクリックします。

これでDiscordのデザインが変更されていればテーマの変更はできています。
あとはお気に入りのテーマを同じ手順で見つけましょう！
[aside type=”normal”] テーマはフォルダに何個も入れておけます。
入れたテーマは気分で変更できるので適当に入れておきましょう。
[/aside]

「Better Discord」で背景を変更する

Discordの簡素なUIの背景を変更する方法を書いていきたいと思います。

.app,
.callout-backdrop {
	background-image: url("ここに入れたい画像のURL");
	background-size: cover !important;
	background-position: center !important;
}

入れたテーマの上記の部分のURLを好きな画像URLに変更すれば背景を変更できます。

またはCustom CSSに書き足しましょう。

画像に関しては「https 形式」のものまたは「base64形式」のものでないとダメみたいなのでどちらかにする必要があります。

base64形式の画像はこちらにアップロードして出てきたURLをコピーして持ってこられるのでそちらもお試しください。

このほかにもcssに関する知識があれば自分好みにかなりデザインを変更することができます。

しかし変更できる要素がありすぎてとても説明しきれないので知識のある方はご自身で確認してみてください。
テーマのcssファイルを開けばいろいろな項目があることがわかると思います。

絵文字を使う

絵文字を使いたい場合はこちらのサイトにあるコマンドを入力してそのままチャットを打てば絵文字に変換されます。

「Better Discord」のまとめ

「Better Discord」について
どのようなものか
導入方法
テーマの使い方
背景の変更方法
絵文字の使い方
などを見ていきました。

とても便利なのでよかったら使ってみてくださいね。

プラグインもたくさんありますが、テーマを導入した際の方法と同じような方法で導入することができます。