WordPress

WordPressで自分だけのショートコードの作り方

WordPressのショートコードが便利なのでちょこちょこ使い始めてます。とても簡単に自分に好きなショートコードを作ることができるので今後も重宝しそうです。基本的な作り方をメモしときます。

[ads_center]

基本的なショートコードを作ってみる

以下のようなコードをfunctions.phpに追加して簡単にショートコードを作ることができます。

function my_shortcode() {
    return "簡単なショートコードを作成しました";
}
add_shortcode('sample', 'my_shortcode');

そして管理画面の投稿から以下を入力します。

[sample]

これを使えば定型文やアドセンスなんかを登録したりもできるので便利です。

引数を渡せるようにする

ショートコードには引数も渡せることができます。これさえあれば例えば専用のclassをつけたdt、ddなどのタグを毎回たくさん書かなければならないといった時でも楽に書けるようになります。

function my_shortcode($atts) {
    extract(shortcode_atts(array(
        'dt' => 'タイトル',
        'dd' => '詳細',
    ), $atts));
    return '<dt class="class1">' . $dt . '</dt><dd class="class2">' . $dd . '</dd>';
}
add_shortcode('sample', 'my_shortcode');

そして投稿画面から以下のように入力します。

<dl>
[sample dt="タイトル1" dd="詳細1"]
[sample dt="タイトル2" dd="詳細2"]
[sample dt="タイトル3" dd="詳細2"]
    ・
    ・
    ・
</dl>

こんな感じいくつでも書くことができます。このようにすれば、例えばclass名を変えたいといった時でも全部書き直す必要もなくfunctions.phpを変更すればいいだけなので管理も楽になるかと思います。

関連記事

  1. WordPress

    AkismetのAPIキーを無料で取得する

    WordPressでブログを始めてみたのでとりあえず定番らしきプラグイ…

  2. WordPress

    WordPressでアイキャッチ画像を使う場合のサイズ設定や画像ありなし時の振り分けなど

    WordPressにあるアイキャッチ画像がとても便利で、自分もWord…

  3. WordPressのログイン時のツールバー

    WordPress

    WordPressでプラグインなしで関連する記事を一発で呼び出す関数をfunctions.phpに記…

    WordPressのシングルページで、よく記事の終わりにその記事に関連…

  4. WordPressテーマ「Ignite」

    WordPress

    レスポンシブ対応のクリーン&エレガントなフリーのWordPressテーマ「Ignite」

    個人的にとてもいいなーと思ったWordPressテーマがあったのでメモ…

  5. WordPress

    WordPressで「この記事の所要時間」という読了時間を表示させてくれるプラグイン「estimat…

    とても便利なWordPressのプラグインを発見したので備忘録です。よ…

  6. WordPress

    WordPressの管理画面にメモを残せるプラグイン「Quick Notes on the WP D…

    おもしろいプラグインを試してみました。おもしろいというかとても便利だな…

コメント

  1. この記事へのコメントはありません。

  1. 2012年 5月 22日

最近の記事

  1. 渋谷スクランブルスクエアからの夜景
  2. BELTZのバスクチーズケーキ
  3. iPhone 11 Pro Smart Battery Case ホワイト
  4. 渋谷スクランブル交差点

アーカイブ

PAGE TOP