Divi 5 とショートコードからの脱却

公開: 2023-09-29

別の Divi 5 アップデートで戻ってきました! ご存知のとおり、私たちはパフォーマンスや拡張性などの根本的な改善に焦点を当てて、Divi Builder を再作成する大規模なプロジェクトの真っ最中です。

私は毎月簡単な最新情報を提供して、コミュニティに私たちの進捗状況を知らせ続けます。先月、私は Divi 5 Dev Beta のリリースを発表しました。これは、Divi 5 の発売に先立って行われる 4 つのベータ段階のうちの 2 番目です。Dev Beta のリリースと Divi 5 API の完了に伴い、私たちはパブリックアルファに向けて取り組んでいます。最初のパブリックベータ版を広く利用できるようにするために、Divi のコア機能は十分に完成しました。

今月達成したこと

今月は多くのことを達成し、Accordion モジュール、Social Follow モジュール、Icon モジュール、Search モジュール、Code モジュールなど、より多くの Divi モジュールの変換を完了しました。私たちはさらに多くのバグを修正し、さらなる改善を加え、さらに多くのドキュメントを更新し、パブリックアルファ段階に向けて歩みを続けました。

最新の Divi 5 変更履歴エントリは次のとおりです。

Divi 5用のマップおよびマップピンモジュールを追加しました
Divi 5の価格表と価格表モジュールを追加しました
Divi 5にスライダーとスライドモジュールを追加
Divi 5用のビデオモジュールを追加しました
クラウドアプリを介して、事前に作成されたレイアウトをビジュアルビルダーにインポートします。
ダイナミックコンテンツボタンを修正し、塗りつぶされたテキストボックスにも表示されるようにしました。
モジュール設定モーダルにネストされたオプショングループの UI 拡張機能を追加しました。
モジュールのメタデータプロパティ値が検証されていることを確認するために、型指定された ts ファイルから module.json を生成しました。
PHP スナップショットテストを更新しました
子テーマがアクティブなときに、Divi スタイルシートがビルダーに読み込まれないバグを修正しました。
ビジュアルビルダーを終了するポートフォリオリンクを修正しました。
カスタムホバー画像をリセットすると FE で競合が発生する問題を修正しました。
ヘルプモーダルのドッキングを解除すると元のサイズより大きく表示されるヘルプモーダルサイズの問題を修正しました。
Divider モジュールのデフォルトの重みを修正しました。
Blurb モジュールのアイコンのデフォルトサイズを修正しました。
CTA とログインボタンの境界線とテキストの色がデフォルトで空になるように更新されました。
リンクされた画像要素をレンダリングするために機能する elementType imageLink が ModuleElements クラスに導入されました。
ラッパー要素をレンダリングするために機能する elementType ラッパーが ModuleElements クラスに導入されました。
画像要素をレンダリングするために機能する ModuleElements クラスに elementType 画像が導入されました。
コードモジュールの D4 と D5 の HTML の違いを修正しました。
Divi 5にアコーディオンとアコーディオンアイテムモジュールを追加
Divi 5にソーシャルメディアとソーシャルメディアアイテムモジュールを追加
Divi 5用のアイコンモジュールを追加しました
Divi 5の検索モジュールを追加しました
Divi 5用の全幅コードモジュールを追加しました
Divi 5 PHP アクションおよびフィルターフック用のドキュメントジェネレーターを作成しました。
PHP アクションフックのドキュメント宣言を更新しました。
PHP フィルターフックのドキュメント宣言を更新しました。
PHP API のドキュメントを更新しました。
モジュール設定とモーダル全般に UI の機能強化が追加されました。
モジュール開発の最新の改善を組み込むためにチュートリアルを更新しました。
新しいフィールドライブラリコンポーネントを追加しました: 警告
`animationClassnames` 実装をリファクタリングする
`module.json` のモジュールメタデータに `moduleClassname` プロパティと `moduleOrderClassname` プロパティを追加しました
`ModuleElement.scriptData()` メソッドを追加しました
`ModuleElement.styleComponents()` メソッドを追加しました
拡張 UI を有効にするオプションを追加しました
アニメーションスタイルを変更するとモジュールがクラッシュする問題を修正しました。
状態ピッカーモーダルで正しい状態 (デスクトップ、タブレットなど) が選択されない問題を修正しました。
スティッキーの間違ったセレクターを修正しました。
ドキュメントサイトに残っているdefaultAttrsおよびdefaultPrintedStyleAttrs参照を修正しました。
フィールドプロパティが明示的に宣言されていない場合、モジュール設定フィールドがレスポンシブ/ホバー/スティッキー値を正しく処理しない問題を修正しました
Firefox でページ設定バーのボタン内のアイコンが中央に配置されない問題を修正
Blurb モジュールでリンクオプションを D4 から D5 にインポートする問題を修正しました。
CTA モジュールでリンクオプションを D4 から D5 にインポートする問題を修正しました。
タブモジュールのコンテンツパネルに動的子項目タイトルが表示される問題を修正しました。
固定垂直オフセットと水平オフセットは、全幅ヘッダーモジュールの相対位置では機能しません。
テーマスタイルの後にパッケージスタイルを適切にエンキューする
開発ベータ版チュートリアルで使用される関数のドキュメントページを更新しました。

ショートコードについて話しましょう

また、Divi 5 の最も重要な変更の 1 つである、ショートコードの削除と、WordPress の将来に合わせたより最新のストレージ形式への移行について少しお話したいと思いました。

なぜショートコードから離れるのか?

Divi 5 がショートコードから離れることにはいくつかの利点があります。まず、ますます多くのユーザーが新しいエディターに惹かれるため、WordPress は必然的にショートコードを廃止することになりますが、私たちは常にその先を行きたいと考えています。

ショートコードには、無限にネストされた要素など、特定のことを達成するのが困難または不可能になる制限もあります。また、投稿コンテンツ内の特定の文字がショートコードのロジックを壊すなど、しばしば厄介な問題を抱えています。根本的な問題を解決するには、過度に複雑な解決策が必要です。

ショートコードは、解析に複雑な正規表現が必要になる可能性があるため、パフォーマンスも低下します。一方、新しいストレージ形式は解析がはるかに簡単であるため、パフォーマンスがわずかに向上します。

最後に、Divi から離れた後、投稿コンテンツにショートコードが残るという問題がありますが、これは Divi 5 では問題なくなります。Divi 5 で Web サイトを構築し、その後新しいテーマまたはビルダーに切り替えた場合, 投稿コンテンツに不要なショートコードが含まれるのではなく、白紙の状態から始めることになります。

ショートコードは既存の Web サイトにどのように移行されますか?

この切り替えを行うには、プログラムで Web サイトを検索し、ショートコードを新しい形式に変換する必要があります。 Divi 5 にアップグレードした後、変換を完了するために開始する移行プロセスが行われます。古い Divi 4 ショートコードは Divi 5 でも引き続き機能しますが、パフォーマンスにコストがかかるため、Web サイト全体が Divi 5 フレームワークを使用するように、Web サイトを移行し、サードパーティの Divi モジュールを更新することをお勧めします。

一方、Divi 5 で新しい Web サイトを構築している場合は、すべてがデフォルトで新しいフレームワークを使用します。ライブラリ内の古いレイアウト、または Divi 4 からエクスポートした古いレイアウトは、インポート時に自動的に Divi 5 形式に変換されます。

今後のアップデートにご期待ください

今月の Divi 5 アップデートは以上です。その他のニュースとして、今後数週間以内に Divi AI のアップデートがリリースされる予定です。これにより、AI を使用してコードを生成できるようになり、Divi とそのモジュールのカスタマイズがこれまでより簡単になります。 Divi のデザイン設定から解放され、独自の CSS を作成したい人にとって、このアップデートは非常に役立つものになると思います。

楽しみにしていてください。また次の更新でお会いしましょう。メールでフォローし、YouTube チャンネルに登録して最新ニュースをご覧ください。