View Categories

NotificationXを使用してポップアップアラートでWordPressコメントを表示する方法は?

5 min read

NotificationX、WordPressのWebサイトに魅力的なWordPressコメント通知ポップアップを簡単に表示して、他の人がそうしているようにコメントを付けるように影響を与えることができます。 WordPressコメント ポップアップを使用すると、ユーザーが投稿に対して最近行ったコメントを、Webサイトの通知ポップアップとして表示できます。

クイックビルダータブがどのように機能するかの詳細な概要を取得するには、次のことができます。 このドキュメントをチェックしてください.

ステップ1:新しい通知を追加する #

WordPressダッシュボードに移動して、 wp-admin-> NotificationX->すべてNotificationX。次に、右上にある '新しく追加する'。または、サイドバーから[新規追加]タブに移動することもできます。 

WordPress Comments

ステップ2:ソースを選択する #

手順1を完了すると、にリダイレクトされます 'ソース' NotificationXのタブページ。 WordPressコメントのポップアップを表示するには、 「コメント」 希望する通知タイプとして 'を選択しますワードプレス'通知アラートのソースタイプとして。次に、 'をクリックします' ボタン。

WordPress Blog Comments

ステップ3:デザインテーマを選択する #

から '設計' タブでは、レイアウトを選択でき、「高度なデザイン'好みに応じてカスタマイズするオプション。 'から任意のレイアウトを選択できますテーマ'セクション、そしてこれはどのように'ワードプレス コメント'通知はあなたのウェブサイトに表示されます。 

WordPress comment

次に、切り替えて 'を有効にすることができます高度な設計'セクションを作成し、必要に応じてカスタマイズして、選択したテーマまたはレイアウトを変更します。デザイン、画像の外観、タイポグラフィにスタイリングを簡単に追加できます。通知ポップアップの背景色またはテキスト色を追加できます。また、ボーダーを追加したり、スタイリングを追加したりすることもできます。 

「画像の外観」 セクションでは、「画像の形状」を、丸みを帯びた、円形、正方形の3つから変更できます。ドロップダウンメニューの[位置]を使用して、画像の位置を左または右に変更することもできます。コメントポップアップは3行で構成されています。から 'タイポグラフィ'セクションでは、各行のフォントサイズも変更できます。

WordPress comments

 ステップ4:テンプレートコンテンツを構成する #

次にリダイレクトされます 'コンテンツ' 「通知テンプレート」を変更して、好みのコンテンツテキストを追加できるタブ。

NotificationXオファー 「通知テンプレート」 あなたのコンテンツのために。簡単に先に進んで、好みの変数を選択できます。これらの変数は、特定の時間間隔で特定のページ/投稿にコメントしたユーザーの名前を表示するのに役立ちます。さらに、 'を使用して通知ポップアップに表示される独自のテキストを追加することもできます。高度なテンプレート'。

WordPress comment

別のものを追加することもできます リンクタイプ また、NotificationXを介してさまざまなタイプのキャンペーンを追跡します。 「UTMコントロール」 通知ポップアップに「キャンペーン」、「中」、「ソース」を追加できます。

ステップ5:表示オプションを調整する #

の中に '表示' タブには、画像と可視性の2つのセクションがあります。 [画像]セクションから、チェックボックスを使用して、通知ポップアップにデフォルトの画像またはアバターを表示できます。ユーザーのプロファイルに「アバター」が設定されていない場合は、「デフォルト画像」チェックボックスを選択するだけで「デフォルト」画像を表示できます。ユーザーがアバターを持っている限り、「Gravatarを表示」オプションをチェックすると、コメントを投稿したユーザーの「アバター」を表示できます。

WordPress comments

から 「可視性」 セクションでは、コメント通知を表示するページを設定できます。また、特定のユーザーロールに基づいて通知ポップアップを制限するオプションもあります:常時、ログイン済み、ログアウト。

デフォルトでは、 「ショーオン」 が「どこにでも表示」に設定されているため、コメント通知がWebサイトのすべてのページに表示されます。一方、「コメント」ポップアップを表示または非表示にするページを指定することもできます。 'をクリックした後'ボタンをクリックすると、にリダイレクトされます 'カスタマイズ' タブ。

ステップ6:外観を設定する #

'カスタマイズ' タブには、外観、タイミング、動作、サウンド設定の4つのセクションがあります。から '外観'セクションでは、コメント通知を表示する位置を設定できます。コメントポップアップの位置は、Webサイトの左下または右下のいずれかに設定できます。

WordPress comments

また、「初期」、「表示」、「間隔」オプションの時間を自由に設定して、 'タイミング' セクション。 「コメント」通知がポップアップするまでの初期時間を設定できます。デフォルトでは、5秒に設定されています。

[表示対象]フィールドを変更して、各通知ポップアップを表示する時間制限を設定することもできます。レビューの2つの通知間の時間間隔を選択するには、[表示間隔]フィールドで時間を設定するだけです。または、複数の種類の通知を表示する場合は、単に 'をアクティブ化できます。グローバルキュー管理'オプションを使用 NotificationX PRO.  

WordPress comment

から '動作' セクションでは、特定の過去の日に行われたコメントの数を表示するように選択できます。 [ループ通知]ボックスをオンにすると、通知ポップアップが表示され続けます。これを無効にすることもできます。その上、あなたはすることができます サウンドアラートを有効にする コメント通知ポップアップにも。

WordPress comment

 ステップ7:通知を公開する

手順6を完了したら、 「公開」 ボタン。その結果、 「WordPressコメント」 ポップアップが正常に作成されます。 

WordPress comments

これらの前述の手順に従い、もう少し変更とスタイリングを行うと、最終的な結果は次のようになります。

WordPress comments

これは、魅力的なデザインと表示を簡単に行う方法です WordPressコメント NotificationXを使用してWebサイトにポップアップします。

問題が発生したり、質問がある場合は、次のことができます。 サポートチームにお問い合わせください.

搭載 BetterDocs

  • 00日々
  • 00時間
  • 00Mins
  • 00Secs

Wait... before you go!

Checkout now to Save