ブログ全文を右クリック禁止にしたい



  • ブログ全文を右クリック禁止(コピー、ドラッグ)にしたい。
    下記を記述しても変化なし。

    body{
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
    }


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン :
    ご利用のサーバー名 : conoha WING
    PHPのバージョン :
    OS :
    ご利用のブラウザ : Chrome
    該当サイトのURL : https://toracha.com/



  • @とらちゃ さん

    こんにちは!
    URLありがとうございます。

    user-select:none; は選択禁止にするものですが、
    とらちゃ さんのサイトで CSS が効いてないのは
    追加 CSS 内のどこかで記述ミスがあるからだと思います。。。
    (追加 CSS の一番上に頂いたコードを貼ると反映されましたので)

    以下の記事あたりが参考になりそうなので、良ければご覧になってみてください。
    https://asbgm.com/388/
    https://kinsta.com/jp/knowledgebase/disable-right-click-wordpress/

    よろしくお願いいたします!



  • 返信ありがとうございました。

    追加で質問させてください。
    おっしゃる通り、別のカスタマイズ箇所の不備が原因でした。
    その該当箇所が下記の通りです。
    ーーーーーーーーーーーーーーー
    /スマホメニュー用・中央揃え/
    @media (max-width: 767px){
    .cps-sp-menu-bar {
    overflow-x: hidden;
    }
    .cps-sp-menu-bar ul {
    display: flex;
    justify-content: center;
    }
    }
    ーーーーーーーーーーーーーーー
    こちらのコーティングは、
    https://jin-forum.jp/topic/4466/スマホでのメニュー表示を中央揃えにしたい/5]
    をそのまま流用したのですが、どうやらローカルでは動かないようです。
    どのように修正すれば良いでしょうか。教えていただきたいです。



  • @とらちゃ さん

    追加の質問、ありがとうございます。

    その前に確認させていただきたいのですが、最初の質問は解決されたという事でしょうか...?



  • 言葉足らずで申し訳ありません。
    結論を申し上げます。
    ーーー
    右クリック禁止処理の動作は確認したが、私の動作設計としては不備あり。
    ーーー

    「1つ目の投稿」が上手く動作しなかった原因

    「2つ目の投稿」のコーティングの不備だった。
    (これをコメント化して「1つ目の投稿」が動くことを確認をしました)

    今回の質問内容
    「1つ目の投稿」も「2つ目の投稿」も実現できるコーティングを教えていただきたい。
    (「2つ目の投稿」が原因だったため、これをどのように修正すればよいか。)



  • @とらちゃ さん

    ご説明ありがとうございます!

    2つ目にお伝えいただいているコードを
    追加CSSの一番上に書くとどうなりますか...?

    ご確認お願いいたします!



  • お世話になっております、
    夜分に失礼します。

    2件目の投稿、「追加CSS」の最上部に記述したところ、両投稿、無事動作しました。

    処理の順番については抜け落ちてました、勉強にもなりました

    ありがとうございました!



  • @とらちゃ さん

    ご報告ありがとうございます!