Osclassのログイン画面のレイアウトを変更する方法

Osclass管理画面へのログインページのデザインを変更する方法のご紹介です。
今回はoc-admin/フォルダ内の画像ファイルとCSSファイルを編集して、オリジナルのログイン画面に変更してみようと思います。

oc-admin/images/osclass-logo.gif

osclass-logo.gif は管理画面に表示されるロゴ画像です。
Osclassのログイン画面のレイアウトを変更する方法

※別の名前の画像を用意しても良いですが、他のphpファイルを触りたくはないので、今回は上記GIF画像を上書きするようにしました。

oc-admin/style/backoffice_login.css

backoffice_login.css でログインページのデザインを変更します。
コードサンプルは以下の通りです。

最終的に以下のようなログイン画面にしてみました。
WordPressのログインページのように、ロゴとフォームをセンタリングしています。
Osclassのログイン画面のレイアウトを変更する方法

    SNSでもご購読できます。

    コメントを残す

    *