LoginSignup
20
22

More than 5 years have passed since last update.

PhpStormはWordPressプラグインを作るのに最高の環境かもしれない

Last updated at Posted at 2014-12-08

この記事はWebStorm/PhpStorm Advent Calendar2014、(忘れ去られた)WordPress Advent Calendar2014の各8日目の投稿です。決して手抜きとかではありません。

WebStorm/PhpStorm使いのみなさんこんばんは。
はじめまして、@kimama1997(Hinaloe)です。名前だけでも覚えて帰ってください。

Jetbrains IDEは自分にとって高価な品々です。幸いにも最近Studentsライセンスが使いやすくなったので秋ごろよりPhpStormを愛用しています。あくまでもFor educational use onlyだよ!!!

いきなりですが、PhpStormにはWordPress Supportがデフォルトで搭載されています。

WPスタイルのコードスタイルが利用で来たり、テンプレートが用意されていたり、右クリックからWordPress.orgを検索できたり、自動でインクルードパスを設定で来たり(?)とプラグイン開発も便利になってます。

では今回はPhpStormで簡単なWordPressプラグインを作ってみることにします。

前提

  • ローカルまたはVCCWにインストール済みのWP環境があること
  • WordPressはもちろん最新版(4.1beta)
  • PHP5.4+(今回は5.5)
  • 忘れてはいけないPhpStorm(WebStorm勢の皆さんごめんなさい、今回はPhpStorm必須になります。)

手順

プロジェクト作成

  1. プラグインの保存場所を指定。今回はプラグインディレクトリ内に。
    ss1

  2. WordPressのルートディレクトリを選択
    ss2

はい。プラグインが出来上がりました。難しいと思った?これだけだよ!
ss3

ダッシュボードを開いて確認してみる
ss4

ちゃんと今回のプラグインがありますね:thumbsup:

中身を作る

いまの状態では何もできないDo Nothing Pluginです。とりあえずプラグインなんだからなにか出来ないとね!

と言ってもぱっと作るものが思い浮かばないので…今回は抜粋が指定されている記事の単独ページでこのはちゃんが一番上でその抜粋を読み上げてくれるプラグイン、どう?(説明が長い)

マスコットアプリ文化祭にも応募できたら一石三鳥じゃん!とか思って大沖さんの絵借ります!(もしダメだった場合は差し替えます)

  1. まずはメタとファイル、プロジェクト名をなおす
    こんな

  2. なんとなくベースを作る(本来はちゃんとやりましょう)

  3. テキトーに実装を書く

  4. サジェストが超絶便利
     _2014-12-8_3-28-35_No-00.png
    _2014-12-8_3-29-27_No-00.png
    _2014-12-8_3-29-56_No-00.png
    ちなみにこれ、actionとfilterで候補がちゃんと分けられているのでよくある逆になってる問題も防げる。

  5. それっぽいのできた!
    かんせー

  6. 有効化する
    ぽちっとな

お疲れ様です。これでブログが少し可愛くなりましたね!

みてみる

  • こんな感じになった
    Preview
  • あんずや他のキャラにも出来るよ!(私はあんず派です!)
    Anzu Prev
  • 記事ごとにキャラを変えたい?今回はそんな実装してないのでカスタムフィールドで選べるように改造してもいいかもね。

まとめ

PhpStorm使えばWPプラグイン作るのはやっぱりやりやすかったです:)
今回の成果はGitHubにコミットしておきます。

さて明日は…WordPress Advent CalendarWebStorm/PhpStorm Advent Calendarもどちらも枠が空いていますね。誰かいかがですか?(WebStormは空いてたら@laco0416氏が必然的に入るのかな)


-- マスコットアプリ文化祭参加中! --
== キャラクター使用について ==
美雲このは美雲あんず各キャラクターガイドラインに準じて使用しています。また、これらのキャラクター画像の再使用を禁じます。©GMO Internet, Inc. プラグインを利用する際、サイト内にその旨を表記してください。
また、このプラグインには以下の著作物が含まれます。
© 2011 Microsoft Corporation, 2014 Copyright © POCKET QUERIES, © 2010 プログラミング生放送, 『ユニティちゃんライセンス

20
22
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
20
22