コアポイント
- Daniel Bachhuberによって書かれたGutenberg Migration Guideは、開発者がWordPressのテーマとプラグインを調(diào)整して、新しいGutenbergの編集者と互換性のあるものにするための必須リソースです。 Classic EditorとGutenbergのカスタムポイントを比較し、影響を受けるすべてのフックとクラシックエディター機(jī)能をカバーします。
- Gutenbergの能力が高まっており、エンドユーザーと開発者の利點(diǎn)にもかかわらず、多くのWordPress開発者はまだ製品に適応するのが遅いです。ただし、GutenbergがWordPressの新しいデフォルトエディターになったため、テーマとプラグインがそれらと互換性があることを確認(rèn)することが重要です。
- Gutenberg Migration Guideはよく敷設(shè)されており、使いやすく、フックの使用方法、Gutenbergの同等のフックのスクリーンショット、Gutenberg開発者マニュアルへの參照の実用的な例を提供します。ただし、WordPressコミュニティからの潛在能力を最大限に引き出すには、さらに多くの貢獻(xiàn)が必要です。
GutenbergのMigration Guideに関するこの記事は、もともとTorque Magazineによって公開され、許可を得てここで再現(xiàn)されています。
それが好きかどうかにかかわらず、グーテンバーグはWordPressの一部になりました。したがって、WordPressのテーマとプラグインを新しいエディターと連攜することが最優(yōu)先事項(xiàng)である必要があります。正直に言うと、あなたが今これについて考え始めているなら、あなたは多くの時(shí)間を逃しました。ただし、特にサードパーティのヘルプの助けを借りて、製品を準(zhǔn)備するのに十分な時(shí)間がまだあります。
ダニエル?バッハーバーのグーテンベルク関連のプロジェクトは、以前にトルクブログに掲載されており、見る価値のあるプロジェクトでもあります。プラグインを微調(diào)整してグーテンバーグと互換性のあるものにするのは難しい作業(yè)ですが、グーテンバーグの移行ガイドはスイッチを支援する必要があります。これは、WordPress Classic EditorとGutenbergのカスタムポイントを比較するための便利な參照ガイドです。
この記事では、プロジェクト全體について學(xué)び、それがどのように機(jī)能するかについて説明します。次に、プラグインとテーマがGutenbergを使用する準(zhǔn)備ができていることを確認(rèn)する方法について説明します。始めましょう!
Gutenberg編集者の現(xiàn)在のステータス
トルクブログでグーテンバーグの歴史について何度も議論したので、ここでは詳しく説明しません。ただし、いくつかの背景情報(bào)を提供するために、Gutenbergは最終的にWordPressの新しいデフォルトエディターになります?,F(xiàn)在使用されているTinymceのバージョンを置き換えます。 Gutenbergはもはやベータ版ではありませんが、プラグインがコアプラットフォームに統(tǒng)合されるのをまだ待っています。しかし、グーテンバーグの機(jī)能には正當(dāng)な理由がありますが、多くの人々は編集者の現(xiàn)在の完璧さの欠如に腹を立てています。この評(píng)価は、プロジェクトの現(xiàn)在のステータスを考慮すると、少し厳しい場(chǎng)合があります。いずれにせよ、高い批判は、特に製品を基準(zhǔn)にするために、多くのWordPress開発者による行動(dòng)の欠如につながりました。
しかし、これは、いくつかの精通した開発者が早期採(cǎi)用者のために市場(chǎng)を獲得しようとするのを止めていません。たとえば、非常に人気のあるElementor Pro Page Builderには、Gutenbergと互換性のある多くの「ブロック」が含まれています。他の開発者は、この機(jī)能を標(biāo)準(zhǔn)機(jī)能として使用し始めました:
ビジネストピックにグーテンバーグ関連の機(jī)能が表示されることになったという事実は、狀況をより明確にするはずです。言い換えれば、一部の開発者はしばらくの間Gutenbergソリューションに取り組んでいます。今、彼らはこれらのソリューションを一般に提供し始めています。
まだこれを開始していない場(chǎng)合は、開始するために何らかの助けが必要になる場(chǎng)合があります。幸いなことに、このように役立つ素晴らしいイニシアチブがあります。
はじめにGutenberg Migration Guide
機(jī)能をグーテンベルクに移行しながらサポートを受けることは、多くの開発者に歓迎されるかもしれません。この目的のために、ダニエル?バッハーバー(最近グーテンバーグ関連のイニシアチブの焦點(diǎn)となった)がグーテンバーグ移民ガイドを作成しました。
これは、開発者がティナムス中心のプラグインとテーマを新しいエディターに移植するのに役立つリソースです。多數(shù)のスクリーンショットと、Gutenberg開発者マニュアルへの便利な參照が含まれています。 Gutenberg自身の「Codex」と考えることはできますが、WordPress Codexの公式部分として分類されていません。
このガイドには、各Tinymce EditorカスタムポイントとそのGutenbergに相當(dāng)する概要も含まれています。さらに、影響を受けるすべてのフックとクラシックエディター機(jī)能をカバーしています。これは、Gutenbergに機(jī)能性を移植するソリューションを見つけようとする場(chǎng)合、明らかに重要な參照リソースになります。
Gutenberg Migration Projectの成功を支援する方法 4月末のMake WordPressブログ投稿で概説されているように、ダニエルは唯一の貢獻(xiàn)者を維持するのではなく、プロジェクトをクラウドソーシングしようとしています。ただし、新しいエディターを構(gòu)成する多數(shù)のコンポーネントにもかかわらず、追加の貢獻(xiàn)はほとんどありません。
したがって、特にプロジェクトの価値が高いことを考えると、このガイドを改良するためには、より多くの貢獻(xiàn)者が必要です。貢獻(xiàn)を開始するには、通常どおりプルリクエストを送信してから、ガイドに承認(rèn)してマージできます。 GitHubの質(zhì)問を開くことで、新しいフックを提案する(または質(zhì)問する)こともできます。
Gutenberg Migration Guideを使用して最新のWordPressプラグインを配信する方法Gutenberg Migration Guideの実際の使用は非常に簡(jiǎn)単です。これは、主にそのレイアウトが整理されているためです。
各ページの上部にある関連するTinymceエディターアクションまたはフィルターへの參照があり、その後、WordPressでの使用の一般的な例があります。次に、フックの使用方法の実用的な例を見つけることができます。これは、プロジェクトがさらに貢獻(xiàn)する必要がある分野です。多くのプラグインは、獨(dú)自の機(jī)能を編集者に追加します。これを文書化する必要があります。
以下に、Gutenbergの同等のフックのスクリーンショットがあります。これには、フックを見つけることができる場(chǎng)所の簡(jiǎn)単な説明と、その使用に関する難解な情報(bào)が付屬しています。最後に、より多くの情報(bào)が必要な場(chǎng)合に役立つ便利なGutenberg開発者マニュアルリファレンスがあります。
全體として、これは非常に便利なGutenberg開発者リファレンスガイドであり、移行プロセス中にブックマークする必要があります。私たちの意見では、最初に見るべき部分は、グーテンベルクに切り替えていない部分です。たとえば、多くのedit_form操作は、Gutenbergではもはや互換性がありません。テーマまたはプラグインの機(jī)能に応じて、これには包括的な回避策が必要になる場(chǎng)合があります。最後に、Gutenbergに統(tǒng)合されていない2つのクラシックエディター機(jī)能は、[畫面オプション]タブと非公式のカスタムポストステータス機(jī)能です。これは多くのWordPressユーザーが便利だと思う「強(qiáng)力な」機(jī)能であるため、前者は多くの開発者をもっと心配するかもしれません。
テーマとプラグインが両方の編集者に適応できることを確認(rèn)することが重要です。ご覧のとおり、Gutenberg Migration Guideはこれを達(dá)成するのに役立ちます。
結(jié)論
グーテンバーグには批評(píng)家がいますが、すべてのベータアップデートはさらに多くのものをもたらします。新しい編集者は、ゆっくりとWordPressレイアウトを作成する強(qiáng)力な方法になりつつあります。これは、エンドユーザーと開発者の両方にとって朗報(bào)です。さらに、ダニエル?バッハーバーのグーテンバーグ移民ガイドは、プロジェクトを迅速に調(diào)整する必要がある人にとって優(yōu)れたリソースです。それ自體で非常に使いやすいですが、その可能性を最大限に発揮するには、WordPressコミュニティの助けが必要です。支援するために、プルリクエストを送信したり、GitHubの問題を開いたり、獨(dú)自のTinymceエディター機(jī)能に相當(dāng)するGutenbergの実用的な例を提供することもできます。
Gutenberg Migration Guideを使用した最新のWordPressプラグインに関するFAQ WordPressのGutenbergとは何ですか?Gutenbergは、WordPress 5.0で紹介された新しいエディターです。以前のTinymceエディターを置き換え、より直感的でブロックベースのコンテンツ作成方法を提供します。それが段落、畫像、またはビデオであろうと、各コンテンツは、個(gè)別に動(dòng)作できるブロックであり、コンテンツのレイアウトをより柔軟に制御できるようにします。
グーテンベルクに移行する方法は?
グーテンバーグへの移行には、グーテンバーグプラグインのインストールとアクティブ化またはWordPress 5.0以降への更新が含まれます。アクティブ化されると、Gutenbergはデフォルトエディターを置き換えます。スイッチを作成する前にWebサイトをバックアップし、最初にステージングサイトで新しいエディターをテストすることをお?jiǎng)幛幛筏蓼埂?
グーテンバーグブロックとは何ですか?
Gutenbergブロックは、Gutenbergの編集者にコンテンツを構(gòu)築するために使用する要素です。段落、畫像、ビデオ、列など、さまざまな種類のコンテンツのブロックがあります。各ブロックをカスタマイズして、一意のレイアウトを作成するように配置できます。
グーテンベルクに新しいブロックを追加する方法は?
エディターのPlus Sign()アイコンをクリックすると、Gutenbergに新しいブロックを追加できます。これにより、追加するブロックの種類を検索して選択できるメニューが開きます。また、Gutenbergにブロックを追加できるプラグインもいくつかあります。
古いプラグインを使用してGutenbergと互換性がありますか?
はい、ほとんどの既存のWordPressプラグインはGutenbergと互換性があるはずです。ただし、一部のプラグインは互換性がなく、問題を引き起こす可能性があります。ライブサイトにすべてのプラグインを使用する前に、ステージングサイトのすべてのプラグインをテストするためにGutenbergを使用することをお?jiǎng)幛幛筏蓼埂?
gutenbergブロックプラグインを推奨するものは何ですか?
利用可能な素晴らしいGutenbergブロックプラグインがたくさんあります。一部の一般的なプラグインには、高度なグーテンバーグ、積み重ね可能、アトミックブロックが含まれます。これらのプラグインは、Gutenbergにさまざまなブロックを追加し、より多くのコンテンツオプションを提供します。
Gutenbergブロックをカスタマイズする方法は?
Gutenbergブロックは、エディターのブロック設(shè)定を使用してカスタマイズできます。これらの設(shè)定を使用すると、ブロックの外観、レイアウト、その他のプロパティを変更できます。一部のブロックは、CSSを介した追加のカスタマイズもサポートしています。
Gutenbergが気に入らない場(chǎng)合、古い編集者に復(fù)元できますか?
はい、古いエディターを希望する場(chǎng)合は、クラシックエディタープラグインをインストールしてアクティブにすることができます。これにより、Gutenbergが無(wú)効になり、以前のTinymceエディターが復(fù)元されます。
Gutenberg SEOはフレンドリーですか?
はい、グーテンバーグはSEOフレンドリーになるように設(shè)計(jì)されています。ブロックベースの構(gòu)造により、クリーンで構(gòu)造化されたコンテンツを簡(jiǎn)単に作成でき、検索エンジンが理解しやすくなります。しかし、何と同様に、SEOのベストプラクティスに従ってください。
グーテンベルクの使用方法は?
グーテンベルクの學(xué)習(xí)に役立つ多くのリソースがあります。 WordPressはGutenbergの編集者にチュートリアルを提供しており、多くのオンラインチュートリアルとガイドが利用可能です。練習(xí)と実験は、新しい編集者の內(nèi)と外を?qū)Wぶための素晴らしい方法でもあります。
以上がGutenberg Migration Guideを備えた最新のWordPressプラグインの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。

ホットAIツール

Undress AI Tool
脫衣畫像を無(wú)料で

Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無(wú)料のコードエディター

SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい

ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











GITでWordPressプロジェクトを管理する場(chǎng)合、バージョンコントロールにテーマ、カスタムプラグイン、構(gòu)成ファイルのみを含める必要があります。 .gitignoreファイルをセットアップして、ディレクトリ、キャッシュ、および機(jī)密構(gòu)成のアップロードを無(wú)視します。 WebhooksまたはCIツールを使用して自動(dòng)展開を?qū)g現(xiàn)し、データベース処理に注意を払います。共同開発のために2つのブランチポリシー(Main/Develop)を使用します。そうすることで、競(jìng)合を回避し、セキュリティを確保し、コラボレーションと展開効率を改善できます。

Gutenbergブロックを作成するための鍵は、その基本構(gòu)造を理解し、フロントエンドリソースとバックエンドリソースを正しく接続することです。 1.開発環(huán)境の準(zhǔn)備:ローカルWordPress、node.js、 @wordpress/scriptsをインストールします。 2。PHPを使用してブロックを登録し、JavaScriptを使用してブロックの編集ロジックを定義します。 3. npmを介してJSファイルを構(gòu)築して変更を行います。 4.問題に遭遇したときにパスとアイコンが正しいかどうかを確認(rèn)するか、リアルタイムのリスニングを使用してビルドを使用して、繰り返し手動(dòng)コンパイルを避けます。これらの手順に従って、シンプルなグーテンバーグブロックを段階的に実裝できます。

WordPressテスト環(huán)境を使用して、正式に発売される前に新機(jī)能、プラグイン、またはテーマのセキュリティと互換性を確保し、実際のWebサイトに影響を與えないようにします。テスト環(huán)境を構(gòu)築する手順には、次のものがあります。ローカルサーバーソフトウェア(LocalWP、XAMPPなど)のダウンロードとインストール、サイトの作成、データベースと管理者アカウントの設(shè)定、テスト用のテーマとプラグインのインストール。正式なWebサイトをテスト環(huán)境にコピーする方法は、プラグインを介してサイトをエクスポートし、テスト環(huán)境をインポートし、ドメイン名を置き換えることです。それを使用する場(chǎng)合、実際のユーザーデータを使用せず、定期的に役に立たないデータのクリーニング、テストステータスのバックアップ、時(shí)間內(nèi)に環(huán)境のリセット、および違いを減らすためにチームの構(gòu)成を統(tǒng)合することに注意を払う必要があります。

WordPressでは、カスタム記事タイプを追加したり、固定リンク構(gòu)造を変更したりするときは、書き換えルールを手動(dòng)で更新する必要があります。この時(shí)點(diǎn)で、コードを介してflush_rewrite_rules()関數(shù)を呼び出して実裝できます。 1.この関數(shù)は、テーマまたはプラグインのアクティベーションフックに追加して、自動(dòng)的に更新できます。 2。CPTの追加、分類、リンク構(gòu)造の変更など、必要に応じて1回のみ実行します。 3.パフォーマンスに影響を避けるために、頻繁に電話をかけないでください。 4。マルチサイト環(huán)境では、必要に応じて各サイトを個(gè)別に更新します。 5.一部のホスティング環(huán)境は、ルールの保存を制限する場(chǎng)合があります。さらに、[保存]をクリックして「設(shè)定>ピン留めリンク」ページにアクセスすると、自動(dòng)化されていないシナリオに適した更新もトリガーできます。

tosetupredirectsinwordsusitheTheTheTheTheTheTheThe、LocateTethefileNyinyOursite’sRootDirectoryAnddRedireCtRulesabovethe

usingsmtpforwordpressemailsimprovesdeleverability andReliability comparedtothededefaultphpmail()function.1.smtpauthenticateswithyouremailserver、reducespamplacement.2.somehostsdisablephpmail()、makesmtpn devering

応答性のあるWordPressテーマデザインを?qū)g裝するには、まず、HTML5とモバイルファーストメタタグを使用し、header.phpにビューポート設(shè)定を追加して、モバイル端子が正しく表示されるようにし、HTML5構(gòu)造タグでレイアウトを整理します。第二に、CSSメディアクエリを使用して、さまざまな畫面幅でスタイルの適応を?qū)g現(xiàn)し、モバイルファーストの原則に従ってスタイルを書き込み、一般的に使用されるブレークポイントには480px、768px、1024pxが含まれます。第三に、畫像とレイアウトを弾力的に処理し、最大幅を設(shè)定します。畫像に100%を設(shè)定し、固定幅の代わりにFlexBoxまたはグリッドレイアウトを使用します。最後に、ブラウザ開発者ツールと実際のデバイスを介して完全にテストし、パフォーマンスを最適化し、応答を確保する

IntegrateThird-PartyApisIntOwordPress、次のようになります。
