このページの本文へ

前へ 1 2 次へ

手軽に作れるショートコードのプラグインの書き方

面倒な処理を1行に!WordPressのショートコードAPI

2009年02月25日 06時00分更新

藤本 壱

  • この記事をはてなブックマークに追加
  • 本文印刷
ショートコード

 WordPressにさまざまな機能を追加できる「プラグイン」。ちょっとしたPHPの知識さえあれば手軽に作れるので、すでに自作のプラグインにチャレンジしている方も多いと思います。そのプラグインから利用できる機能のひとつに、「ショートコードAPI」があります。ショートコードAPIを使うと、エントリーの中の任意の場所に、指定したテキストや画像などの要素を入れる、といったプラグインが簡単に作れます。

 今回は、ショートコードAPIを使ったプラグインの作り方を紹介しましょう。


マクロ的に使える便利な「ショートコード」

 WordPress 2.5で追加された「ショートコード」は、エントリーの中にマクロ的に情報を入れることができる機能です。投稿内に [ ] で囲んだ文字列を入れると、ショートコードの処理をするプラグインによって、その文字列が他の文字列に変換されます。「あれして、これして……」と複数の処理を繰り返し行ないたい場合に、省略して書けるようになる便利なものです。簡単な例を紹介しましょう。

 たとえば、エントリー中に以下のようなショートコードを入力するとします。


[loop word="こんにちは!" times="3"]

投稿にショートコードを入れた例
WordPressのエントリーにショートコードを入れた例

 このとき、「『loop』のショートコードがあったら、『word』属性で指定した文字列を、『times』属性で指定した回数だけ繰り返し出力する」というプラグインを作っておいたとします。すると、上記のショートコードが、以下のように変換されて、ページに出力されます。

 こんにちは!こんにちは!こんにちは!

ショートコードが変換されている
出力されたページの例。ショートコードがプラグインによって変換されている

 次ページでこの例をもとに、ショートコードのプラグインの書き方を紹介しましょう。

前へ 1 2 次へ

ソーシャルランキング
  1. CSSフレームワーク、モダンJavaScript、AmazonのUX…2017年のアクセス1位は? 31
  2. TV露出のカギは?現役放送作家が語る、広報の極意 3
  3. 採用サイトを自社で公開するメリットとは 1
  4. 開発者のやりとりも捗る!プロトタイピングツール「InVision」って何? 1
  5. コスト0円からできる、ウェブ上での人材獲得術【11/15開催セミナー】 1
  6. なぜいまさら「ブログ」なの?KDDIウェブに聞く新サービスの狙い 219
  7. 全部知ってる?今後のサイト制作で押さえたいCSSの最新プロパティ9選 161
  8. フロントエンドエンジニアが絶対読んでおきたいJavaScript最新記事ベスト10 119
  9. ブラウザーだけでWatsonが使える!人工知能アプリの作り方 92
  10. ビジネスサイト運営が捗る!WordPress厳選プラグイン10+1 80
  11. Facebook、Twitter、はてなブックマークでのエンゲージメント数をもとに算出
最新記事

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く