作成方法を学びたいですか? WordPressのプラグイン シンプル?

WordPressは多くの人の最愛の人であり、当然のことながらそうです。 それは信じられないほど使いやすく、無料(またはオープンソース)で、柔軟性があり、そして最良の部分は非常に拡張可能です。 プラグインを使用すると、WordPressを拡張して、考えているほぼすべての機能を追加できます。

あなたが完全な初心者であれば、 WordPressのプラグイン 携帯電話のアプリのようなものです。 お使いの電話はそのままでも問題なく動作しますが、アプリを使用してさらに機能を追加できます。 同じことが WordPress コンテンツ管理システム (CMS) にも当てはまります。

WordPress プラットフォームはすでに強力ですが、プラグインを使用するとさらに多くのことができます。 たとえば、 WordPressのプラグイン e コマース、SEO、スパム対策、高度なフォーム、ソーシャル ネットワーク、より優れたセキュリティ、ライブ チャット、ビジュアル ページ作成などの機能を追加できます。

何千もあります WordPressのプラグイン 無料とプレミアム。 ザ 公式のWordPressプラグインリポジトリ 執筆時点で、単独で59を超える無料のプラグインがあります。 などの他のマーケットプレイス CodeCanyon、何千ものプレミアムWordPressプラグインを提供します。

つまり、WordPress Web サイトに追加できるほぼすべての機能に対応するプラグインが存在する可能性があります。 それでも、前述のプラグイン ソースから入手できないものが必要になる場合があります。 この場合、 WordPressのプラグイン 既存のプラグインをゼロから、または変更 (またはフォーク) します。

今日の記事では、 WordPressのプラグイン シンプルなので、シンプルなものを作成したい場合や、プラグイン開発に本格的に取り組みたい場合に適しています。 前置きはこのくらいにして、始めましょう。

しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

それから私たちがここにいる理由に戻りましょう。

シンプルなWordPressプラグインの作成:基本

楽しい部分に入る前に、知っておくべき基本的なことがいくつかあります。 初心者として、WordPress プラグインの作成は難しいと思うかもしれません。 まあ、そうではありません。 誰でもできる 書くことを学ぶ コンピュータサイエンスの学位を持っているかどうかに関係なく、プラグイン。

同時に、将来さらにプラグインを作成する予定がある場合は、PHPコーディングの知識がさらに役立ちます。 この知識があれば、どのように理解することができますか PHP関数、それはあなたの仕事をはるかに簡単にします。 それでも、それは簡単です。

また、必要な機能に応じて、WordPressプラグインには、CSSスタイルシート、JavaScriptスクリプト、メディアファイルなどのXNUMXつ以上のファイルが含まれている場合があります。 最後に、 WordPressのコーディング標準とベストプラクティス 安全側にとどまるために。

今日は複雑なことに挑戦しないので、安心してください。 簡単なWordPressプラグインを作成する方法と、作業を簡単にするためのツールとリソースを共有する方法を紹介します。

WordPressプラグインを書くために必要なもの

WordPressプラグインを作成する前に、いくつかのことが必要になります。 手始めに、Webサイトでプラグインをテストしないでください。 何かがうまくいかない場合、あなたはあなたのウェブサイトを壊す危険があります、そしてそれはあなたが物事を直す間ひどいダウンタイムにつながることができます。

代わりに、ローカルまたはサーバー上にテストWebサイトを作成してください。 方法は次のとおりです。

それ以外に、次のようなテキストエディタが必要になります メモ帳++崇高なテキスト ou アトム。 必須ではありませんが、次のようなツールを使用できます。 プラグインプレート ou ボイラープレートプラグイン 開発をスピードアップするため(これについては後で詳しく説明します)。

それでは、簡単なWordPressプラグインを書いてみましょう。 このチュートリアルでは、作成するレストランのWebサイトにカスタム投稿タイプを追加するプラグインを作成します。

初心者の場合、WordPressは、ページ、投稿、添付ファイル、レビュー、ナビゲーションメニューなど、複数の投稿タイプをサポートしています。 このシナリオでは、「レシピ」カスタム投稿タイプを追加する単純なWordPressプラグインを作成します。 説明のために、このプラグインを「ホットレシピ」と呼びます。

シンプルなWordPressプラグインの書き方

各WordPressプラグインには、手動で、またはPluginBoilerplateやPluginplateなどのツールを使用して作成できるメインファイルがあります。 時間を節約するには、Pluginplate(より直感的)を使用して、メインファイルと、後で必要になる可能性のあるいくつかの追加のファイルとフォルダーを生成します。 今のところ、必要なのはメインファイルだけです。

メインファイルの作成

訪問 pluginplate.com ボタンをクリックします プラグインを作成する、以下で強調するように。

次に、以下に示すようにプラグイン情報を入力します。 ページの下部に、セクションがあります。 モジュール これにより、プラグインに機能を追加できます。 また、をクリックして各モジュールをカスタマイズできることにも注意してください。 プラス(+)、 以下で詳しく説明します。 満足したら、ボタンをクリックします 生成します le プラグイン :

シンプルなWordPressプラグインを作成する

その後、ボタンをクリックしてください ダウンロード プラグインをコンピューターに保存します。

これで、メインファイルから必要なすべてのベースファイルができました。 私たちのWordPressプラグインはそのままでは何もしません。 プラグインをアクティブ化したときに実行されるコードを追加する必要があります。 この例に基づくと、メインファイルは次のとおりです。 hot-recipes.php、これは次のセクションで編集するファイルです。

関数の追加

ファイルを見つけるには hot-recipes.php、PluginplateからダウンロードしたZIPフォルダを抽出します。

シンプルなWordPressプラグインを作成する

フォルダ内にメインファイルが表示されます。この場合も、次のようになります。 ホットレシピ。PHPの:

シンプルなWordPressプラグインを作成する

プラグインフォルダには他のファイルがたくさんありますが、今は必要ありません。 次に、メインファイルにいくつかの関数を追加しましょう。 メインファイルを開きます(ホットレシピ.php)お気に入りのテキストエディタで(Visual Studio Codeを使用します)。

参照: WordPressでコメントを無効にする方法

プラグインプレートのフォームへの入力方法に応じて、次のコードスニペットまたは同様のものが表示されます。

<?php
/**
 * Recettes Chaudes
 *
 * @package       RECETTESCH
 * @author        Passi
 * @license       gplv2
 * @version       1.0.0
 *
 * @wordpress-plugin
 * Plugin Name:   Recettes Chaudes
 * Plugin URI:    https://blogpascher.com/
 * Description:   Recettes Chaudes permet de créer un type de post personnalisé pour un restaurant
 * Version:       1.0.0
 * Author:        Passi
 * Author URI:    https://blogpascher.com/
 * Text Domain:   recettes-chaudes
 * Domain Path:   /languages
 * License:       GPLv2
 * License URI:   https://www.gnu.org/licenses/gpl-2.0.html
 *
 * You should have received a copy of the GNU General Public License
 * along with Recettes Chaudes. If not, see <https://www.gnu.org/licenses/gpl-2.0.html/>.
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) exit;
// Plugin name
define( 'RECETTESCH_NAME',			'Recettes Chaudes' );

// Plugin version
define( 'RECETTESCH_VERSION',		'1.0.0' );

// Plugin Root File
define( 'RECETTESCH_PLUGIN_FILE',	__FILE__ );

// Plugin base
define( 'RECETTESCH_PLUGIN_BASE',	plugin_basename( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder Path
define( 'RECETTESCH_PLUGIN_DIR',	plugin_dir_path( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder URL
define( 'RECETTESCH_PLUGIN_URL',	plugin_dir_url( RECETTESCH_PLUGIN_FILE ) );

/**
 * Load the main class for the core functionality
 */
require_once RECETTESCH_PLUGIN_DIR . 'core/class-recettes-chaudes.php';

/**
 * The main function to load the only instance
 * of our master class.
 *
 * @author  Passi
 * @since   1.0.0
 * @return  object|Recettes_Chaudes
 */
function RECETTESCH() {
	return Recettes_Chaudes::instance();
}

RECETTESCH();

上記のコードは、バージョン、作成者、ライセンス、およびその他の詳細とともに、プラグインの名前をWordPressに通知します。 何も変更する必要はありません。 次のステップに進みましょう。

上記のコードのすぐ下に、次のコードを追加します。

/**
 * Registers the recettes post type.
 */
function recettes_chaudes_register_post_types() {

	// Set UI labels for the recettes post type.
	$labels = array(
		'name' => _x( 'Recettes', 'Post Type General Name', 'recettes_chaudes' ),
		'singular_name' => _x( 'Recette', 'Post Type Singular Name', 'recettes_chaudes' ),
		'menu_name' => __( 'Recettes', 'recettes_chaudes' ),
		'parent_item_colon' => __( 'Parent Recette', 'recettes_chaudes' ),
		'all_items' => __( 'All Recettes', 'recettes_chaudes' ),
		'view_item' => __( 'View Recettes', 'recettes_chaudes' ),
		'add_new_item' => __( 'Add New Recette', 'recettes_chaudes' ),
		'add_new' => __( 'Add New', 'recettes_chaudes' ),
		'edit_item' => __( 'Edit Recette', 'recettes_chaudes' ),
		'update_item' => __( 'Update Recette', 'recettes_chaudes' ),
		'search_items' => __( 'Search Recette', 'recettes_chaudes' ),
		'not_found' => __( 'Not Found', 'recettes_chaudes' ),
		'not_found_in_trash' => __( 'Not found in Trash', 'recettes_chaudes' ),
	);

	// Set other arguments for the recettes post type.
	$args = array(
		'label' => __( 'recettes', 'recettes_chaudes' ),
		'description' => __( 'recettes.', 'recettes_chaudes' ),
		'labels' => $labels,
		'supports' => array(
			'title',
			'editor',
			'excerpt',
			'author',
			'thumbnail',
			'comments',
			'revisions',
			'custom-fields',
		),
		'taxonomies' => array(),
		'hierarchical' => false,
		'public' => true,
		'show_ui' => true,
		'show_in_menu' => true,
		'show_in_nav_menus' => true,
		'show_in_admin_bar' => true,
		'menu_position' => 5,
		'can_export' => true,
		'has_archive' => true,
		'exclude_from_search' => false,
		'publicly_queryable' => true,
		'capability_type' => 'post',
		'show_in_rest' => true,
	);

	// Registes the recettes post type.
	register_post_type( 'recettes', $args );

}
add_action( 'init', 'recettes_chaudes_register_post_types' );

上記のコードは、カスタムの「レシピ」投稿タイプをオプションの配列に登録するだけです。 また、レビュー、カスタムフィールド、抜粋、コメント、注目の画像などのサポートなどの機能も追加されます。 これらは、新しいレシピを追加するときに投稿エディタに表示される機能です。

プラグインフォルダを圧縮します

すべての変更を保存します。 フォルダを圧縮します ホットレシピ (これは、メインファイルを見つけたフォルダーです ホットレシピ.php  編集したばかり)アーカイブ内 hot-recipes.zip (Macの場合は、右クリックしてファイルを圧縮するのと同じくらい簡単です。PCの場合は、非常によく似ていると思います)。 フォルダが.ZIP拡張子で保存されていることを確認してください。そうしないと、プラグインがインストールされません。

参照してください: WordPressに無限スクロールを追加する方法

次に、テストWebサイトにログインして、次の場所に移動します。 拡張機能>追加 、以下に示すように。

その後、ボタンをクリックしてください プラグインをアップロード、コンピューター上のプラグインZIPフォルダーを選択し、をクリックします 今すぐインストール:

シンプルなWordPressプラグインを作成する

その後 アクティブ プラグイン

これで、WordPress管理メニューを確認すると、新しいタイプに気付くでしょう。 出版レシピ、新しいレシピを追加する可能性があります:

シンプルなWordPressプラグインを作成する

初めてのシンプルなWordPressプラグインを作成しておめでとうございます! この紹介では、コードをさらに深く調べて、何を達成できるかを確認できます。 また、他のプラグイン(すべてのWordPressプラグインはオープンソースです)のソースコードを調べて、詳細を知ることができます。

今必要なのは、さらにいくつかのリソースです( プラグインマニュアル) たくさんの練習をすれば、すぐにコーディングできるようになります。

リラaussi 「ProudlyPoweredbyWordPress」リンクを削除する方法

WordPressプラグインのプログラミングと作成は、特に初心者にとって、最初は気が遠くなるように思えるかもしれません。 しかし、適切なツールといくつかの学習リソースを使用すると、上司のようなプラグインを開発できます。 コーディングと決定の概念があれば十分です。

その他の推奨リソース

また、以下のリソースを参照して、Webサイトとブログの把握と管理をさらに進めてください。

まとめ

このチュートリアルは以上です。 プラグインを理解する上で、正しい方向を示してくれることを願っています。 この記事は、必要なことをすべて実行する複雑なWordPressプラグインを開発するための出発点として役立つはずです。

ご不明な点やご提案がありましたら、内にお知らせください commentaires。 ただし、 ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.

一方で、 さまざまなソーシャルネットワークでこの記事を共有する.   

...