WordPressページの右クリックと画像のコピー操作を禁止させる

概要説明

画像のコピーに困っているという場合に有効なカスタマイズ。右クリックを禁止して画像操作を無効にすることでダウンロードを防止します。

簡易的な画像、テキストのプロテクト用の処理

functions.php
/*----------------------------------------------------
 右クリックと画像のコピー操作を禁止する
----------------------------------------------------*/
if ( !function_exists( 'add_head_copy_protect' ) ){
    function enable_jquery(){
        wp_enqueue_script( 'jquery' );
    }
    add_action('wp_enqueue_scripts','enable_jquery');

    function add_head_copy_protect() {
        $str = <<<EOD
            <script type="text/javascript">
            jQuery(function($){
                $('img').attr('onmousedown', 'return false');
                $('img').attr('onselectstart','return false');
                $(document).on('contextmenu',function(e){
                    return false;
                });
            });
            </script>
        EOD;
        echo $str;
    }
    add_action('wp_head', 'add_head_copy_protect');
}

Chromeのデベロッパーツールを使ったり他にも抜け道はいくつもあるので、簡易的な対応と思ってください

WordPress Developer Resources

関連機能

  1. ウィジェットエリアを追加して任意の位置で表示させる

  2. アイキャッチ画像の設定機能を追加したい場合

  3. WordPress お問合せフォームの郵便番号に入力したら住所を自動で入力する機能を追加 ( Contact Form 7 )

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

正しい戦争なんてない
でも正しさだけが人を救うとは限らない

機動戦士ガンダムUC
by マリーダ・クルス

Profile

PAGE TOP
Amazon プライム対象