このページの本文へ

前へ 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. アイコンだけでダウンロード数が34%アップ!実例に見るA/Bテスト成功の秘策 14
  2. もうXMLを使わずにAndroidのUIが作れる!「Anko」って知ってる? 5
  3. JSのデバッグにはconsole.log()ではなくNodeのデバッガーを使いなさい 4
  4. 知らないと損!CSSのvh/vwの使いこなしでレスポンシブなサイト制作が捗る 3
  5. 面倒なソーシャルログインをLaravelでサクッと実装!Socialiteが便利だ 2
  6. 商業写真で首切りと串刺しがダメな理由 2322
  7. Apple Musicが流行らない理由をユーザー視点で考えてみた 1015
  8. Sketch 3を使う3つの理由と10の魅力 633
  9. ボーナス支給日確定で新聞社を辞めた人に贈る本 551
  10. 5限目:「情報」を「コンテンツ」に変える 告知コピー制作メソッド 396
  11. Facebook、Twitter、はてなブックマークでのエンゲージメント数をもとに算出
最新記事

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

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

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

ランキング