AddQuickTagの使い方実践編「第４回：ショートコード」

この記事では、WordPressプラグインのAddQuickTagでショートコードを挿入する方法を解説します。

「まだAddQuickTagをインストールしていない方」や「AddQuickTagってなに？という方」は、AddQuickTagの設定方法と使い方の記事を読んでみてください。インストール方法や基本的な使い方について説明しています。

AddQuickTagの設定方法と使い方

目次非表示

1 ショートコードはどうやって挿入するの？

2 functions.phpにショートコードを設定する

2.1 広告用のショートコードを設定する

3 AddQuickTagに広告用のタグを設定する

4 エディターでショートコードを挿入してみよう

ショートコードはどうやって挿入するの？

WordPressで記事内にショートコードを挿入する手順は次の通りです。

functions.phpにショートコードを設定する
エディターで登録したショートコードを記述する

ショートコードはもちろん手入力されても大丈夫です。しかし、ショートコードが増えてくると何を登録したか覚えきれなくなるでしょう。

AddQuickTagでわかりやすいボタン名を指定しておけば、ショートコードをたくさん設定しても迷うことなく使用できます。

使わないショートコードは、非表示にすればいいだけです。管理も簡単なのがAddQuickTagの魅力です。

今回は、AddQuickTagを使って１クリックでGoogle Adsenseの広告を挿入できるショートコードを作成してみます。

`functions.php`にショートコードを設定する

まずショートコードを設定するための方法を確認します。

ショートコードを設定するには、関数を定義する必要があります。

say_hello(){
    return 'Hello World!';
}
add_shortcode( 'hello', 'say_hello' );

関数と聞くと難しい印象があるかもしれませんが、仕組みは簡単です。

ショートコードを定義するための関数の内容は、基本的に次のようになります。

関数が書けたら、あとは定義したショートコードをエディターに記載するだけです。

エディターでショートコードを書く場合は、[hello]のように関数で定義した文字列を[]で囲む必要があります。忘れないようにしましょう。

[hello]

上記の例では、これでWebサイトを表示するとショートコードの部分が「Hello World!」の表示に置き換わります。

広告用のショートコードを設定する

今回紹介するのは、アドセンス広告の挿入方法です。

基本的には次のコードをfunctions.phpにコピペした後に、※の行をご自身のアドセンス広告のコードに置き換えるだけです。

function show_ad() {
    $script = <<< EOF
※ここにGoogle Adsenseの広告コードを記載
EOF;
    $output = '&lt;div class="ads-style"&gt;' . $script . '&lt;/div&gt;';
    return $output;
}
add_shortcode('<span class="orange">ads</span>','show_ad');

functions.phpファイルの編集方法は、次の記事を参考にしてください。