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

    ブログ投稿を更新したら自動でツイートしてくれるWordPressプラグイン「WordTwit」を使っ…

    なんというか、毎回些細なこととはいえブログを更新する度に手動でツイート…

  2. WordPress

    Google XML SitemapsプラグインでWordPressにサイトマップ作成

    WordPressにはロボット向けのXMLサイトマップを自動生成してく…

  3. WordPress

    MAMP(インストール済)でWordPressをローカル環境で動かすまでの簡単な手順

    久しぶりにMAMPを使って新しいWordPressのローカル環境を作っ…

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

    WordPress

    WordPressでキーワードを登録しておくと自動でリンクをつけてくれるプラグイン「WP Keywo…

    なかなか便利だったのでご紹介します。WordPressで自分が登録した…

  5. WordTwit

    WordPress

    WordTwitの設定方法や日本語化してからの使い方について

    WordTwitはWordPressで記事を投稿した時に自動でツイート…

  6. WordPress

    プラグインを使わないでWordPressにページナビを実装してみる

    WordPressのトップページなどの一番下によくあるページナビをプラ…

コメント

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

  1. 2012年 5月 22日

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP