Mattermost

  (最終更新日:2018.05.29)

Mattermostで日本語フォントのスタイルを変更する方法

SlackのクローンOSSの《Mattermost》で、スタイルシートを変更して日本語フォントを綺麗に表示させる方法をメモ的に残しておきたいと思います。

流れとしては、カスタムCSSファイルを作成し、それを読み込む方法となります。但し注意点として !important 句を利用し、強制的に既存のスタイルを上書きさせます。

HTMLを修正してCSSファイルを読み込む

まずはCSSファイルを読み込ませる為にHTMLを修正します。修正するファイルは root.html です。尚、パスはバージョンによって少し異なるようですが、今回は 4.9.2 を参考に記載しています。

$ cd /opt/mattermost/client
$ cp -p root.html root.html.backup
$ vim root.html

head句を閉じる前に、CSSファイルの読む込みを記載します。

</head>

<link rel=”stylesheet” href=”/static/custom.css” type=”text/css” /></head>

これで読む込みは完了。

カスタムCSSファイルを作成する

最後にカスタムCSSファイルを作成します。

$ vim /opt/mattermost/client/custom.css

参考として下記のようなスタイルを指定します。
ちなみに !important を記載することでJSなどで指定されたスタイルを無視し、強制的にスタイルの適用を指定することになります。

body {
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}

これで完了です。
あとはMattermostの画面をブラウザで再読込させればスタイルが変更されているはずです。(キャッシュにご注意を。。。)

スポンサーリンク
スポンサーリンク

関連記事

  1. Mattermost

    Mattermost:pluginsディレクトリのエラーがログに出力される時

    Mattermostをバージョンアップ(3.5.0 → 4.9.2)さ…

  2. Mattermost

    Mattermost:スラッシュコマンド利用時にaddress forbiddenで失敗するとき

    Mattermost をバージョンアップ後、今まで使えていたスラッシュ…

  3. Mattermost

    【Mattermost】ユーザー管理をする方法

    Mattermostでユーザーの変更や削除といったユーザー管理をする際…

  4. Mattermost

    Mattermostを開くと502エラーが表示される時

    SlackのクローンOSSとして人気のあるMattermost。便利で…

  5. Mattermost

    MattermostのMySQLで日本語の全文検索に対応する方法

    Mattermostでは日本語の部分検索が対応していませんので、例えば…

  6. Mattermost

    Mattermost 4.4をCentOS 7にインストールする手順

    Mettermost 4.4 (今回は 4.4.2) を CentOS…

コメント

  1. この記事へのコメントはありません。

  1. 2018年 3月 27日
    トラックバック:Mattermost環境構築 | J's devlog

最近の記事

  1. さくらのVPSにCentOS 5をインストールする方法
  2. PHP PhantomJSでFatal error: Unc…
  3. 【Oracle】DataPumpの対話式コマンドモードを抜け…
  4. CentOS7のPHP5.6にPhpSpreadsheetを…
  5. Azure仮想マシン(CentOS 7)のStandardデ…
PAGE TOP