WordPressでショートコードを自作する方法

Wordpressでは、PHPというプログラミング言語を使ってページを表示しています。 PHPを使えば投稿ページの一覧を簡単に表示したり、メニューやリンクを簡単に表示できてとても便利です。 しかし、投稿ページや固定ページの中にそのままPHPを書くことはできません。 ページ内でもPHPを使ってプログラムをしたい。そんな時に使用するのがショートコードです。

ショートコードの作り方

ショートコードはfunctions.phpで作成します。

functions.phpにエラーがあるとWebサイトが正常に表示できなくなる可能性があるため、編集する際はバックアップを取るなど十分に注意して作業してください。

試しに文字を表示するショートコードを作成します。functions.phpに下記を追記します。

function shortcode_sample() {
  return "ショートコードで表示する文字を記入します。";
}
add_shortcode('sample','shortcode_sample');

add_shortcodeの一つ目の引数「sample」は、ショートコードを使用する際に記載する文字列です。

二つ目の引数「shortcode_sample」は、ショートコードの内容を書く関数名です。この関数の中にショートコードで実行する内容を記述します。

ショートコードを使用する

作成したショートコードは、ページ内に設定した文字列を[ ]括弧で囲む形で記入して使用します。

上記のサンプルで作成したショートコードは、[sample]と記入します。

WordPressのエディタ内では、ショートコードのブロックに記入します。

記入した箇所にreturnに設定したテキストが表示されます。