紹介文ブロックの追加とその他ちょこちょこ Luxeritas 3.6.5

Luxeritas 3.6.5

複数人でブログを書いてる場合に、よく見かける「この記事を書いた人」みたいなやつ。

あれができるブロック追加しました。当初は「プロフィール」という名前のブロックで開発してたけど、プロフィール以外にも使えるので、「紹介文」ブロックという名前に変更。

その他、ブロックエディタで、まだ対応しきれてなかった部分などをちょこちょこ対応させた。

機能追加の詳細

紹介文ブロック

基本的な使い方としてはこう ↓

この記事を書いた人
LunaNuko

マクドナルドでビックマックのバリューランチセット 600円。単品ビックマック+ポテトMだと650円なので「セットで飲み物なしってできない?」って聞いたら「無理」って言われた。

画像の大きさ(というか比率)・画像の丸み・枠線の種類・枠線の色・枠線の丸み・タイトルの色・タイトルのアイコン・文字色・背景色など、いろいろ変更可能。

SEO 項目として、人物を表す構造化データを付けるかどうかも設定できるようにしてある。

これまでに追加したブロックの中では、最も設定項目が多い。

毎回、記事に挿入する場合は、再利用ブロックへの登録を推奨。

以下、サンプル

紹介文サンプル

フォローボタンや構造化データを付けなければ、例えば、物語の人物紹介とかにも使える。

※ 中に書いてある文章は当方の独自目線によるものです・・・

↓ 画像に丸みを持たせてみたパターン

五等分の花嫁の登場人物
中野一花

五つ子の長女。末端女優。三玖と双璧を成す変装の達人(ただし姉妹の変装に限る)。掃除は苦手。新居でも数日で汚部屋と化すほどの面倒くさがり。睡眠欲旺盛。

↓ 枠線の種類とか変えてみたパターン

五等分の花嫁の登場人物
中野二乃

五つ子の次女。いわゆるツンデレ。ツンの期間が長い。デレ時の攻撃力は随一の暴走機関車。料理はプロ並。五つ子の胃袋と栄養管理を一手に握っている。

↓ 画像にキャプションつけないパターン

五等分の花嫁の登場人物

中野三玖 :
五つ子の三女。歴女。引っ込み思案。体力がなくインドア派。料理も絶望的に下手。最も弱点が多い気がするが、五人の中では「かろうじて」成績優秀(ただし、日本史に依存してる)。

↓ タイトルつけないパターン

中野四葉

五つ子の四女。脳筋。男顔負けの驚異的な腕力と体力を誇る。困ってる人を放っておけないタイプで、自己犠牲精神がハンパない。高校生になってもお子様パンツ。

↓ フォローボタンなしのデフォルト状態

五等分の花嫁の登場人物
中野五月

五つ子の五女。「超」がつくほどの真面目人間タイプだが、要領が悪いため基本的にはバカ。でも将来は教師志望。食いしん坊というか、かなりの大食らい。帽子を取るとスゴイ勢いで飛び跳ねる「鋼のアホ毛」の持ち主。

文字サイズ変更ボタンにレンジコントロールつけてみた

フォントサイズを変更するボタンのところに、左右に動かしてサイズを変更できるレンジコントロールつけた。そんだけ・・・

文字サイズ変更のレンジコントロール

strong じゃない太字ボタン

ブロックエディタのデフォルトでついてる ↓ このボタンが。。。

太字じゃなくて strong ボタン

太字ではなく、強調 <strong> だってのが、すごく気に食わない(旧エディタの時もそうだったけど)。

SEO 上、strong タグは h タグ並の強さを持ってるので、単なる装飾目的で太字にする場合は strong なんて使わない。

なので、

強調ではない太字ボタン

強調ではない太字ボタンを追加した。

機能追加の説明は以上。その他の不具合修正などは、下記の改訂履歴のとおりでおじゃる。

改訂履歴

機能追加

  1. ブロックエディタに紹介文ブロックを追加
  2. ブロックエディタの文字サイズ変更ボタンにレンジコントロール追加
  3. ブロックエディタのインラインボタンに「強調ではない太字」ボタンを追加

不具合修正

  1. ブロックエディタで Youtube 等の動画を埋め込むと上に大きな空白ができちゃうので修正
  2. トップページやカテゴリページなどを全文表示(または先頭固定全文表示)に設定してる場合に、全文表示時にアコーディオンブロックの開閉ができない(というか開きっぱなし)ので、開閉できるように修正
  3. AMP がまだインラインスタイルを許可してなかった時代の名残で、img タグだけインラインスタイルを設定しても style が削除されちゃってたので修正
  4. 原因は全く分からんけど、投稿画面の追加ヘッダーでヘッダー追加しても反映されない事象があるらしいので(実際は更新ボタン押したり、他の項目を変更してみたりすれば、ちゃんと反映される)、より確実に反映されるようにしてみた

Luxeritas

Posted by るな