WordPressの記事を書き終わって、「よし、あとは見た目を少し整えれば完成♪」となったはずなのに、なぜかそこから時間がかかってしまうことってありませんか?
見出しの色を変えて、囲み枠を選んで、ボタンを整えて……。本文を書くという大仕事を終えたのに、今度はデザインで迷子になるなんて、ちょっと白目むいちゃいそうですよね(笑)。
いつもブログを頑張っている皆さん、本当にお疲れさまです。
でも最近、AIちいちゃんクローゼットでちょっと面白いことができるようになりました。
記事全体を着せ替えたあと、選んだ見出しだけ別のパーツへ着せ替える。
ふふっ、これを実際に触っていたら思ったんです。
WordPressの記事装飾って、もっと自由に遊んでもいいんじゃない?
今回はそんなお話です♪
WordPressの見出しデザインは「全部お揃い」にしなくてもいい
WordPressの見出しデザインを調べてみると、CSSを使ってH2やH3の見た目を変更する方法がたくさん見つかります。線を入れたり背景色を付けたり、ちょっと形を変えるだけでも見出しの印象はずいぶん変わりますよね。
もちろん、H2はこのデザイン、H3はこのデザインと決めて、記事全体をきれいに統一するのも素敵です。まとまりが出ますし、毎回デザインを考えなくてもいいので、ブログを書く側としてもラクになります。
でも、AIちいちゃんパレットのパーツについて話していたとき、こんな話になりました。
「上がジージャンで、下がスウェットの女の子って可愛かったりするよね」
……急にファッションの話になっちゃいました(笑)。
でも、これって記事のデザインにも似ていると思うんです。
洋服って、上から下まで全部同じブランドやシリーズで揃えなくても可愛いですよね。ジージャンにスウェットを合わせてもいいし、そこへお気に入りのスニーカーを合わせたっていい。
だったら記事だって、
全部同じデザインセットじゃなくてもいいんじゃない?
そんな発想が出てきました。
全体コーデを着せてから、H2だけ別の服へ
AIちいちゃんパレット Proには、記事全体をまとめて着せ替える機能があります。
たとえばブルー系のコーデを選べば、見出しなどの記事パーツをまとめてブルー系の雰囲気へ着せ替えられます。これまでは、まず好きな完成コーデを選んで「今日はこれ♪」と一発で着せる楽しみ方が中心でした。
ところが今回、外部パーツの仕組みが少し進みました。
記事全体はブルーコーデだけど、「このH2だけ斜めマーカーにしたいな」と思ったら、そのH2を選んで別のパーツへ一発変換する。
反対に、「ここはそんなに目立たせなくてもいいかな」というH2なら、その見出しだけ装飾のないノーマルにすることもできます。
つまり、
まず全体を一発で着せ替える。そこから気になるところだけ、自分好みに着せ替える。
という使い方ができるようになったんです。
機能だけを見ると、小さなバージョンアップに見えるかもしれません。
でも実際に触ってみると、これが思っていた以上に大きな変化でした。
2〜3種類のパーツでも、組み合わせは一気に増える
ここからが、ちょっと面白いところです♪
たとえば将来、見出しが3種類、Q&Aが3種類、BOXが3種類あったとします。それぞれを見ると「3種類しかない」と思うかもしれませんが、自分で好きなものを組み合わせられるようになると、できるコーディネートは一気に増えていきます。
全身コーデを何十種類、何百種類とこちらで作らなくてもいいんです。
お気に入りのジャケットを選んで、パンツを選んで、最後に靴を合わせる。洋服だって、それぞれ数種類あるだけでいろんな着こなしができますよね。
記事も同じです。
少ないパーツから、たくさんのコーディネートが生まれる。
今回の外部パーツを触っていて、私がいちばん「これ、思っていたより大きいかも!」と感じたのがここでした。
「一発着せ替え」と「部分着せ替え」は、どちらも大切
とはいえ、ここでひとつ心配になることがあります。
「それじゃあ毎回、見出しもQ&AもBOXも全部選ぶの?」
……それは大変です(笑)。
記事を書くだけでも十分頑張ったのに、公開前に延々とファッションショーが始まったら、いつまでたっても公開できません。
だからAIちいちゃんパレットでは、これまでの記事全体の一発着せ替えも大切なままです。
今日は忙しいから早く完成させたい。そんな日は好きな完成コーデを一発で着せて、そのまま公開すればOK。
今日はちょっと時間があるし、この記事は可愛くしたいな。そんな日は完成コーデを着せたあと、H2だけ違うパーツにしてみる。
急いでいる日は全身コーデ。楽しみたい日はパーツを組み合わせる。
どちらかを選ばなければいけないのではなく、その日の気分や記事に合わせて選べる方がいいですよね♪
ノーマルだって、立派な選択肢です
今回もうひとつ分かったのが、「何も装飾しない」という選択肢も大事だということです。
現在のパーツ機能では、記事全体を着せ替えたあとでも、選択したH2だけ装飾をなくしてノーマルにできます。
だから、大事なH2には斜めマーカーを使って、説明中心のH2はノーマルにする。そんな使い分けだって自由です。
服だって、毎日アクセサリーから帽子まで全部盛りにしたら、ちょっと疲れちゃいますよね(笑)。
記事も同じで、全部を目立たせる必要はありません。
目立たせるところと、ちょっと休ませるところ。
その両方があるから、かえって大事なところが見えやすくなることもあります。
「装飾しない=何もしていない」ではなく、ノーマルを自分で選ぶのもひとつのコーディネートなんです♪
今はH2。でも、ここからもっと楽しくなりそう
ここは大事なので、現在できていることをきちんとお伝えしておきますね。
現在、外部パーツで実際に動作確認できているのは、H2を選択してパーツを一発変換するところまでです。
まだできていないものまで「できますよ♪」なんて言ったら、それはちいちゃん、ちょっと調子に乗りすぎです(笑)。
ただ、この仕組みが今後Q&AやBOX、リスト、ボタンなどにも広がっていけば、記事の着せ替え方はもっと自由になりそうです。
全体はシンプルなブルーだけど、見出しは斜めマーカー。Q&Aは少しかわいい雰囲気にして、ボタンは濃いブルーでしっかり目立たせる。
そんな組み合わせだって楽しめるようになるかもしれません。
完成したデザインを選ぶだけではなく、自分で好きな組み合わせを作る。
「AIちいちゃんクローゼット」という名前に、少しずつ本当のクローゼットらしさが出てきました♪
CSSを触る時間を「どれにしようかな♪」へ
WordPressの見出しデザインを変える方法として、CSSはとても便利です。細かいところまで自分好みに調整できますし、CSSが得意な人なら自由自在にデザインできます。
でも、CSSが苦手な人にとっては話が変わります。
「このコード、どこに入れるの?」
「ここを変えて大丈夫?」
「前に入れたCSSとぶつからない?」
記事を書き終わったあとに、さらにこれを考えるのはなかなか大変ですよね。
AIちいちゃんクローゼットでやりたいのは、そこをもう少し気軽にすることです。
難しいコードとにらめっこする時間を減らして、
「今日はどれにしようかな♪」
と選ぶ時間に変えていく。
ブログを頑張っている人に、また新しい勉強を増やしたいわけではありません。せっかく書いた大切な記事だからこそ、最後の仕上げくらいはちょっと楽しくてもいいと思うんです。
記事を書くより着せ替えに時間がかかったら、それはそれで困ります(笑)
外部パーツがこれから増えていったら、たぶん別の問題も起きます。
「こっちも可愛いなぁ。でも、さっきのもよかったし……あっ、この見出しもいい♪」
なんて選んでいるうちに、ふと時計を見る。
記事はとっくに完成しているのに、まだ着せ替えている。
……ありそうですよね(笑)。
でも、それくらい「選ぶのが楽しい」と思えるものになったら、AIちいちゃんクローゼットとしてはちょっと嬉しいです。
ブログの装飾は、難しいCSSとにらめっこするだけの作業じゃなくてもいい。忙しい日は完成コーデを一発で着せて、ちょっと遊びたい日は好きなパーツを組み合わせる。
上がジージャンで、下がスウェットでもいいんです♪
記事だって、自分が「この組み合わせ、好き!」と思える服を着せてあげればいい。
難しいCSSはもういらない。記事を着せ替える新しい楽しさ。
AIちいちゃんクローゼットは、これからもそんな「今日はどれを着せようかな♪」を少しずつ増やしていきますね。