検索
ホームページCMS チュートリアル&#&プレス新しいタイトル: WordPress Cookie 同意ポップアップのデザイン

Cookie の保存に同意するかどうかを尋ねる小さなウィンドウがポップアップ表示される Web サイトに遭遇したことがありますか?同意するか、別のオプションを選択しない限り、ウィンドウは消えません。

これは、「Cookie 同意ポップアップ」と呼ばれるものです。

このガイドでは、いくつかの簡単な手順で Cookie 同意ポップアップを WordPress サイトに追加する方法を説明します。

しかし、WordPress Cookie 同意ポップアップを追加する前に、まず Cookie が必要な理由を理解する必要があります。

クッキーとは何ですか?

簡単に言うと、Cookie は Web ブラウザによって保存される小さなファイルで、Web サーバーが Web サイトの使用状況を追跡できるようにします。

ブラウザから Web サイトにアクセスするのは単純なプロセスのように思えるかもしれませんが、舞台裏ではもう少し複雑です。 Web サイトが画面に表示される前に、ブラウザとサーバーの間で一連の往復通信が発生します。

URL を入力すると、ブラウザは Web サイトをホストしているサーバーに情報を要求します。一方、サーバーはブラウザに情報を返すように要求します。双方が満足して握手すると、訪問したい Web サイトが表示されます。

ここで Cookie が活躍します。彼らはシステムにいくつかの最適化を加えました。 Cookie は、ユーザーの Web サイトとのやり取りに関する必要な情報をすべて保存し、この情報をサーバーに提供して、Web サイトのすべてのページにわたって、またセッション間で一貫したエクスペリエンスを提供できるようにします。

ユーザーが初めて Web サイトにアクセスすると、コンピューター上に Cookie が作成されます。同じ Web サイトに再度アクセスすると、以前に Web サイトをどのように使用したかに関する情報を含む Cookie がサーバーに送信されます。たとえば、オンライン ストアのショッピング カートに商品を追加すると、通常、その商品は Cookie にリストされます。こうすることで、別のページに移動したり、ストアに再度戻ったりした場合でも、商品はショッピング カートに入ったままになります。

Cookie はもともとユーザー エクスペリエンスを向上させるために開発されたものであり、許可は必要ありません。しかし、意図しない方法でユーザーを追跡するために Cookie が使用されることが増えています。近年、プライバシーの問題がますます重要になっているため、一部の法域では、コンピュータから Cookie を送受信する前にユーザーの許可を得ることが求められています。

そうは言っても、独自の WordPress Cookie 同意ポップアップの構築を開始し、ユーザーにふさわしいプライバシーを提供しましょう。

しかし、あなたの Web サイトには最初に Cookie の同意が必要ですか?

正直に言いましょう。ほとんどの Web サイトでは Cookie が使用されています。ただし、確信が持てない場合は、Web サイトに Cookie が保存されているかどうかを判断できます。結局のところ、Cookie を使用しない Web サイト向けに Cookie 同意ポップアップを開発することは、時間の有効活用とは言えません。

Google Chrome を使用して Web サイトの Cookie ステータスを確認するには、URL を入力し、正しく読み込まれるまで待ちます。次に、Web サイトの URL の横にある鍵のアイコンをクリックします。ポップアップされるドロップダウン メニューに、サイトで使用されている Cookie の数が表示されます。

新标题:设计一个WordPress Cookie同意弹窗

1 つ以上の Cookie が使用されており、サイトが EU またはカリフォルニアのユーザーによって使用されている場合、サイトには WordPress Cookie 同意ポップアップが必要です。

WordPress を使用すると、数回クリックするだけで Cookie 同意ポップアップを Web サイトに追加できます。このためにはプログラミングの知識は必要ありません。ただし、WordPress の使用を最適化するには、WordPress プラグインに関する一般的な情報を知っておくことが必要です。

WordPress は、Cookie 同意ポップアップを Web サイトに統合するためのさまざまなプラグインを提供しています。このチュートリアルでは、無料の CookieYes プラグインを使用します。

CookieYes プラグインをインストールします

この Cookie 同意ポップアップ プラグインは、他のプラグインと同様に、WordPress ダッシュボードからインストールできます。

左側のナビゲーション バーの プラグイン メニューの上にマウスを置きます。 Add New Plugin を選択すると、WordPress が提供するすべての無料プラグインを含む新しいウィンドウが表示されます。

新标题:设计一个WordPress Cookie同意弹窗

CookieYes プラグインを検索し、表示された最初のプラグインをインストールします。

新标题:设计一个WordPress Cookie同意弹窗

インストールが完了したら、アクティベートすれば準備完了です。

次に、この Cookie 同意プラグインが提供するオプションを見てみましょう。

アクティブ化後、プラグインは左側のナビゲーション バーに表示されます。 GPDR Cookie Consent にカーソルを合わせて、Settings を選択します。

新标题:设计一个WordPress Cookie同意弹窗

ここでは、Web サイトの WordPress Cookie 同意ポップアップをカスタマイズできます。

[設定] には、他に 5 つのタブがあり、そのすべてでポップアップのさまざまな種類のカスタマイズが可能です。 全般 タブでは、ポップアップを有効または無効にできます。初めて設定にアクセスすると、デフォルトで有効になります。

全般」タブが提供するすべてのカスタマイズ オプションを詳しく見てみましょう。

###一般設定###

各地域には Cookie に関する独自の法律があります。したがって、Web サイトに最適なオプションを選択する前に、いくつかの調査を行う必要があります。

新标题:设计一个WordPress Cookie同意弹窗 さらに、ユーザーがスクロールを開始したときに、しばらくしてポップアップを非表示にするかどうかを選択できます。この方法でポップアップが消えた場合は、ユーザーが情報を保存することに同意したとみなしていることを意味します。

このように同意を前提にすることは良い習慣ではありません。実際、ここのユーザーは直接アクセス許可を与えていないため、これは非常に非倫理的です。そのため、このオプションを無効にしましょう。

さあ、

WordPress

Cookie 同意ポップアップのカスタマイズに進みましょう。 Cookie 同意ポップアップ ウィンドウのカスタマイズ

これは、ホームページの下部にある最初のポップアップの外観です:

新标题:设计一个WordPress Cookie同意弹窗 ご覧のとおり、これは Cookie 同意ポップアップというよりもバナーに近いものです。

ただし、

すべて受け入れる

オプションを選択すると、ポップアップは表示されなくなります。これ以上のカスタマイズは表示されません。テスト目的では、変更を確認できるように、このポップアップを表示したままにする必要があります。これを許可するには、「同意を再確認」ウィジェットを有効にします。 これは、

カスタマイズ

Cookie バー > コンテンツ タブに再度アクセスすることで実行できます。

新标题:设计一个WordPress Cookie同意弹窗 これにより、ポップアップ メニューにアクセスできるボタンを Web サイト上に常に保持できるようになります。必要に応じて、このボタンの位置を変更することもできます。このチュートリアルでは、画面の左下隅にあります。

新标题:设计一个WordPress Cookie同意弹窗Cookie 同意バナーをポップアップに変えるには、

「Cookie バーを

として表示」オプションまで下にスクロールし、「ポップアップ」を選択します。必要に応じて、オーバーレイを追加できます。 WordPress Cookie 同意ポップアップにオーバーレイを追加すると、ユーザーはポップアップからアクションを起こすまで Web サイトにアクセスできなくなります。

新标题:设计一个WordPress Cookie同意弹窗このタブの他のオプションを使用すると、ポップアップの背景色、フォント色、フォント スタイルを変更できます。ポップアップにカスタム メッセージとカスタム タイトルを追加することもできます。これは、ブランド メッセージを強化するために使用できるオプションです。

しかし、Cookie 同意ポップアップで使用できるボタンのカスタマイズはありますか?

カスタムボタン

新标题:设计一个WordPress Cookie同意弹窗デフォルトでは、ポップアップ メニューには 2 つのボタンのみが統合されます。

新しいボタンを追加する方法は次のとおりです:

    カスタムボタン
  1. タグから追加するボタンを選択します。 ページの上部にある括弧内のコードをコピーします。
  2. 「Cookie バーのカスタマイズ」
  3. タブに再度移動します。
  4. コードをメッセージ ボックスに貼り付けます。
  5. 4 つの異なるタイプのボタンをポップアップに追加できます。
自分の情報をサーバーに保存したくないユーザーのために、ポップアップに拒否ボタンを追加するとします。これを行うには、

[cookie_reject]

Customize Cookie 列 設定のメッセージ ダイアログに追加します。

拒否ボタンがポップアップにどのように表示されるかは次のとおりです: 新标题:设计一个WordPress Cookie同意弹窗

ボタンを統合した後、そのサイズ、背景色、文字色などを変更できます。ユーザーが Cookie 同意ポップアップの特定のボタンをクリックしたときにリダイレクトされる別の Web ページへのリンクを追加することもできます。

新标题:设计一个WordPress Cookie同意弹窗

###結論は###

CodeCanyon では、ビジネスの Web サイトの強化に役立つ何千ものプレミアム WordPress プラグインも利用できます。この膨大なプラグインのコレクションを参照すると、マーケティングから電子商取引、ソーシャル メディアに至るまで、あらゆる種類のカテゴリで便利なプラグインが見つかります。

最後のヒントを 1 つ紹介します。Cookie 同意ポップアップは、できるだけシンプルで目立たないようにする必要があります。それは全体的なユーザーエクスペリエンスに貢献します。実際、このヒントは Web サイトに表示したい他のポップアップにも当てはまります。

以上が新しいタイトル: WordPress Cookie 同意ポップアップのデザインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
WordPressを3日で学ぶことはできますか?WordPressを3日で学ぶことはできますか?Apr 09, 2025 am 12:16 AM

3日以内にWordPressを学ぶことができます。 1.テーマ、プラグインなどのマスター基本知識。2。インストールや作業原則などのコア関数を理解します。 3.例を使用して、基本的および高度な使用法を学びます。 4.デバッグテクニックとパフォーマンスの最適化の提案を理解します。

WordPressはCMSですか?WordPressはCMSですか?Apr 08, 2025 am 12:02 AM

WordPressはコンテンツ管理システム(CMS)です。コンテンツ管理、ユーザー管理、テーマ、プラグイン機能を提供して、Webサイトコンテンツの作成と管理をサポートします。その実用的な原則には、ブログから企業Webサイトまで、さまざまなニーズに適したデータベース管理、テンプレートシステム、プラグインアーキテクチャが含まれます。

ワードプレスは何に適していますか?ワードプレスは何に適していますか?Apr 07, 2025 am 12:06 AM

wordpressisisgoodforvirtalayanywebprojectoitsversitilityasacms.itexcelsin:1)ユーザーフレンドリー、柔軟性と柔軟性と顧客化の維持、およびプルージンの数値化; 3)seooptimization;

WixまたはWordPressを使用する必要がありますか?WixまたはWordPressを使用する必要がありますか?Apr 06, 2025 am 12:11 AM

WIXは、プログラミングの経験がないユーザーに適しており、WordPressは、よりコントロールと拡張機能を必要とするユーザーに適しています。 1)WIXはドラッグアンドドロップエディターとリッチテンプレートを提供しているため、Webサイトをすばやく構築できます。 2)オープンソースのCMSとして、WordPressには巨大なコミュニティとプラグインエコシステムがあり、詳細なカスタマイズと拡張をサポートしています。

WordPressの費用はいくらですか?WordPressの費用はいくらですか?Apr 05, 2025 am 12:13 AM

WordPress自体は無料ですが、使用するには余分な費用がかかります。1。WordPress.comは、無料から支払いまでの範囲のパッケージを提供し、価格は月あたり数ドルから数十ドルまでの範囲です。 2。WordPress.orgでは、ドメイン名(年間10〜20米ドル)とホスティングサービス(月額5〜50米ドル)を購入する必要があります。 3.ほとんどのプラグインとテーマは無料で、有料価格は数十から数百ドルです。適切なホスティングサービスを選択し、プラグインとテーマを合理的に使用し、定期的に維持および最適化することにより、WordPressのコストを効果的に制御および最適化できます。

WordPressはまだ無料ですか?WordPressはまだ無料ですか?Apr 04, 2025 am 12:06 AM

WordPressのコアバージョンは無料ですが、使用中に他の料金が発生する場合があります。 1。ドメイン名とホスティングサービスには支払いが必要です。 2。高度なテーマとプラグインが充電される場合があります。 3.プロフェッショナルサービスと高度な機能が請求される場合があります。

WordPressは初心者にとって簡単ですか?WordPressは初心者にとって簡単ですか?Apr 03, 2025 am 12:02 AM

WordPressは、初心者が簡単に始めることができます。 1.バックグラウンドにログインした後、ユーザーインターフェイスは直感的であり、シンプルなダッシュボードは必要なすべての関数リンクを提供します。 2。基本操作には、コンテンツの作成と編集が含まれます。 WysiWygエディターは、コンテンツの作成を簡素化します。 3.初心者は、プラグインとテーマを介してウェブサイトの機能を拡張でき、学習曲線は存在しますが、練習を通じて習得できます。

なぜWordPressを使用するのはなぜですか?なぜWordPressを使用するのはなぜですか?Apr 02, 2025 pm 02:57 PM

人々は、その力と柔軟性のためにWordPressを使用することを選択します。 1)WordPressは、さまざまなWebサイトのニーズに適した、使いやすさとスケーラビリティを備えたオープンソースのCMSです。 2)豊富なテーマとプラグイン、巨大なエコシステム、強力なコミュニティサポートがあります。 3)WordPressの作業原則は、テーマ、プラグイン、コア関数に基づいており、PHPとMySQLを使用してデータを処理し、パフォーマンスの最適化をサポートします。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。