WordPress

このサイトのサイドバーウィジェットを、ウィジェットブロックエディターに対応しました

投稿日:

少し前のことになりますが、WordPress のバージョンが上がったことで、サイドバーウィジェットが「ウィジェットブロックエディター」で作成することができるようになりました。この変更により、サイドバーウィジェットにも Gutenberg のブロックが使えるようになります。記事ページとウィジェットとで、使える機能の差が小さくなったとも言えます。

この変更による利点は、例えば「画像ブロック」を使って画像を表示すれば、srcset 属性と sizes属性が自動的に追加され、レスポンシブルな <img>要素を生成してくれます。

多少面倒でしたが、本サイトのサイドバーに表示していたウィジェットをすべてブロックで置き換えました。

それまでは、対応するのが面倒だったので Classic Widgets プラグイン をインストールして、ウィジェットの画面を以前のものにしていました。これであれば既存のウィジェットは「レガシーウィジェット」としてそのまま動作します。

WordPress のブロックは複雑な機能だと思いますが、おおよそ問題なく動きます。これだけでもものすごいことです。洗練されていますね。もっと早く対応しておけばよかったと思います。置き換えにくいものは、最悪「カスタムHTMLブロック」を使って、HTMLをそのまま書いてしまうこともできます。

参考

📂-WordPress

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

WordPress の robots.txt に関する処理はどうなっているのか?

WordPressでの robots.txt に関する処理を調べてみました。 少しネットで調べてみると「robots.txt を自分で作成してルートディレクトリに置いておけば、それが使われるし、なけれ …

WordPress

【WordPress】img タグに自動的に追加される属性について

WordPressの投稿ページに画像を貼った場合、その img タグに自動的に追加される属性について説明します。

WordPress

WordPress のプラグイン Autoptimize についての覚書

WordPress のプラグイン Autoptimize についての覚書です。

WordPress

WordPress:本文に<p>や<br>が自動で追加されないようにする方法(wpautop を無効にする)

目次1. WordPress の wpautop 関数2. WordPress は投稿や固定ページの本文に対して wpautop 関数を実行します3. 本文に対する wpautop 関数を無効にする方 …

WordPress

WordPress 5.3 のエディターで、カスタムHTMLのボックスをリサイズ可能にする

WordPress 5.3 のエディターで、カスタムHTMLのボックスをリサイズ可能にする方法について説明します。