Elementorチュートリアル：WordPressに年齢認証を追加する

インターネットやデジタル機器の普及に伴い、ウェブサイトの所有者がコンテンツへのアクセス者を管理することはますます難しくなっています。年齢認証機能は、まさにこの問題を解決する有効な手段となっています。

これは、特定のコンテンツにアクセスする前にユーザーの年齢を確認する保護バリアに相当する。もしあなたがエレメンタ施工済みワードプレスウェブサイトのユーザーは、この機能を無料で有効にすることができる。

この記事では、Elementorを使ってWordPressに年齢認証機能を追加するステップバイステップのチュートリアルを提供します。本題に入る前に、いくつかの基本的なことを説明します。さっそく始めましょう！

ウェブサイトにおける年齢認証とは何か？

年齢確認とは、制限された製品、コンテンツ、またはサービスにアクセスする前に、ユーザーの年齢をチェックし確認するプロセスです。例えば、アルコール、タバコ、銃器、弾薬、処方薬、ギャンブル、ゲームネットワークなどがあります。

年齢確認メカニズムの欠如は、深刻な結果をもたらす可能性があります。未成年者（通常18歳未満）に上記の商品やサービスを販売した場合、法的リスクや罰則に直面する可能性があります。

この高圧的なリスクは、成長中のビジネスを破壊する可能性さえある。だからこそ、多くのウェブサイトが年齢認証の仕組みを導入せざるを得ないのである。

年齢確認を必要とするシナリオとは？

年齢認証機能は便利ですが、すべてのウェブサイトに設定が必要なわけではありません。コンテンツに制限がないサイトでは、すべての訪問者が自由に閲覧できます。しかし、以下のようなウェブサイトの場合、年齢認証機能は非常に重要です：

a. 年齢制限のある商品およびサービスの販売

上記の品目はすべて、販売前に年齢確認が必要です。また、特定の化学薬品、ゲーム、カジノ、ストリーミングサービス、投資プラットフォーム、暗号通貨、オークションサイトなども含まれます。

b. 特定の年齢に満たない利用者からの個人情報の収集

あなたのウェブサイトがユーザー、特に子供やティーンエイジャーから個人情報を収集する場合は、規制要件を遵守するために、収集前に年齢を確認することが重要です。例えば、米国の児童オンラインプライバシー保護法（COPPA）では、13歳未満の児童から情報を収集する場合、親または保護者の同意が必要です。

c. 参加年齢を限定したフォーラムやコミュニティの運営

あなたのウェブサイトが特定の年齢層に制限された特定のタイプのフォーラム、グループ、またはコミュニティを備えている場合、訪問者が要件を満たしていることを確認するために年齢確認機能を使用することが重要です。

d. 特定のゲームまたはアクティビティ・サービスの提供

オンラインゲームやアクティビティの中には、暴力や騒音など、未成年にふさわしくない要素を含むものもあり、年齢認証機能を使ってアクセスを防ぐことができます。

e. 年齢制限のあるコンテンツの公開

あなたのウェブサイトが映画、ビデオ、ポッドキャスト、露骨なコンテンツなどを公開している場合、未成年者がそのようなデリケートなコンテンツにアクセスするのを避けるために、年齢認証の仕組みが必要です。

WordPressウェブサイトに年齢認証を追加する

すでにElementorプラグインを使用しているのであれば、使い慣れているはずだ。また、Elementor用に設計された拡張プラグインが多数あり、ウェブサイトにさらに機能を追加できることもご存知でしょう。

ハッピーアドオン もその一つです。130以上のウィジェットと、Elementorの機能をさらに拡張する20以上の機能を提供しています。その中には エイジゲート・ウィジェット 年齢確認機能を直接実装することも可能である。

以下は、セットアップのステップ・バイ・ステップのデモンストレーションです。

準備：以下のプラグインをインストールする。

エレメンタ
ハッピーアドオン

プラグインがインストールされ、有効化されたら、以下の手順に従ってください：

ステップ01: Elementorで編集したいページを開く

入り込むワードプレスページエディタ。以前のプラグインが有効化されている場合、ページ上部に「Elementorで編集」ボタンが表示されます。

HappyAddonsには、すぐにインポートしてページを作成できる無料のブロックテンプレートやページテンプレートが多数用意されています。

ページが開いたら、左下にある "設定 "アイコンをクリックし、"ページレイアウト "ドロップダウンメニューから "Elementor Full Width "を選択します。を選択します。

ステップ02：エイジゲートウィジェットを追加するためのブロックを作成する

適切な場所を選択し、プラス記号（+）をクリックして新しいエリアを作成します。フレックスボックスレイアウト構造。

ステップ03：Age Gateウィジェットをページにドラッグ＆ドロップする。

左側の検索バーに "Age Gate "と入力すると、コンポーネントが表示されます。

ステップ04：エイジゲート・ウィジェット・コンテンツの設定

コンテンツ」タブの下に、以下のコンテンツ設定が表示されます：

エイジゲート

3つの検証方法が選択できる：

年齢確認
生年月日の確認（Confirm Date of Birth）
単純なYes/No確認（Yes/No）

ヘッダー

を追加することができる。ロゴまた、コンテンツにタイトルや説明文などを追加することもできます。HappyAddonsのロゴとテキストはデフォルトで表示され、独自のコンテンツに置き換えることができます。

ヒントElementorがAI機能をサポート画像を作成したい場合は、左カラムの三ツ星アイコンをクリックすると、テキストまたは画像が自動的に生成されます。

フォーム本体けいしき(地域)

ボタンのテキスト、アイコン、配置などをカスタマイズできる。ボタンの横にあるAI機能を使ってコピーを生成することもできます。

フッター

下部のテキストコンテンツや配置を編集したり、AIツールを使ってコンテンツのアイデアを生み出したりすることができる。

その他オプション

年齢認証フォームの横に画像を追加して、ページの美観を高めることができます。画像は左側または右側のいずれかに設定できます。

ラッパーリンク

フォームエリアにジャンプリンクを追加すると、ボタンをクリックしたときに特定のページやURLにジャンプすることができます。

ステップ05：年齢確認フォームのスタイルを美しくする

スタイル」タブをクリックすると、以下の4つのセクションが表示されます：

箱（外箱）

フォームの高さ、幅、背景色やイメージ、ボーダー、角丸、マスクなどを調整可能。

ヘッダー

ロゴのサイズ、テキストのレイアウトスタイル、色などを変更することができます。

ボタン1

ボタンのサイズと色を設定できる、ホバーアニメーション、シャドウ、マージン、アイコンサイズ、テキストスタイルなど。

フッター

下段テキストのフォントスタイル、色、余白などを調整できる。

ステップ06：モバイルへの適応

現在のウェブサイト訪問のほとんどはモバイルデバイスからなので、デバイス間でフォームの表示を最適化することをお勧めします。

の左下隅をクリックする。レスポンシブモード」アイコンは、上部に異なるデバイスビューオプションを表示するので、フォームが様々なデバイスでどのように動作するかを確認するために切り替えることができます。

携帯電話でもタブレットでもコンテンツが正しく表示されるように、コンポーネントのサイズや配置を変更することができます。

ステップ07：年齢確認書の提出

デザインが完成したら、右下の「Publish」または「Update」ボタンをクリックします。

その後に変更が必要な場合は、もう一度エディターに入って変更を加え、Updateをクリックするだけで反映されます。

これでエレメンタ年齢確認フォームをページに統合するプロセス。

概要

年齢認証は、ウェブサイト上のコンテンツへのアクセスを保護するための重要なツールであり、特に制限のある製品、情報収集、特定のコミュニティ、またはエンターテイメントコンテンツに関わるプラットフォームにとって重要です。HappyAddonsプラグインが提供するAge GateウィジェットをElementorプラグインと組み合わせて使用することで、検証プロセスを素早く設定することができます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み