ワードプレスカルーセルプラグインの構築：パート1

このチュートリアルの詳細WordPress Links Manager APIを活用するWordPress Carouselプラグインの作成API - WordPress内のリンクリストを管理するための最も効率的な方法。 Carouselは一連のアイテムを紹介します。それぞれが背景画像を備え、カスタムURLにリンクします。ユーザーは、「前」と「次の」矢印を使用してナビゲートします

WordPress Links Managerに保存されているリンクリストであるCarouselは、AnimationにJavaScriptとjQueryを使用しています。プラグインがディスプレイを容易にします。 アイテムを追加するには、名前、URL、説明、および正しいサイズの画像を指定する必要があります。専用のカルーセルカテゴリが作成されます。

および

属性はオプションです。target この3部構成のシリーズでは、プラグインの構造を調査します。以前に説明したように、Links Managerはリンク管理に最適です。 APIは簡潔ですが、有用なアプリケーションに十分な機能を提供します。 relは使用されません。以前の記事からのその他の機能が採用されます

WordPressリンクマネージャーとそのAPIへの事前の精通は、先に進む前に推奨されます。

wp_list_bookmarks()カルーセルデザイン：

カルーセルにはアイテムが表示されます。それぞれに背景画像（サイズカスタマイズ可能）とカスタムURLがあります。 画像名は上に表示されます。以下の説明。 ナビゲーション矢印は閲覧を容易にします

開発要件：

WordPress Links Managerは、Carouselのリンクデータを保存します。

これらのリンクを取得します。 JavaScriptとjQueryハンドルアニメーション。 プラグインは、クリーンで保守可能なコードを保証します

カルーセルアイテムの追加：

アイテムの追加には、名前、URL、説明、および正しいサイズの画像の選択が含まれます。 専用のカテゴリ（「Carousel」など）が組織用に作成されています。 get_bookmarks()および

属性はオプションです。

プラグインの作成：

targetプラグインは複数のファイルを使用して、relディレクトリ（またはmu-pluginとして）に存在します。メインファイル（

、または選択した名前）は、プラグイン情報を宣言し、カルーセルディスプレイ機能を定義します。

カルーセルディスプレイ関数（

）：

wp-content/plugins この関数は、carousel.phpを使用してアイテムを取得します。 空の配列は表示されません。

/*
Plugin Name: Carousel
Plugin URI:
Description: Creates a simple carousel
Version: 0
Author: Jérémy Heleine
Author URI: http://jeremyheleine.me
License: MIT
*/

次のステップ：display_carousel()

後続のパーツは、CSSスタイリングとJavaScriptアニメーションをカバーして、完全に機能するスライダーを作成します。 WordPress CarouselプラグインのFAQも元のテキストに含まれており、必要に応じてここに組み込むことができます。

以上がワードプレスカルーセルプラグインの構築：パート1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。