WordPress

【Affinger】【初心者向け】リストのデザインをすぐに変更する方法

あきぞらです。

完全にAffinger初心者向けなのですが、

「Affinger でリストのデザインをすぐに変えたい・・・」と思ったことはありませんか?

僕はあります。

そんなときのために、今日はすぐに変更できる方法を紹介します!

ブロックエディター(Gutenberg)での出し方を紹介していきます。

プラグインの確認

まずは、ブロックエディター(Gutenberg)でデザイン変更ができるプラグインがはいっているかを確認します。

ブロックエディターの、「+」ボタンを押します。

ここで、「STINGER」が選択できることを確認します。

はいっていなければ、

Affingerをダウンロードしたときに入っている、「Gutenberg用プラグイン」をワードプレスにインストールします。

STINGERのブロックメニューから好きなブロックを選ぶ

STINGERのブロックメニューから好きなブロックを選びます。

今回は、「見出し付きフリーボックス」を選択します。

選択すると、こんな感じでボックスが出現します。

この中に、見出しとリストを設定すれば完成です!

ボックス内にリストを追加する

ボックスのなかの右の「+」ボタンを押して、リストを追加します。

このリストだとなんか味気ないですよね。

ちょっとデザインを加えてみます。

リスト内の左上のボタンを押すと、リストのデザインを変更することができます。

今回は、「簡易チェック(リスト)」を選択してみます。

これでチェックのデザインを変更することができました。

見出しタイトルや色を設定する

見出しタイトルや色を設定するには、右の設定のサイドバーから設定します。

てきとうに色やタイトルをかえてみます。

こんな感じになりました!

リストタイトル

  • リスト1
  • リスト2
  • リスト3

簡単ですね。

みやすいリストを量産していきましょう!

-WordPress
-

Copyright© あきぞらてっく , 2025 All Rights Reserved Powered by AFFINGER5.