WordPressのJetpackプラグインの「ブログ購読」フォームをどこにでも設置する方法

カスタマイズ情報など

WordPressにJetpackプラグインをインストールすると、「購読」機能を使うことができます。

「購読」機能の概要

Jetpackプラグインの「購読」機能

読者がメールで新規投稿やコメントの通知を受け取れるようにします。

Jetpackの「購読」設定を有効化してウィジェット画面に移動すると、下のように「ブログ購読（Jetpack）」ウィジェットが利用できるようになります。

ウィジェットを追加すると、例えば下のようなフォームを設置できます。メルマガ購読してね！みたいな。

便利なショートコードが使えます

ところで、ウィジェットエリア以外で「ブログ購読」フォームを設置したいと思いました。その方法の一つとして、ショートコードを使えば、いろんなところに「ブログ購読」フォームを設置することができます。

ショートコード

[jetpack_subscription_form]

応用：表示テキストを変更する

具体例として、以下のようにテーマファイル内に記述します。

例

<?php
echo do_shortcode('[jetpack_subscription_form title="ブログ購読はこちらから" subscribe_text="更新をメールでお届けできます。メールアドレスを入れて「購読」ボタンで登録完了です。" ]'); ?>

やっていること

ショートコード「[jetpack_subscription_form ]」内で使えるパラメーターがありますので、それぞれ値を入れています。

使えるパラメーターは・・・

プラグインファイル「jetpack/modules/subscriptions.php」内に記述されているので確認しました。

public static function defaults() {
 return array(
 'title' => esc_html__( 'Subscribe to Blog via Email', 'jetpack' ),
 'subscribe_text' => esc_html__( 'Enter your email address to subscribe to this blog and receive notifications of new posts by email.', 'jetpack' ),
 'subscribe_button' => esc_html__( 'Subscribe', 'jetpack' ),
 'subscribe_logged_in' => esc_html__( 'Click to subscribe to this blog and receive notifications of new posts by email.', 'jetpack' ),
 'show_subscribers_total' => true,
 );
}

自分なりに以下のように解釈しました。

title タイトルテキスト（例：ブログ購読はこちら　など）
subscribe_text 説明文テキスト（例：メールアドレス入れてボタンを押してください　など）
subscribe_button 購読ボタンのテキスト（例：購読とか、読む　など）
subscribe_logged_in 購読完了後に表示されるテキスト（例：購読確認のメールを送信しました。メール内にあるリンクをクリックして購読を開始してください。　など）
show_subscribers_total 購読者数の表示(true:表示 or false:非表示で指定)

結果サンプル

こんな感じで、表示するテキストなどを変更できます。

ボタンや入力エリアのデザインなど、見た目はCSSでカスタマイズできます。

まとめ

任意の場所に表示させたいなら、ウィジェットエリアを追加する方法もあると思いますが「ショートコードを利用するやりかたもあるんだな～」と勉強になったのでメモ書きました。

参考リンク

Jetpack Subscriptions shortcode

Subscriptions — Jetpack for WordPress

著者:bouya Imamura