WordPressでajaxの使用方法 - 現実世界の例

この記事では、WordPressでAjaxを使用して「後述」プラグインを作成する方法を示しています。 プラグインは、各投稿の下にリンクを追加して、ログインしたユーザーが後の読み取り用の投稿を保存できるようにします。 ウィジェットは、これらの保存された投稿を表示します。 チュートリアルでは、安全なコーディングプラクティスを強調しています

重要な概念：

• ：admin-ajax.phpこのコアWordPressファイルは、Ajaxリクエストを処理し、セキュリティと互換性を確保します。
フック：このフックを使用してカスタム関数の処理ajaxリクエストを登録します。
• wp_ajax_スクリプトとスタイルのエンキュー：
WordPress関数を使用してJavaScriptとCSSを適切に登録およびEnqueueします。
• nonce検証：不正アクセスに対するAjaxコールを保護するために不可欠です。
• ダイナミックUIアップデート：ajaxは、ページリロードなしでスムーズで高速なコンテンツの更新を有効にします。
• プラグインの機能：
「後で読む」プラグインはこれらのアクションを実行します：

各ブログ投稿の下に「後で読む」リンクを追加します クリックすると、投稿IDがユーザーのメタデータに保存されます（ページ更新なし）。

ウィジェットに保存された投稿が表示されます。

1. プラグインの開発手順：

ディレクトリ構造：

サブフォルダーをおよび、およびファイルのサブフォルダーとともにプラグインフォルダー（

）を作成してください：

、
1. 、

   、 。 read-me-later js css read-me-later.phpwidget.php（プラグインヘッダー＆クラス）：read-me-later.jsプラグインヘッダーはそれをWordPressに識別します。 a read-me-later.cssクラスはプラグインの機能をカプセル化します。

2. enqueueingスクリプトとスタイル：read-me-later.phpクラスには、wordpressフックを使用してReadMeLater>および

   ファイルを登録およびenqueueする方法が含まれています（
）。
3. >

   ReadMeLater「後で読む」リンクを追加する：read-me-later.js関数（read-me-later.css）は、投稿コンテンツと抜粋へのリンクを追加し、ログインしたユーザーにのみ表示されます。 これは、WordPressフィルター（plugins_loaded、

   ）を使用します

4. ajax urlの定義：rml_button the_contenturlをJavaScriptが利用できるようにします。 the_excerpt

5. javaScript（

   ）：javaScriptはリンククリックを処理し、ajaxリクエストをに送信し、保存の成功後にリンクを隠します。

6. ajaxアクションフック（wp_ajax_read_me_later）：このフックのフックは、ajaxリクエストをread-me-later.php関数に接続します。read_me_later

7. 関数：read_me_laterこの関数は、を使用して投稿IDをユーザーのメタデータに保存します。 また、保存された投稿を取得して表示し、update_user_metaを使用して表示します。 この関数はget_postsを使用して、適切なajax出力を確保します。die()

8. Widget（）：aカスタムウィジェット（widget.php）はを拡張して、保存された投稿を表示します。 これには、ウィジェットのフォーム、更新、および表示の方法が含まれています。 RML_Widget WP_Widget Ajax呼び出しの保護：

9. nonce検証は、javascriptの

   およびphp関数でを使用して実装され、不正な要求を防止します。 wp_create_nonce check_ajax_referer

結論：このチュートリアルは、WordPressプラグイン内でAJAXを安全かつ効果的に使用する実用的な例を提供します。この基盤を適応させ、拡張して、より複雑で機能が豊富なプラグインを作成することを忘れないでください。 WordPressフックと機能を使用すると、互換性と保守性が保証されます。

以上がWordPressでajaxの使用方法 - 現実世界の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。