Keycloak: Quick Theme でビジュアルにテーマを作成

このドキュメントは外観のカスタマイズガイドの一部です。完全なガイドはこちらからご覧いただけます:Stackhero で Keycloak のログインページ、アカウントコンソール、メールのブランド化が簡単にできます。色、ロゴ、テキストを設定したり、内蔵のオンラインエディタで完全なカスタムテーマを作成することも可能です。

👋 Stackheroドキュメントへようこそ!

Stackheroは、Keycloakクラウドサービスを提供しており、本番環境対応のアイデンティティプロバイダーをわずか2分でデプロイできます:

  • 無制限のユーザー、レルム、クライアント
  • OpenID ConnectOAuth 2.0SAML 2.0、ソーシャルログイン、LDAPおよびActive Directoryフェデレーションに対応
  • カスタムドメイン名と組み込みのHTTPSによる安全なアクセス(例:https://login.your-company.com
  • カスタムテーマ:付属のオンラインエディターでログインページ、アカウントコンソール、メールを簡単にブランディング可能
  • SPF、DKIM、DMARC対応の専用メールサーバーを搭載し、アカウント確認やパスワードリセットも自動で処理
  • 管理コンソールを独立したクローズ可能なポートで利用できる組み込みPostgreSQLデータベース
  • ワンクリックアップデートで、手動作業なしにシステムを常に最新状態に維持

設定作業ではなく開発に時間を使いましょうStackheroのKeycloakクラウドソリューションは最短5分でお試しいただけます。

Keycloak 管理コンソールには Quick Theme(Keycloak のビジュアルテーマデザイナー)が用意されています。ロゴをアップロードし、色を選択し、ログインページやアカウントコンソールをプレビューし、完成したテーマを .jar ファイルとしてダウンロードできます。

インストールするには、エディタで themes/ ディレクトリにファイルを配置し、サービスを再起動してください。.jar はテーマディレクトリに展開され、アーカイブは削除されます:

themes/acme.jar        becomes     themes/acme/

新しいテーマは Realm settings > Themes に表示されます。必要に応じて、ファイルを手動で編集し続けることも可能です。

この方法は Keycloakify で作成したテーマや、デザイナーから提供されたテーマにも対応しています。テーマを含む .jar または .zip ファイルはこの方法でインストールできます。同名のテーマがすでに存在する場合は、新しいものは acme-1 としてインストールされ、アップロードによって既存の作業が上書きされることはありません。ファイルがテーマでない場合はそのまま無視され、Keycloak は通常通り起動します。