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

    the_tagsを使ってWordPressの投稿タグを表示させたり表示形式を替えたりしてみる

    WordPressで各記事につけた投稿タグを表示させたい場合にはthe…

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

    WordPress

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

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

  3. WordPress

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

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

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

    WordPress

    ブログなどでFlickrの転載可能な画像を使用する時のクレジット表示するためのWordPressショ…

    ブログなどでコンテンツに関連した画像を挿入したいといったことがあるかと…

  5. WordPressでパンくずリストを設置

    WordPress

    WordPressでパンくずリストをプラグインなしで設置する簡単なやり方

    WordPressでパンくずリストをWebサイトに設置したいといった時…

  6. WordPressアップデートでアイコンが表示されない時の対処方法

    WordPress

    WordPress 3.8のアップデートで管理画面のアイコン画像が上手く表示されない時の対処方法

    先程、WordPress 3.8にアップデートしたら管理画面の上部バー…

コメント

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

  1. 2012年 5月 22日

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP