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

広告WordPress・PHP を学べる本

Amazonのアソシエイトとして、WordPress functions.phpは適格販売により収入を得ています。

概要説明

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

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

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

        $js = <<<'EOD'
jQuery(function($){
    // 画像のドラッグ・選択をさせない(あとから読み込まれる画像にも効く)
    $(document).on('dragstart selectstart', 'img', function(){
        return false;
    });
    // 右クリックのメニューを出さない
    $(document).on('contextmenu', function(){
        return false;
    });
});
EOD;
        // jQuery の本体のすぐあとに出す(jQuery をフッターに移しても動く)
        wp_add_inline_script( 'jquery-core', $js );
    }
    add_action( 'wp_enqueue_scripts', 'add_copy_protect_script' );
}

wp_head に直接 script を書くと、jQuery をフッターに移したとき(/archives/508)に jQuery is not defined で止まります。wp_add_inline_script で jQuery の本体のすぐあとに出すと、どこに移しても動きます。

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

WordPress Developer Resources

関連機能

  1. alt が空の画像に、代わりの文を自動で入れる:アイキャッチは記事のタイトル、ウィジェットは表示のときだけ足す

  2. WordPress のメニューのリンクに title 属性を付ける:nav_menu_link_attributes で安全に足す

  3. WordPress管理画面 各種投稿一覧の先頭にIDを表示させデフォルトをIDの降順で表示させるように設定する

サイドバー

よく使うカスタマイズ

最近の記事

Profile

PAGE TOP