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をアップデートしたら管理画面が崩れていたのでその対処方法

    久しぶりにローカルのWordPressを弄っていたんですが、最新版にア…

  2. WordPress

    editor-style.cssを使えばビジュアルエディタを実際の記事と同じようにスタイリングできる…

    あんまりビジュアルエディタを使ってないのであれですが、新規の記事を書い…

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

    WordPress

    WordPressでthe_author()を使えば記事に簡単に投稿者名を表示させることができる

    WordPressで記事を書いた投稿者名を表示させたい時ってあるかと思…

  5. WordPress

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

    WordPressでWebサイトを作成した時にトップページのURLを「…

  6. ベストなWordPressテーマ集

    WordPress

    無料&有料のベストなWordPressテーマ集(2014年8月)

    ベストなWordPressテーマ集(無料&有料、2014年8月)「Be…

コメント

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

  1. 2012年 5月 22日

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP