今回はワードプレステーマSWELLの「カラーパレットをカスタマイズする方法」について解説します。ブロックエディター『Gutenberg』では段落ブロックの文字色や背景色をカラーパレットを使って変更することができます。『おまえは何を当たり前のことを...』と思われたかもしれませんが、ビジュアルエディターだとこんな風に文字の背景色の一部だけ変えたりするにはプラグインが必要です。SWELLではワードプレス標準搭載の機能も使いやすくカスタマイズされており、「カラーパレット」においても、オリジナルのカスタマイズが施されています。SWELLこの記事の目次カラーパレットとはブロックエディターでは文字色・背景色をカラーパレットから変更することができます。文字色・背景色の変更はよく使う機能なので、ブログを書くにあたってかなりお世話になる機能です。カラーパレットの設定方法SWELLでは8色を自由にカスタマイズできるSWELLのカラーパレットは5色が固定、残りの8色を自由にカスタマイズすることができます。カラーパレットカラーパレットの設定は、「SWELL設定」→「エディター設定」にある「カラーセット」タブで行います。カラーパレット設定画面カラーパレット【濃】とカラーパレット【淡】の各4色を変更するとカラーパレットに表示される色が更新されます。カラーパレットの表示の仕方の気遣い現在のブロックエディターでは、仕様上の都合で「文字色」と「背景色」で同じカラーパレットが表示されるようになっています。SWELLではこの仕様に鑑みて、「文字色」と「背景色」どちらにも対応できるように、カラーパレット設定画面で「濃い色」と「淡い色」を4色ずつ区分けするように表示しています。「濃い色」の背景色をセットすると自動的に文字色が白になるSWELLでは背景色に濃い色をセットした場合、自動でテキストの文字色を白に変更する工夫がされています。濃い背景色に濃い文字色を設定してしまうと可読性が悪くなりますが、そういった問題を自動的に解決してくれるわけです。(素敵です!)ブロックエディター標準搭載のカラーパレットをカスタマイズする方法ブロックエディター標準搭載のカラーパレットには、SWELLのようにパレットに表示する色をカスタマイズする機能が搭載されていません。カラーパレットをカスタマイズするには、プラグインをインストールするか、function.phpを編集する必要があります。Gutenbergプラグインをインストールするおそらくもっとも簡単な方法です。インストールすると最大19色カラーが設定できるようになります。Gutenbergをインストール有効化を忘れずに。Palette」が追加されています。Colors」が表示されます。Colors」それぞれの赤線で囲ったエリアにあるチェックボックスの数だけカラーパレットを追加することができます。Palette」の変更が適用されます。「公開」クリックエディターで表示されるカラーパレットを確認してください。ご覧の通りエディターで表示されているカラーパレットが更新されています。プラグインを入れるだけなので、どなたでも簡単にカラーパレットをカスタマイズできます。functions.phpでコードを記述するワードプレスのfunctions.phpを編集することで表示されるカラーパレットをカスタマイズすることができます。コードの記述に慣れていて、プラグインをインストールしたくないかたにおすすめです。当ブログでは実践しておりませんので、詳細は割愛します。カラーパレット」と検索すれば、該当の情報が出てきますので、お手数ですが検索してみてください。THORのようにブロックエディターに対応していないワードプレステーマだとビジュアルエディター(旧エディター)を使うことになると思いますが、ビジュアルエディターでは文字の背景色を変えることができません。この問題を解決するには「TinyMCEAdvanced」というプラグインをインストールする必要があります。Advanced」をインストールするとエディターツールバーの項目がカスタマイズできるようになります。あとは追加したい「文字背景色」のボタンを上にドラッグするだけでOKです。設定画面まとめSWELLのカラーパレットにはデフォルトでパレットをカスタマイズできる機能が搭載されているので、余計な手間をかけずにブログを書くとこができると思います。可読性が確保されるよう自動的に文字色が変更されるなど開発者の心遣いも嬉しいです。ブログを書いていると、「ここ強調したい」ってことが多々あるので、そんなときにカラーパレットでサッと変更できると「やっぱりブロックエディターは便利だな」と思います。カラーパレットに限らず、SWELLのブロックエディターを使うとブログを簡単に・楽しく・素早く書けるので、ブログを継続するハードルが一気に下がると思います。ビジュアルエディターで書くよりずっと楽ちんです!興味持っていただけたら、ぜひ公式サイトで書き心地体験していってください。気軽に、楽しく記事を書こう。購入前に読んで欲しいSWELLの素敵な公式マニュアル【10選】2021年11月28日satou金融系Web広告担当ブログ未経験でいきなりワードプレスからはじめました!金融業界で働く一介のWeb広告担当者です。わかりやすい肩書はWebマーケターだけど、マーケティングって言えるほど大層な仕事でもない。ブログでは、Webマーケティングのことや生活を豊かにする情報をシェアしていきます。最近はワードプレステーマ『SWELL』にどっぷりハマってます。『SWELL』についてばかり書くことになりそう。