Lightning Proの子テーマの作成方法

Lightningの子テーマをLightning Proに適用する方法を紹介します。

Lightning Proに子テーマを適用する

Lightning Proのインストール後、こちらからダウンロードしたLightningの子テーマをインストールすると親テーマとしてLightningがインストールされてしまい、Lightning Proの子テーマにはなりません。

Lightningがインストールされてしまう
親テーマとしてLightningがインストールされてしまう

Lightning Proの子テーマに設定するには、style.cssの編集が必要です。

それには、子テーマの「有効化」をクリックせず「外観」-「テーマの編集」を開いて、「編集するテーマ」で「Lightning Child Sample」を選び、「選択」をクリックします。

Lightningの子テーマを開く
Lightningの子テーマを開く

Lightning子テーマのstyle.cssが開くので、親テーマをLightning Proにするため5行目の「lightning」を「lightning-pro」に変更します。

親テーマをLightning Proに
親テーマをLightning Proに

「ファイルを更新」をクリックして、「外観」-「テーマ」メニューを開いてLightningの子テーマを有効化しましょう。

Lightningの子テーマを有効化
Lightningの子テーマを有効化

これでLightningの子テーマがLightning Proの子テーマになります。

2018年12月25日Lightningのカスタマイズ