WordPressで記事を書いていると、
「見出しをもう少しかわいくしたい」
「POINTやBOXを使いたい」
「文字にマーカーを引きたい」
「記事全体のデザインをまとめて変えたい」
と思うことがあります。
でも、そのたびにCSSを調べたり、ブロックの設定を細かく変更したりするのは結構大変です。
僕もWordPressを長く使っていますが、デザインを変えようとしてCSSを触り始めると、
「どこを変えればいいんだ？」
となることがあります（笑）
そこで作ったのが、
AIちいちゃんパレット Pro
です。
AIちいちゃんパレット Proは、WordPressの記事編集画面から使える記事装飾プラグインです。
見出し、BOX、POINT、文字、マーカー、目次、タイムラインなどをパレットから選んで使えるほか、記事全体を同じデザインへまとめて着せ替えることもできます。
さらに、新しいコーデを追加すれば、同じ記事でも違う雰囲気へ着せ替えられます。
難しいCSSを自分で書くのではなく、
使いたいデザインをパレットから選ぶ。
基本的には、それだけです。
今回は、AIちいちゃんパレット Proの基本的な使い方を、実際の画面を見ながら順番に紹介します。
① AIちいちゃんパレット Proを開く
まずWordPressの投稿または固定ページの編集画面を開きます。
AIちいちゃんパレット Proを有効化すると、記事編集画面の横に、
「AI ちいちゃん」
というタブが表示されます。
ここをクリックすると、AIちいちゃんパレット Proが開きます。
パレットの上には、
一発着せ替え
ブログ一括着せ替え
という大きなボタンがあります。
その下には、
パーツ
目次
文字
ちょい足し
など、記事を編集するための機能が並んでいます。
最初はいろいろありますが、全部を覚える必要はありません。
まずは、
記事全体を着せ替えたいのか。
それとも、
選んだ場所だけ装飾したいのか。
ここだけ分かれば大丈夫です。
② 一発着せ替えで記事全体をコーデする
最初に使いやすいのが、
一発着せ替え
です。
一発着せ替えを開くと、AIちいちゃんパレット Proに入っているコーデが表示されます。
現在の標準セットには、
ブルーセット
かわいいセット
があります。
さらに外部コーデを追加している場合は、そのコーデも一覧へ表示されます。
使いたいコーデを選んで、
「このセットに着せ替える」
を押します。
すると、記事内の見出しや対応しているパーツなどが、そのコーデに合わせたデザインへ着せ替わります。
ひとつずつ、
「H2はこれ」
「POINTはこれ」
「BOXはこれ」
と変更していく必要はありません。
記事全体の雰囲気をまとめて変えたいときは、一発着せ替え。
これがAIちいちゃんパレット Proの基本です。
③ パーツを一発変換する
記事全体ではなく、
「ここだけ変えたい」
ということもあります。
そんなときは、
パーツ
を使います。
パーツには、記事の中でよく使う装飾が並んでいます。
たとえば、
タイムライン
ブルー見出し
1文字目ジャンボ
POINT
などです。
使いたい文章やブロックを選び、目的のパーツを選択します。
さらに、
「パーツを一発変換」
を使えば、選んだ内容を対応する装飾へ変換できます。
記事全体を一発着せ替えしたあと、
「ここだけもう少し目立たせたい」
という場所へ使うのもいいと思います。
つまり、
全体は一発着せ替え。細かいところはパーツ。
この使い分けです。
④ タイムラインで手順や流れを見せる
パーツの中には、
タイムライン
もあります。
タイムラインは、
「STEP1 → STEP2 → STEP3」
のように、順番がある説明を見せたいときに便利です。
たとえば、
WordPressを開く。
↓
プラグインを追加する。
↓
設定する。
↓
完成。
というような手順ですね。
普通の箇条書きでも説明できますが、順番が重要な内容ならタイムラインにすると流れが分かりやすくなります。
ただし、何でもタイムラインにすればいいわけではありません。
メリットを3つ紹介するだけなら普通のリストで十分です。
「この順番で進めてほしい」
という場所に使うと分かりやすいと思います。
⑤ 目次を作る
AIちいちゃんパレット Proでは、記事の目次も作れます。
パレット上部の、
「目次」
を選びます。
現在は、
H2のみ
または、
H2＋H3
を選べます。
シンプルな記事ならH2だけ。
H3まで細かく分かれている長い記事ならH2＋H3。
記事に合わせて選べます。
設定したら、
「目次を挿入」
を押します。
最初のH2の直前へ目次が挿入されます。
記事を書いている途中で見出しを追加した場合は、
「目次を更新」
を押せばOKです。
必要なくなった場合は、
「目次を削除」
で外せます。
記事を書き直すたびに目次を一から作り直す必要はありません。
⑥ 文字の雰囲気を着せ替える
次は、
文字
です。
記事のデザインはBOXや見出しだけではありません。
文字の雰囲気が変わるだけでも、記事全体の印象は結構変わります。
文字では現在、
ゴシック
丸ゴシック
明朝
元の書体
などから選べます。
たとえば、少しやさしい記事にしたいなら丸ゴシック。
落ち着いた読み物なら明朝。
普通のブログらしく読みやすくしたいならゴシック。
というように使い分けられます。
元へ戻したいときは、
「元の書体」
を選べます。
記事の内容だけではなく、
文字も着せ替える。
これもパレットの面白いところです。
⑦ ちょい足しでマーカーを入れる
文章を書いていると、
「ここだけちょっと目立たせたい」
ということがあります。
そんなときに使うのが、
ちょい足し
です。
現在は、
イエロー
ピンク
ブルー
のマーカーを選べます。
マーカーを外したい場合は、
解除
を使います。
記事全体を派手に装飾するのではなく、読者に見てほしいところだけ少し目立たせる。
だから「ちょい足し」です。
僕はこういう装飾は、全部に使うより、
本当に読んでほしいところだけ
に使った方が見やすいと思っています。
マーカーだらけになると、結局どこが重要なのか分からなくなりますからね（笑）
⑧ 新しいコーデを追加する
AIちいちゃんパレット Proには、最初から入っている標準セットだけではなく、
外部コーデ
を追加できます。
パレットにある、
「新しいコーデを見る」
から、AIちいちゃんクローゼットで公開しているコーデを探せます。
入手したコーデファイルを追加すると、そのコーデがパレットの一覧へ表示されます。
たとえば現在は、
ブルー系。
グリーン系。
カーキ系。
クリスマス。
やさしいピンク。
など、いろいろな方向のコーデを作っています。
同じWordPressの記事でも、使うコーデを変えると雰囲気はかなり変わります。
服と同じです。
今日はブルー。
次はピンク。
季節になったらクリスマス。
そんな感じで、
記事の内容はそのままに、見た目を着せ替える。
これがAIちいちゃんクローゼットとパレットの基本的な考え方です。
⑨ ブログ全体を一括で着せ替える
1記事だけではなく、
ブログの記事をまとめて同じコーデへ変更したい
という場合は、
ブログ一括着せ替え
を使います。
WordPress管理画面からブログ一括着せ替えを開くと、まず使用するコーデを選びます。
標準。
ブルーセット。
かわいいセット。
追加した外部コーデ。
などから選択できます。
次に、
着せ替えたい投稿を選びます。
記事を個別に選ぶこともできますし、まとめて選択することもできます。
そのあと、
「変更内容を確認する」
へ進みます。
いきなり全記事を書き換えるのではなく、何を変更するのか確認してから実行する流れです。
ブログ全体の雰囲気を統一したいときに便利です。
⑩ 一括着せ替えは最初から全記事でやらなくてもいい
ブログ一括着せ替えは便利ですが、僕なら最初から全部の記事へ実行する必要はないと思っています。
まず1記事で試す。
表示を確認する。
「これなら大丈夫」
と思ったら、何記事かで試す。
そのあと必要ならブログ全体へ広げる。
このくらいでいいです。
特に長く運営しているWordPressでは、昔の記事に今とは違うブロックや装飾が残っていることもあります。
だから、
一発で全部変えられるから、いきなり全部変える。
ではなく、
一発で変えられるけど、自分で確認しながら使う。
という方が安心です。
一発着せ替えとパーツはどう使い分ける？
ここまで読むと、
「一発着せ替えとパーツ、どっちを使えばいいの？」
となるかもしれません。
これは簡単です。
記事全体の雰囲気をまとめたいなら、
一発着せ替え。
一部分だけ変えたいなら、
パーツ。
さらに少しだけ目立たせたいなら、
ちょい足し。
記事構造を見やすくしたいなら、
目次やタイムライン。
という使い分けです。
全部の機能を毎回使う必要はありません。
必要なものだけ使えば大丈夫です。
コーデは増やせる
AIちいちゃんパレット Proを作ったとき、最初はブルーセットやかわいいセットのような基本デザインから始まりました。
でも使っているうちに、
「もう少し落ち着いた色も欲しい」
「ピンクも欲しい」
「季節のデザインも面白そう」
となってきました。
だったら、パレット本体へ全部詰め込むのではなく、
服みたいにあとからコーデを追加できればいい。
そこで外部コーデを追加できるようにしました。
パレットは着せ替えるための道具。
コーデは服。
そして、その服を探す場所が、
AIちいちゃんクローゼット
です。
新しいコーデが増えても、パレット本体そのものを毎回作り直す必要はありません。
必要なコーデだけ追加して使えます。
WordPressテーマと記事のデザインを分けたかった
AIちいちゃんパレット Proを作った理由には、もう一つあります。
それが、
WordPressテーマ変更
です。
WordPressテーマには、見出し、BOX、吹き出し、マーカーなど、いろいろな便利機能が入っているものがあります。
これは便利です。
僕も長く使ってきました。
でもテーマを変更すると、そのテーマ独自の装飾が使えなくなったり、過去の記事の見た目が変わったりすることがあります。
そこで今は、
テーマはブログ全体の土台。
記事の服はパレット。
と分けて考えるようになりました。
テーマを変更しても、記事装飾の道具はできるだけそのまま持っていく。
そうしておけば、
「デザインを変えたいけど、テーマ変更は大工事になるから怖い」
という状態を少し減らせます。
もちろん、どんなテーマでも絶対に同じ表示になるという意味ではありません。
WordPressはテーマやプラグインの組み合わせによって変わります。
でも、
記事装飾を特定テーマの機能だけに依存させない。
そこに意味があります。
テーマを変えなくても記事の雰囲気は変えられる
ブログのデザインを変えたくなると、
「テーマを変えようかな」
と考えることがあります。
でも本当に変えたいのは、サイト全体ではなく、
記事の雰囲気
だけかもしれません。
ブルーからピンクへ。
シンプルから季節ものへ。
少しかわいく。
少し落ち着いた感じに。
それなら、テーマまで交換しなくてもいい。
テーマを変えずに、記事の服だけ着せ替える。
AIちいちゃんパレット Proは、そのための道具です。
AIちいちゃんパレット Proは全部自動にしない
一発着せ替えやブログ一括着せ替えがあるので、
「じゃあ全部自動で装飾してくれるの？」
と思うかもしれません。
でも、そこまではやりません。
どこを強調するか。
どこへマーカーを引くか。
どこをタイムラインにするか。
どのコーデがこの記事に合うか。
そこは自分で決めます。
AIちいちゃんシリーズでは、
全部を自動にするより、面倒なところだけ簡単にする。
という考え方を大事にしています。
自分で考えなくていいツールではなく、
自分で決めたものを簡単に形にする道具。
そのくらいが僕には使いやすいです。
こんな人には使いやすいと思う
AIちいちゃんパレット Proは、
WordPressの記事をもう少し見やすくしたい。
CSSはよく分からない。
見出しやBOXを簡単に使いたい。
記事全体のデザインをまとめて変えたい。
テーマを変えずに記事の雰囲気を変えたい。
いろいろなコーデを楽しみたい。
ブログ全体を同じデザインへまとめたい。
そんな人には使いやすいと思います。
逆に、
細かいCSSを自分で全部書きたい。
デザインを1px単位ですべて自分で調整したい。
AIが記事内容を判断して完全自動で装飾してほしい。
という人には、少し方向が違います。
まとめ｜テーマはそのまま。記事の服を着せ替える
最初は、
「記事をもう少し簡単に装飾できたらいいな」
というところから始まりました。
そこから一発着せ替えができて、パーツが増えて、文字や目次、タイムラインも使えるようになりました。
さらに外部コーデを追加できるようになって、ブログ全体まで一括で着せ替えられるようになりました。
でも、やりたいことは最初からそんなに変わっていません。
難しいCSSを書かなくても、記事の見た目を自分で選べるようにしたい。
それだけです。
テーマはそのまま。
記事もそのまま。
着せ替えたいと思ったら、好きなコーデを選ぶ。
服を選ぶように、
今日はこの記事、どのコーデにしようかな？
くらいでいいと思っています。
WordPressの記事デザインは、一度決めたらずっと同じじゃなくてもいい。
テーマを着替えるんじゃない。記事の服を着替える。
AIちいちゃんパレット Proは、そのためのパレットです。