Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

プラグインを使ってWordPressプラグインを作成する方法(クイック&イージー)

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

プラグインを使ってWordPressプラグインを作成したいですか?

初心者はWordPressにコードを追加するのが難しいと感じるかもしれません。カスタムWordPressプラグインを作成することで、深刻なエラーや問題のリスクを負うことなく、サイトにコードを追加することができます。

この投稿では、別のプラグインを使ってWordPressのカスタム・プラグインを簡単に作成する方法を紹介する。

How to create a WordPress plugin using a plugin

WordPressでプラグインを作成するためにプラグインを使用する理由とは?

WordPressには、プラットフォームを拡張したりカスタマイズしたりするためのプラグインがたくさんあります。GitHubやその他のサードパーティマーケットプレイスからプラグインをインストールすることもできる。しかし、もっと踏み込んで、サイトにカスタムコードを追加したいと思うこともあるでしょう。

WordPressのガイドでは、しばしばfunctions.phpファイルにカスタムコードを追加するように指示されます。しかし、これはあまりユーザーフレンドリーではなく、コードの小さなエラーでさえ、WordPressの一般的なエラーをすべて引き起こす可能性があります。カスタムコードは、サイトを完全に壊してしまうことさえあります。

言うまでもなく、次にWordPressテーマを更新するときには、すべてのカスタムコードが失われてしまう。そのため、多くのサイトオーナーは代わりに独自のプラグインを作成している。

カスタムプラグインが問題を引き起こす場合は、他のWordPressプラグインと同様に無効化することができます。また、カスタマイザーを失うことなくWordPressテーマを更新することができます。

プラグインを使ってWordPressプラグインを作成する方法を見てみましょう。以下のクイックリンクから、お好きな方法にジャンプしてください:

WordPressプラグインを作成する最も簡単な方法は、WPCodeを使用することです。

この無料プラグインを使えば、サイトを危険にさらすことなく、WordPressにカスタムCSS、PHP、HTMLなどを簡単に追加することができます。プラグインのコードをWPCodeのエディターに貼り付けるだけで、ボタンをクリックするだけで有効化・無効化することができます。

はじめに、WPCodeをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

その後、WordPressダッシュボードのCode Snippets ” Add Snippetに アクセスしてください。

Creating a plugin using WPCode

ここでは、サイトに追加できるすべての既成スニペットを見ることができます。これには、コメントを完全に無効化したり、WordPressが通常サポートしていないファイルタイプのアップロード、添付ファイルページの無効化などを可能にするスニペットも含まれています。

プラグインを作成するには、「カスタムコードを追加」にマウスオーバーし、「スニペットを使用」を選択します。

Adding a custom code snippet to WordPress using WPCode

はじめに、カスタム・プラグインのタイトルを入力します。これは、WordPressダッシュボードでコードを識別するのに役立つものであれば何でも構いません。

WordPressプラグインはPHPを使って作成されるので、「コードタイプ」のドロップダウンメニューを開き、「PHP」を選択する。

Adding PHP code to a website using WPCode

その後、コードをコードエディターに貼り付けるかタイプします。例えば、WordPressダッシュボードにランダムな事実を表示するシンプルなプラグインを作成します。

使用するコードは以下の通り:

<?php
/**
 * @package Random_Fact
 * @version 1.0
 */
/*
Plugin Name: Random Fact
Plugin URI: 
Author: 
Version: 1.0
Author URI: 
*/

function get_fact() {
	$fact = "There are different sizes of infinity
	The Brontosaurus never existed
	A day on Venus lasts longer than a year on Venus
	The eighth power of a number is a zenzizenzizenzic
	Sharks lived on earth before trees";

	$fact = explode( "\n", $fact );
	return wptexturize( $fact[ mt_rand( 0, count( $fact ) - 1 ) ] );
}

function hello_fact() {
	$chosen = get_fact();
	echo "<p id='fact'>$chosen</p>";
}

add_action( 'admin_notices', 'hello_fact' );

function fact_css() {
	$x = is_rtl() ? 'left' : 'right';

	echo "
	<style type='text/css'>
	#fact {
		float: $x;
		padding-$x: 16px;
		padding-top: 6px;		
		margin: 0;
		font-size: 20px;
	}
	</style>
	";
}

add_action( 'admin_head', 'fact_css' );

?>

コードボックスの下に、いくつかのインサーターオプションが表示されます。主なオプションは2つあります:自動挿入とショートコード(初期設定)です。

Auto Insert」を選択すると、WordPressが自動的にコードを挿入して実行します。

自動挿入」を選択した後、WordPressの管理エリア、サイトのフロントエンド、またはあらゆる場所でコードを実行するようにWPCodeに指示することができます。

Automatically inserting code across your WordPress website

ショートコード’を選択した場合、WPCodeはスニペットを自動的に挿入しません。スニペットを保存すると、WPCodeは、任意のページ、投稿、またはウィジェット対応エリアにコードを追加できるショートコードを作成します。これは、価格表やカスタム画像ギャラリーなど、サイトにコンテンツを追加するコードに適した設定です。

ショートコードの設置方法については、WordPressでショートコードを追加する方法をご覧ください。

この例では、「自動インサート」を選択する。それから、「Location」のドロップダウンを開き、「Admin Only」を選択して、ランダムな事実がWordPressの管理エリアにのみ表示されるようにする。

Adding custom code to the WordPress admin area

これで、コード・スニペットにタグを追加することができる。

カスタム・プラグインやコード・スニペットをトピックや機能ごとに整理するのに役立ちます。

Adding tags to a code snippet in WordPress

カスタム・プラグインを公開する準備ができたら、画面を一番上までスクロールし、’Inactive’トグルをクリックして’Active’に変更します。

最後に「スニペットを保存」をクリックして、スニペットをライブにする。

Publishing a custom plugin using WPCode

これでカスタマイザー・プラグインがWordPressサイトで使えるようになります。

この例では、管理エリアでランダムな事実を見ることができる。

Activating a custom WordPress plugin using WPCode

ある時点で、カスタマイザーWordPressプラグインを無効化したくなるかもしれません。この方法ではカスタム・プラグインはプラグイン ” インストール済みプラグインに追加されないので、代わりにコード・スニペットを無効化する必要があります。

Code Snippets ” Code Snippetsにアクセスして、プラグインを見つけてください。そしてトグルをクリックして、青(有効化)から灰色(無効化)に変えてください。

Deactivating a custom plugin using WPCode

方法2.Pluginceptionを使う (スタンドアロンWordPressプラグインの作成に最適)

Pluginceptionを使ってカスタム・プラグインを作成することもできる。この無料プラグインを使えば、プラグイン名やバージョン番号などの基本情報を入力するだけで、新規の空白プラグインを作成することができる。

WPCodeとは異なり、Pluginceptionはカスタムプラグインをプラグイン ” インストール済みプラグイン 画面に追加します。他のプラグインを管理するようにカスタム・プラグインを管理したい場合に適している。

最初に行う必要があるのは、プラグインのインストールと有効化です。詳しくは、初心者向けWordPressプラグインのインストール方法をご覧ください。

その後、WordPress管理画面のプラグイン ” 新規プラグインを作成に進みます。

Creating a custom plugin using the Pluginception WordPress plugin

カスタムプラグインに関する情報を入力する画面になります。

単にタイトルを入力することもできますが、特にダッシュボードを他の人と共有する場合は、できるだけ多くの情報を追加することをお勧めします。

例えば、あなたが複数著者のWordPressブログを持っていたり、ゲストブロガーを管理している場合、この情報は他の著者がプラグインが何をするのかを理解するのに役立ちます。

Adding the information for a custom WordPress plugin

入力した情報に満足したら、次のボタンをクリックしてください:空白のプラグインを作成し、有効化する!

これでプラグインエディター画面になります。Pluginceptionがすでにすべての情報を新しいPHPファイルに追加していることがわかります。

Adding custom PHP to a WordPress blog or website

プラグインを作成するには、ファイルの一番下にコードをタイプするだけです。

もうひとつのオプションは、ウェブ上のコード・スニペットを コードエディターに貼り付ける方法だ。

Adding custom code to the WordPress plugin file editor

入力したコードでよろしければ、「ファイルを更新」ボタンをクリックしてください。

コードにエラーがなければ、プラグインはWordPressブログやサイトで有効化されます。

もしコードに間違いがあれば、エラーメッセージが表示されます。

An example of a coding error

この場合は、エラーを修正してから「ファイルを更新」をクリックするだけで、プラグインが有効になります。

他のプラグインと同じように、カスタム・プラグインを有効化、無効化、削除することができます。プラグイン ” インストーラ・プラグインにアクセスしてカスタマイザー・プラグインを見つけ、変更を加えるだけです。

The WordPress Installed Plugins screen

ある時点で、プラグインのコードを変更したくなるかもしれません。例えば、セキュリティの脆弱性を修正したり、不足している機能を追加したりする必要があるかもしれません。

プラグインを更新するには、プラグイン ” プラグインファイルエディターにアクセスしてください。

The WordPress plugin file editor

ここで、「編集するプラグインを選択」ドロップダウンを開き、編集したいプラグインを選択します。

それが終わったら、先に進んで『選択』をクリックする。

Updating a custom WordPress plugin using a plugin

プラグインのコードを変更することができます。

変更に満足したら、『ファイルを更新』をクリックするだけです。

Updating a custom plugin file

これで、更新されたプラグインがあなたのサイトに反映されます。

この投稿が、プラグインを使用してWordPressプラグインを作成する方法を学ぶのに役立ったことを願っています。次は、WordPressのプラグインをクライアントから無効化されないようにする方法、または専門家が選んだサイト管理に最適なモバイルアプリをご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

6件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Kevin says

    I use this plugin but my website crashed. i havw my own server with ubuntu can anyone tell me where are those files so I can delete them or what can I do?

  3. Piet says

    Nice title, had me clicking through from rss at least, but as Otto writes, the only reason he made this plugin is because he finds it a pain to upload a new plugin via FTP:

    “Having to then encapsulate it into a plugin, fire up Filezilla, navigate, upload the plugin… It’s a pain. This gives me an easy way to create a new blank plugin and go to the editor to paste in the known working code.”

    This plugin does not “create” anything, apart from a plugin header. If you want to add other plugin files, you’ll still need to “fire up Filezilla” and the rest.

    • Otto says

      It creates the subdirectory for the plugin, the plugin php file, and populates the plugin header. Simple, but a handy time saver. And smaller snippet type plugins tend to be one-file anyway.

      Future versions might have options to create simple template code or something. Like a checkbox that says “add a widget”, maybe.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。