ガイド/コンテンツの作成/ウィジェット/購読ボックスを追加

購読ボックスを追加

**購読ブロック**を使用すると、サイトに購読ボックスを追加して、新しい投稿を公開したときに訪問者に通知できます。このガイドでは、購読ブロックの追加方法とカスタマイズ方法を学びます。

動画チュートリアル

この動画では、ニュースレターパターンを使用して WordPress.com サイトに購読セクションを追加する方法を学びます。テキストやデザインのカスタマイズ、訪問者が購読する際のプレビュー、購読確認後の流れについて説明しています。

コース: サイトのオーディエンスを増やす

購読ブロックの追加

サイトに購読ボックスを追加するには、以下の手順に従ってください。

  1. サイトのダッシュボードに移動します。
  2. 購読ボックスを表示したいページ投稿、またはテンプレートを編集します。
  3. 「+」ブロック挿入アイコンをクリックして「購読」を検索します。購読ブロックをクリックして追加します。
  4. 購読タイプを選択します。
    • 無料の購読者オプションを作成する場合は、この手順をスキップしてください。
    • ブロックツールバーの「有料プランを設定」オプションをクリックして、有料ニュースレターを作成します。
  5. 保存または公開ボタンをクリックして変更を保存します。

ニュースレター設定から、すべてのブログ投稿の下部に購読ブロックを自動的に表示することもできます。

A subscription form with a field to enter an email address and a Subscribe button.

注: ログイン中にサイトの購読フォームを表示すると、メールフィールドに WordPress.com のメールアドレスが表示されます。これは自分にのみ表示されます。訪問者には、ログイン中であれば自分のメールアドレスが、ログインしていなければプレースホルダーテキストが表示されます。

💡

購読ブロックが見つからない場合は、WordPress.org サイトを運営している可能性があります。Jetpack プラグインをインストールして、セルフホストサイトに購読ブロックを追加してください。

購読ボックスのテキスト変更

購読ブロックには、ボタン (「購読」) とメールフィールド (「メールアドレスを入力…」) のデフォルトテキストが表示されます。このテキストを変更するには、以下の手順に従ってください。

  1. 購読ブロックをクリックします。
  2. ボタンのテキストを変更するには、ボタンをクリックして新しいテキストを入力します。
  3. メールのプレースホルダーテキストを変更するには、ブロック設定を開き、設定セクションまでスクロールして、「入力プレースホルダーテキスト」フィールドにテキストを入力します。
The input placeholder text shows a custom message.

購読ボックスの外観変更

購読ボックスの見た目をカスタマイズするには、以下の手順に従ってください。

  1. 購読ブロックをクリックします。
  2. ブロック設定を開きます。
  3. 必要に応じて以下の設定を調整します。
    • : ボタンの色、ボタンのテキストの色、メールボックスの枠線の色を変更します。
    • タイポグラフィ: プリセットオプション (S、M、L、XL、XXL) を使用してフォントサイズを調整するか、カスタムサイズを入力します。
    • 境界線: ボックス周囲の枠線の形状と太さを変更します。
    • 余白: 購読ボックス内のスペース、メールボックスとボタンの間のスペース、ボタンの幅を調整します。
    • 設定: 「ボタンを新しい行に配置」を切り替えて、ボタンをメールボックスの下に移動します。
The block settings for the subscribe block
  1. スタイル」タブを開くと、追加のオプションにアクセスできます。
    • スタイル: コンパクトスタイルやボタンのみのオプションなど、プリセットレイアウトから選択できます。
    • 寸法: パディングとマージンを調整します。
The styles section of the block settings for the Subscribe block

ボタンのみのスタイルを選択すると、ブロックには購読ポップアップを開く単一の購読ボタンが表示されます。ポップアップの上部に表示される見出しは、ニュースレター設定で設定できます。

購読者数の表示

サイトの購読者数を表示するには、以下の手順に従ってください。

  1. 購読ブロックをクリックします。
  2. サイドバーのブロック設定を開きます。
  3. 「設定」セクションまでスクロールします。
  4. 「購読者数を表示」をオンに切り替えます。
  5. 必要に応じて、「ソーシ��ルフォロワーをカウントに含める」をオンに切り替えると、接続済みのソーシャルメディアアカウントのフォロワーを含めることができます。現在、Facebook と LinkedIn で利用可能です。
The show subscriber count toggled to on and the number of subscribers displaying below the signup button.

注: ソーシャルフォロワーを含めると、WordPress.com、Facebook、LinkedIn のフォロワーの合計数が表示されます。これらの合計は更新に時間がかかる場合があります。

購読者の表示と管理の方法についてはこちらをご覧ください。

成功メッセージの変更

このセクションは、WordPress.com パーソナル、プレミアム、ビジネス、コマースプランのプラグイン対応サイトに適用されます。これらのプランのサイトをお持ちの場合は、必ず有効化してください。無料プランのサイトの場合は、この機能を利用するためにプランをアップグレードしてください。

プラグイン対応サイトでは、新しい購読者が購読後に表示されるメッセージをカスタマイズできます。このメッセージを変更するには、以下の手順に従ってください。

  1. 購読ブロックをクリックします。
  2. サイドバーのブロック設定を開きます。
  3. 「設定」セクションまでスクロールします。
  4. 「成功メッセージ」フィールドにカスタムメッセージを入力します。
Success message box on the Subscribe Block for plugin-enabled sites.

特定カテゴリーの購読

訪問者が特定のニュースレターカテゴリーを購読できるようにするには、以下の手順に従ってください。

  1. 購読ブロックをクリックします。
  2. ブロック設定を開きます。
  3. 「設定」セクションまでスクロールします。
  4. 訪問者が自動的に購読するニュースレターカテゴリーを選択します。
The option to pre-select newsletter categories is turned on, and one of the newsletter categories is selected.

訪問者が購読すると、メールによる更新を受け取りたいカテゴリーを選択できます。

The option a visitor sees to select which categories they want to subscribe to.

購読者の管理

購読者を表示・管理するには、以下の手順に従ってください。

  1. サイトのダッシュボードに移動します。
  2. Jetpack → ニュースレター、次に購読者タブに移動します。

このページでは、購読者の一覧を表示したり、購読者データをエクスポートしたり、個々の購読を管理したりできます。詳しくは購読者の管理をご覧ください。

Copied to clipboard!