カラーパレットについて

カラーパレットはWordPressの標準機能で、ブロックの色を選択するために使用します。

XWRITEでは独自の色をカラーパレットに追加したり、不要な色を非表示にするなどの変更が可能です。

そのほか、ブロックのアクセントカラー、背景色、テキスト色を一括変更する独自の「カラーセット」を追加できます。

カラーパレットについて

設定方法

カラーパレットに関する設定は編集画面上部の「XWRITE設定」から変更できます。

XWRITE設定

以下の設定が可能です。

カスタムカラーパレットの追加

XWRITE設定の「カスタムカラーパレット」からカラーパレットに自由に色を追加できます。

STEP1
「カラーパレットを追加する」ボタンを選択

カスタムカラーパレット」内の「カラーパレットを追加する」ボタンを選択します。

「カラーパレットを追加する」ボタンを選択
STEP2
名前を入力後、カラーを選択し「追加」をクリック

※「高度な設定」ではCSSクラスとして使用するためのスラッグを変更できます。

名前を入力後、カラーを選択し「追加」をクリック
STEP3
カラーが追加されたことを確認し、ページをリロード

※カラーパレットへ反映するにはページのリロードが必要です。

カラーが追加されたことを確認し、ページをリロード
STEP4
カラーパレットに色が追加されます
カラーパレットに色が追加されます

カスタムカラーパレットの削除

XWRITE設定の「カスタムカラーパレット」の「削除」ボタンから削除できます。
※削除する色を適用していた場合、全て解除される可能性があります。

カスタムカラーパレットの削除

カラーパレットの表示切替

XWRITE設定の「カラーパレットの表示切替」設定からカラーパレットの表示・非表示の切り替えが可能です。
※カラーパレットへ反映するにはページのリロードが必要です。

カラーパレットの表示切替

カスタムカラーセットの追加

XWRITE設定の「カスタムカラーセット」からアクセントカラー、背景色、テキスト色のカラーセットを追加できます。

追加したカラーセットはXWRITEの独自ブロックで使用できます。

STEP1
「カラーセットを追加する」ボタンを選択

カスタムカラーセット」内の「カラーセットを追加する」ボタンを選択します。

「カラーセットを追加する」ボタンを選択
STEP2
アクセントカラー、背景色、テキスト色を選択し「追加」をクリック
アクセントカラー、背景色、テキスト色を選択し「追加」をクリック
STEP3
追加したカラーセットが表示されます

追加したカラーセットは独自ブロックの「カラーセット」設定に即時反映されます。

追加したカラーセットが表示されます

カスタムカラーセットの削除

XWRITE設定の「カスタムカラーセット」の「削除」ボタンから削除できます。

カスタムカラーセットの削除