このページの本文へ

前へ 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を書くための 「Stylelint」導入のすすめ 1
  2. スクロールアニメにはjQuery不要でサクッと使える「ScrollReveal.js」が便利 1
  3. 「脱電話」でコミュニケーション基盤へ進化したTwilio、LINEとも接続 1
  4. 「自社がどういうキーワードで人を集められるのか」企業と個人のミスマッチを防ぐ採用ページ作り 1
  5. Google検索、コアアルゴリズムのアップデートを実施 1
  6. なぜいまさら「ブログ」なの?KDDIウェブに聞く新サービスの狙い 218
  7. 全部知ってる?今後のサイト制作で押さえたいCSSの最新プロパティ9選 161
  8. フロントエンドエンジニアが絶対読んでおきたいJavaScript最新記事ベスト10 120
  9. フロントエンド開発の現場で役立つJavaScriptの知恵10選 78
  10. これなら作れる!WordPressプラグイン開発に役立つ記事まとめ 62
  11. Facebook、Twitter、はてなブックマークでのエンゲージメント数をもとに算出
最新記事

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

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