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を変更すればいいだけなので管理も楽になるかと思います。

WordPressで指定した固定ページを読み込む方法前のページ

WordPressでトップページのURLを変更する方法次のページ

関連記事

  1. WordPress

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

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

  2. ツールバーが表示されない時の対処方法

    WordPress

    WordPressのツールバー(管理バー)が表示されない時の対処方法

    WordPressで自分のサイトにログインすると画面上部にツールバー(…

  3. WordPress

    WordPressでマルチサイト化した時にアイキャッチ画像の設定が表示されない

    ローカル環境でWordPressをマルチサイト化してみたところダッシュ…

  4. WordPressでmicrodataを使ったパンくずリスト

    WordPress

    WordPressでパンくずリストをmicrodataを使ってマークアップするやり方

    そういえばこのサイトではまだパンくずリストを作成していなかったので今回…

  5. WordPress

    シングルページに同一カテゴリーの記事一覧を表示するカスタマイズ

    WordPressのシングルページの記事の下に現在表示されている記事と…

コメント

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

  1. 2012年 5月 22日

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP