Qandar

Q Cockpit CMSのロゴは変更できますか?

公開日:2021年8月25日

Answer

CSSで上書きするか、設定ファイルで指定すれば可能です。

Cockpitの表示ロゴは、CSSの背景画像として指定されているので、CSSでそのクラスを上書きしてしまえば違う画像がロゴに使えます。

ロゴで使われているクラスは、

.login-image
.app-logo

です。

cssファイルは、「/config/cockpit/style.css」に入れればOKです。

もしくは、bootstrap.phpを用意して、内部的にロゴファイルを上書きするという方法もあります。

## /config/bootstrap.php

if (COCKPIT_ADMIN && !COCKPIT_API_REQUEST) {
    // url to your favicon or a path shortcut, e. g.: `#uploads:...`
    $app->helper('admin')->favicon = '#uploads:2020/02/08/5e3e7c80a4923favicon.png';
}

どちらでも上書きするという意味では同じですので、慣れている方を使えば良いかと思いますが、CSSだと将来的にCockpitがアップデートされた時にクラスが変わる可能性が0ではないので、bootstrapを使った方が安全かもしれません。

新着Q&A