😊 絵文字ボタンのブロックエディタ移植など、その他いろいろ大幅改善 Luxeritas 3.7.8

2020年2月2日

Luxeritas Theme 3.7.8 リリース。

本当は 31日くらいにリリース可能な状態だったけど、今日の日付 20200202 でリリースしたかったので待ってたｗ

機能追加・拡張・その他不具合修正

絵文字挿入ボタン

ver 3.4.0 で旧エディタに搭載した絵文字挿入ボタンをブロックエディタに移植しました。

正確には全然移植じゃなくて Emoji Mart のライブラリを使わせていただいたので、完全にパワーアップしてます。

スマホならまだしも、PC ならタッチキーボードとか使うより入力が楽だと思います。

↓ 絵文字を使って色々書いてみた。

注意点：

絵文字は基本的に閲覧者の OS によって見え方が変わります。

また、投稿画面と実際のブログ画面でも表示される絵文字は見た目が微妙に異なります。

WordPress では Twitter 絵文字が採用されてますが、投稿画面の入力欄に表示されるのは OS 依存の絵文字です。ブログ画面では OS の Unicode で表示可能なら OS 依存絵文字、それ以外だと WordPress によって自動的に Twitter 絵文字が（SVG で）表示されます。

Windows 10 で見た場合は、↓ こんな感じになります。

Luxeritas メニューの「カスタマイズ -> Javascript」で「 WordPress の絵文字用スクリプトを読み込まないようにする 」にチェックを付けると、Twitter 絵文字ではなく OS 依存絵文字だけになります。

ちなみに Emoji Mart のデモサイトなら、OS ごとにどんな絵文字になるかも確認できます。

PWA でルートディレクトリに云々

「PWA 使いたいけど、ルートディレクトリに書き込み権限が付与できない」という特殊環境の場合でも、PWA 使えるオプション追加しました。

上記のような特殊環境でなければ、チェック付けない方が静的なので軽いです。

ブロックエディタのツールバーを横スクロール

画面幅が狭い時に画面全体を横スクロールしなくても、ブロックエディタのツールバーだけを単体で横スクロールできるようにしました。

スマホでも記事を書きやすくなりました。

再利用ブロックをメニューに追加

WordPress の「再利用ブロック」の管理画面は、メニュー内には存在せず、なぜか投稿画面からしか行けない（投稿画面の「新規ブロック追加」か「ツールと設定」のどっちか）。

Luxeritas Blocks は「再利用ブロックに追加」→「通常ブロックに戻す」っていう使い方を推奨してるので、Luxeritas メニューから管理画面に行けるようにした。

基本的に Luxeritas Blocks は一個一個のブロックに関する設定項目が多いので、ブロックの設定を終えたら「再利用ブロック」に登録して、投稿画面から「通常ブロックへ変換」という使い方が便利です。

ブロックエディタのフォントサイズ選択

WordPress 5.3 から、ブロックエディタのツールバーのポップアップ画面がワンクリックで閉じてしまうという不具合が出てる。

ワンクリックで閉じちゃうので、スライダーとかまともに動かせない（他のプラグインでも同様の現象が発生してて、直しようがない。WP 本体側で直してくれるのを待ってる）。

まぁ、ポップアップから操作しなくても、サイドにあるインスペクターコントロールからも変更できるので問題はないけど、文字サイズくらいはポップアップからサクッと操作したいので、「文字サイズ」をドロップダウンメニューから 10px ～ 56px までワンクリックで選択できるようにしました。

その他の不具合修正など

WordPress では基本的にデフォルトで外部リンクに rel="noopenner" がつくようになってるけど、 Luxeritas では WordPress が付けてくれない外部リンクにも、 rel="noopenner external" が付くようになってる。

・・・はずだったけど、いつのバージョンからか、これが機能しなくなってた。直しました。

原因は、どこかのバージョンで a タグ抽出方法を変えちゃってたので、抽出後の文字列が正規表現にマッチしてなかった。ごめん。

その他の仕様変更・不具合修正・その他は下記の改訂履歴のとおり。

• Luxeritas 公式ページ
• ダウンロードページ

改訂履歴

機能追加

機能拡張

仕様変更

不具合修正

その他