シェフ先日、自作のWordPressテーマ「4536」のフォーラムで以下のような要望をもらいました。シェフさん、こんばんは!ブログのテキストをコピーさせないようにするにはどうしたらよいですか?色々書いてあるのですが、よくわかりません。4536でやるにはどうしたら良いですか?コピーガードにはデメリットもあるので実装していませんでしたが(記事の最後で言及します)、画像を無断でパクられたり、悪意ある引用をされたり、サイトによっては必要な機能だったりしますからね。今回はそのコピーガード(コピープロテクト)のコードをご紹介するので、ぜひ参考にしてみてください。コピペ一発!コピーを禁止するコードコピーガードの方法はいくつかありますが、今回ご紹介するコードは以下のような特徴があります。画像は右クリックできずドラッグもできないサイトで右クリック自体はできるスマホで画像を長押ししても強く押しても(3Dタッチ)保存できないPC、スマホともに実質的にコピーができません。サイトで右クリックできるようにしているのは、ソースコードを見れる方にはそもそも対策できないからです。CSSでテキストを選択不可に以下のCSSをstyle.cssにコピペします。user-select:none}特定の要素だけ(pタグやspanタグなど)に適用したい場合はbodyの部分を変更すればOKです。以下のコードを</body>タグ直前に貼り付けます。});});</script>WordPressサイト向けのコードWordPressならこちらのコードの方がメンテナンス性が良くなります。functions.phpにコピペします。});コピーガードのデメリット今回ご紹介した方法でコンテンツのコピーを防止できますが、少なからずデメリットもあります。テキストがコピーできないと「引用」してもらえませんよね。引用してリンクを貼ってもらうことはサイトの評価アップに直接つながるので(外部リンク)、大きなデメリットと言えます。コピーガードはこういったデメリットを理解した上で使ってくださいね。カテゴリー:プログラミング学習シェフこのサイト「Fantastech」を運営している人。WordPressテーマ「4536」の開発中にインプットした情報などを発信中。無料コードエディタ「ATOM」をおすすめする4つの理由2019/2/15もっと見るPHPのstr_replaceとpreg_replace(正規表現)の使い方2018/7/4もっと見るCSSで文字数に合わせて吹き出しの横幅を変える簡単な方法2018/5/22もっと見るWindowsのブラウザ別スクロールバー非表示方法【CSS】2018/3/23もっと見るプログラミング初心者の無料の学習方法は?独学できる?2018/3/9もっと見るechoしたパラメータを返り値で扱えるob_start関数の使い方2018/1/20もっと見る要素1つで中央寄せ、2つ以上で横並びにするCSS。2017/7/21もっと見る初心者向け!プログラミング(PHP)のよくあるエラー原因。上に表示された文字を入力してください。「ページを開けません。Jobsの導入方法や注意点などカスタムデータ属性でCSSフレームワークを作ろうきたぞ、国内初の流体シェイプ国内初となる流体シェイプをデザインに取り入れたWordPressテーマ「4536」を公開しました。