私のサイトでは画像(猫ちゃんの写真など)を扱うことが結構あります。今回、右クリックの画像だけに制限をかけてWordPress の画像保存を守ることはできないか検討してみました。
では方法ですがいくつかあります。
この中で一番簡単なのがプラグインを追加して画像保存を禁止する方法です。なので今回はこちらの方法を紹介したいと思います。
プラグインの入れすぎはWordPress の動作に影響を及すため、本当に導入が必要か検討してみてください。
右クリックと画面タッチの画像保存だけを制御するプラグイン
プラグイン【No Right Click Images Plugin】は、画像保存だけ防止します。
ただし、テキスト内容は防止されないので画像とテキストの両方を防ぎたい場合は、別の方法を検討しなければなりません。
右クリックと画面タッチの動作
では、実際にどのように動作するかというと、「投稿内の画像を右クリック・タッチした時」の動作が変わります。
パソコンでの動作
通常、右クリックすると上記のようなメニュー項目が出てきます。（windowsとMacによって違います）
ですが、このプラグインを入れると右クリックのメニュー項目が表示しなくなります。
画像の上で右クリックメニューは表示されなくなりますが、画像以外の場所では右クリックは可能です。また、テキストのコピーもできます。
スマートフォンでの動作
スマートフォンでは画像をタッチしてもなにも反応しなくなります。ですが、パソコンでの動作同様にテキスト内容はコピーができます。
スマートフォンでは画像の上で画面を拡大縮小させるピンチイン/ピンチアウトの操作ができなくなります。画像以外の場所ではピンチイン/ピンチアウトの操作はできます。
No Right Click Images Pluginをインストール
では、さっそくプラグインをインストールしていきたいと思います。
まず、プラグイン新規追加にある「検索ボックス」から「No Right Click Images Plugin」と入力します。（No Right Clickまで入力したら検索結果にでてくる）
「今すぐインストール」をクリックします。インストールしたら「有効化」にしてください。
右クリックと画面タッチの制御設定をおこなう
WordPress 管理画面の設定の中に「No Right Click Images Plugin」があるので、実際に画像禁止の設定をおこないます。
次に、英語で書かれた画面が出てきます。
設定は必要な項目にチェック入れるだけの簡単作業なので、日本語訳で項目別に説明します。
① Allow Right Click for Logged Users 管理者の制御
You may wish to allow logged in users to copy images. You can do this by checking this box.
ログインしているユーザーに画像のコピーを許可したい場合があります。このボックスをチェックするとこれを行うことができます。
これは管理者以外のログインユーザーに対して右クリックを許可するかどうかになります。複数ユーザーでサイトを運営している場合などは必要に応じてチェックを入れましょう。
② Disable Dragging of images 右クリックの制御
This will prevent images from being dragged to the desktop or image software
これにより、画像がデスクトップまたは画像ソフトウェアにドラッグされなくなります。
これは画像をドラッグして保存するのを禁止します。チェックをいれます。
③ Disable Touch events 画面タッチの制御
Prevents touch events on images, but if images are used as links or buttons this may cause problems.
画像上のタッチイベントを防ぎますが、画像がリンクまたはボタンとして使用されている場合、問題が発生する可能性があります。
スマートフォンなどのタッチ操作で、画像を長押して画像保存されるのを防止します。
ただし、画像にリンク追加している場合に影響がでます。必要に応じてチェックを入れましょう。
④ Disable Gesture events 画面タッチの制御
Prevents some gestures. If you site uses image gestures for images this may cause problems.
一部のジェスチャーを禁止します。サイトで画像に画像ジェスチャーを使用している場合、問題が発生する可能性があります。
スマートフォンなどのタッチパネル端末独自の機能（通常のタッチ以外）で、画像保存されるのを防止したい場合はチェック入れます。ただし、画像に対してアクション(例えばスライド効果など)を追加している場合、影響がでる可能性があります。
Adds a style to images on Apple IOS devices to prevent the context menu.
Apple iOS デバイス上の画像にスタイルを追加して、コンテキスト メニューが表示されないようにする
Appleデバイスに対して「画像を保存する」などのメニュー項目を無効にします。これはチェックを入れましょう。
⑥ Admin can always right click images 管理者の制御
Admins can always right click images even if logged in users cannot.
ログインしているユーザーが画像を右クリックできない場合でも、管理者はいつでも画像を右クリックできます。
これは管理者が右クリックできるようにするかどうかです。必ずチェックを入れます。
以上で設定が終わったら「Save Changes」をクリックします。
最後にパソコンで右クリックの保存防止できているか、スマートフォンで画像の保存防止できているか必ず確認してください。
まとめ
いかがだったでしょうか。今回はWordPressの画像保存を禁止する方法について解説しました。
プラグイン「No Right Click Images Plugin」を使えば簡単に画像保存を禁止できます。
簡単にまとめると
次に設定はです。
以上になります。最後までお読みいただきありがとうございました！
コメント