構造化データ対応Q&A、説明リスト、ツールバーボタンなどを追加(般若ビルダーブロック1.3)

こんばんは。「般若ビルダー」「般若ビルダーサーチ」制作・販売者のササメです。

構造化データ対応Q&A、説明リスト(dlタグ)、ツールバーのショートコード、リンクボタンなどのブロックに対応した「般若ビルダーブロック1.3.0」をリリースしました。

般若ビルダーブロック1.3

新機能:Q&Aブロック(構造化データ対応)



サンプル

Q
これは山手線ですか?
A
埼京線です。

そうです。埼京線です。

質問
これは山手線ですか?
回答
埼京線です。

そうです。埼京線です。

Q
これは山手線ですか?
A

とんでもない。小麦粉か何かだ。

Q
パンはパンでも食べられないパンはパンダ?
A
いいえ、フライパンです。

どんな機能?

Q&A形式のコンテンツを実装できるブロックです。Q&Aラベルの文言を変更したり、回答に見出しを付けられるのが、般若ビルダーブロックのQAの特徴です。構造化データにも対応しています。

使いかた:【HB】Q&A(構造化対応)ブロック

新機能:説明リスト(dl)ブロック



サンプル

2021年11月13日

記事2のQ&Aを削除

2021年11月10日

記事2にQ&Aを追加

2021年11月9日

記事1を修正

どんな機能?

記事の加筆、修正、更新、改訂の履歴や、用語説明に使える説明リスト(dlタグ)ブロックです。私はもっぱら更新履歴を残す目的で使っています。デザイン的には大したものではないですが、dlタグを使うことによってGoogleにより伝わりやすくなります。

使いかた:【HB】説明リスト<dl>ブロック

新機能:ステップブロック



サンプル

STEP
麺を水に浸す

麺を砕いてスープの素を入れたら、全体が浸るくらいのお水を入れて待ちましょうね。

工程
チャーシューを用意

作り置きしておいたチャーシューは、少し大きめにサイコロ状に切って、フライパンに火を付けたら調味油をビャッ!としきましょう。

ポイント
フライパンに卵を潜影蛇手!

フライパンに卵を直接、潜影蛇手!したら、グッチャグチャにかき混ぜて、チンした冷や飯もぶち込むわね。

ステップ
あっという間に完成ね
「とっくんのYouTubeチャンネル」より

仕上げにブラックペッパーを振ったら、水気が飛ぶまでフライパンで炒めて、あっという間に完成ね。あらやだ、おいしそう、やだぁ~♡

どんな機能?

ステップやポイントに沿って記事を書くためのブロックです。ラベル文字を変更したり、数字以外の番号にすることもできます。

使いかた:【HB】ステップブロック

新機能:カードブロック



横3列の特集記事、横並びランキングを表示するボックスです。3列がデフォルトですが、表示枚数は増減可能です。

サンプル

使いかた:【HB】カードブロック

新機能:ツールバーにショートコードボタンを追加

どんな機能?

ブロック対応しないほうが使い勝手のいいショートコードは、ショートコード集アイコン[/]から挿入できるようにしました。

使いかた:般若ビルダーブロックの使い方

新機能:ツールバーにリンクボックスボタンを追加

サンプル

ボックス風リンク(内部リンク)

ボックス風リンク(外部リンク)

どんな機能?

テキストリンクにnofollowやsponsoredをワンタッチで付けたり、リンクをボックスで囲んで全体リンクにできます。

使いかた:般若ビルダーブロックの使い方

新機能:リストブロックにOK・NGアイコンを追加

どんな機能?

リストブロックにOKアイコン(緑のチェックマーク)、NGアイコン(赤いバツのアイコン)を追加しました。主にメリット、デメリットリストで活躍します。

サンプル

メリット
  • メリット1
  • メリット2
  • メリット3
デメリット
  • デメリット1
  • デメリット2
  • デメリット3

使いかた:般若ビルダーブロックの使い方

新機能:画像ブロックに影、影なしスタイルを追加

どんな機能?

画像ごとに影を付けたり、全体設定や記事設定で一括で影を付けている場合に、特定の画像の影だけOFFにできるようにしました。

使いかた:般若ビルダーブロックの使い方

新機能:ブロックパターンにテーブル7種をプリセット

どんな機能?

テーブルの基本的なデザインを7種類、ブロックパターンにプリセットして呼び出せるようにしました。挿入してターブルは、プラグイン「Advanced Editor Tools」を使って、クラシックブロックでカスタマイズします。

使いかた:テーブルの使い方(Advanced Editor Tools用)

意気揚々とカスタマイズ方法の動画も収録したのですが、同じ日に「Flexible Table Block」というカスタマイズ性の高いブロックエディタ用のプラグインがリリースされました。Flexible Table Blockがあればテーブルパターンは不要になりそうです……。

Flexible Table Blockの使いかたは下記の記事で解説しました。

URLが見つかりません。

新機能:スマホテーブルの画面フル表示をOFFにできる機能

どんな機能?

スマホサイトのテーブルに左右を入れる機能です。

般若ビルダーのテーブルは、スマホの画面幅フルで表示できます。ですが、プリセットしているテーブルパターンでは、カスタマイズの利便性を優先してこの機能は無効(左右余白あり)にしています。

同じく、Flexible Table Blockを使う場合も画面幅フル表示には対応していないため、そのままだと左に寄った感じになってしまいます。そうならないように、フル表示を強制的にOFFにして左右に余白を入るようにしました。

使いかた:[HB]スマホの設定

仕様改善:アコーディオンブロック内でほとんどのブロックを使えるように改善

どんな改善?

以前のアコーディオンブロックは、見出しやクラシックブロックを中に入れることができませんでした。今回のバージョンからほぼすべてのブロックを入れられるようになりました。

仕様改善:ボックスデザインのラベル下の余白を拡大

どんな改善?

ボックスブロックの「ラベル」デザインを選択したときに、ラベルと本文の余白が窮屈な気がしたので広げました。

仕様改善:ツールバーの太字ボタンをマーカーボタンに格納

どんな改善?

strongタグではないspanタグを使った太字を「本当の太字」として、マーカーボタン内に格納しました。Bボタンが2つあって、どっちがどっちだかわかりにくいと言われたためです。

仕様改善:引用ブロックで縦ラインスタイルが使用可能に

どんな改善?

引用ブロックは、これまでの引用符デザインに加えて、デフォルトデザイン(縦ライン)を選択できるようになりました。縦ラインもクールでいいなと思ったので使えるようにしました。

仕様改善:ツールバーの文字サイズ変更を5段階に変更

どんな改善?

ツールバーのフォントサイズ(文字サイズ)の変更機能に「極小」を加えて、「極小、小、デフォルト、大、特大」の5段階に変更しました。ユーザーさんからのリクエスト対応です。

修正

  • API 2に対応するため全面的にコードを修正
  • 5.8で警告が出る問題を修正(block_categories)

【100%GPL】WordPressテーマ・般若ビルダーの購入

ブロックエディタ用WordPressプラグイン「般若ビルダーブロック」は、WordPressテーマ「般若ビルダー」に付属するプラグインです、般若ビルダーを購入すると、購入ページから一緒にダウンロードできます。

般若ビルダーの購入は下記よりどうぞ。

この記事を書いた人

ササメ
般若ビルダーシリーズ制作

「般若ビルダー」「般若ビルダーサーチ」の制作・販売責任者。2008年8月からWordPressを使ったブログ・サイトの運営を開始。2009年から専業、2014年に法人化。読者の知りたい真実を読みやすく、わかりやすく、本音で伝えるサイト運営が得意。葉酸サプリの分析オタク。