Still not Gutenberg?

可愛い箇条書きボックス(SANGO)

こんなの作りました。

ココがポイント!
  • これは良いよね!
  • あれもいいよね!
  • それもいいよね!
menくん

有名な某企業のサイトで使われていたデザインを参考にしました

くま

ほな、あとはJSONで再利用ブロックを登録して、CSSコードを追記すればしまいやな

JSON(再利用ブロック)

jsonファイルは再利用ブロックのデータを登録する時に使用します。

上のボタンをクリックしてZIP(圧縮ファイル)をダウンロードしてください。

流れとしては

  1. ZIPファイルをダウンロード
  2. ZIPファイルを解凍して、JSONファイルにします
  3. 再利用ブロックの管理画面からJSONファイルをインポート
わからない人はこのページを見てね
menくん

はじめての人はかならず見てね♫めっちゃ便利だからね

CSSコード

最後の2行はSANGOのタイトル付きボックスボックスカラーと一緒にしてくださいね。

くま

子テーマか追加CSSにぶち込んでね

質問&サポート

とりあえずの駆け足で説明しました( ˶ˆ꒳ˆ˵ )

ぼくのFANBOX(420円以上)で応援してくれてる方でわからない方や「ちょっとこうしたい」みたいなのがあるひとはTwitterでDMください。

menくん

ちなみに「吹き出しクリエイター」がグーテンベルクに神対応しました

くま

この話はまた記事を書くね

GOOD・BADボックス

可愛い箇条書きボックスを思いついた後に、アレンジしたボックス(ここが良い・悪いボックス)があります。

ココがGood!
  • これはいいよね!
  • あれもいいよね!
  • それもいいよね!
ココがBad!
  • これはダメだね!
  • あれもダメだね!
  • それもダメだね!

今回紹介したコードをちょちょちょいっと変更すれば使用できます。

コードを変更しても前の単発箇条書きボックスも問題なく使用できるので、安心してくださいね。

menくん

JSONファイルとコードはこちら!

くま

あとはお好きに色やアイコンを変更して使ってね

menくん

わかんないときは質問してくださいね♫(FANBOXの方)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です