このページの本文へ

前へ 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. 日本のハードウェアスタートアップ、SaaS、オープンイノベーション、RPAのこれからは? 9
  2. A/Bテストが無料で捗る!「Google オプティマイズ」の設定と使い方 2
  3. 米Google、大学選びを支援する検索機能を追加 1
  4. アパレルメーカーの新たな挑戦 商材につける「シェアタグ」を通じwebでSDGsを伝え広げる 1
  5. 米Google、カメラで検索できる Googleレンズアプリを公開 1
  6. 全部知ってる?今後のサイト制作で押さえたいCSSの最新プロパティ9選 161
  7. フロントエンドエンジニアが絶対読んでおきたいJavaScript最新記事ベスト10 120
  8. フロントエンド開発の現場で役立つJavaScriptの知恵10選 79
  9. これなら作れる!WordPressプラグイン開発に役立つ記事まとめ 62
  10. Web制作者が絶対読みたいHTML & CSSの最新記事ベスト10 58
  11. Facebook、Twitter、はてなブックマークでのエンゲージメント数をもとに算出
最新記事

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

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