ワードプレステーマ別。記事の一部だけコピペ可能にするCSSコード（コピペOK）

↓記事は下にあります↓

記事内に広告を含みます

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

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

滑り方の種類から学ぶ

＊現在執筆中です。投稿したらXで報告します。なお、スキー検定と一般の滑り方、競技は技術的な部分が違います。そういった違いも解説していきます。

上級者向け

スキー検定１発合格上達方法＆アルペンスキー競技で１桁順位なるまでにやってきた練習方法

カテゴリーで見る：アルペンスキー　１級　２級　夏のアルペンスキートレーニング

稼ぐブログ資産の作り方。個人からスキー場、プロアスリートの集客方法・収益化解説

hide

ワードプレスでコピー防止機能を使ってるけど、ソースコード部分だけなど部分的にコピペ解除するソースコードが欲しい人向けのコピペOKのコードをテーマ別に貼っておきます。

ここでは「WP Content Copy Protection & No Right Click」プラグインを使ってるという前提で解説します。より細かい指示はAIに質問するとコードや方法を提案してくれます。

こんな方におすすめ

コピペ禁止のプラグインを使ってるけど、ソースコード部分など一部だけコピペ可能にしたい人
WP Content Copy Protection & No Right Clickを使って一部だけコピペ可能にする設定方法を知りたい人
SANGOやアフィンガー、コクーン、ストーク１９、SWELL、JIN:Rを使っていてコピペ禁止にしたけど、一部コピペ可能にしたい人

こんな方には役立つ記事かと思います。

目次閉じる

SANGOの場合
- ① まず以下のCSSをコピペし、カスタマイズでCSSを追加する
- ②　WP Content Copy Protection & No Right Clickの設定解除をする
その他のワードプレステーマ別CSSコード
AIによるプロンプトの出し方

SANGOの場合

このブログはSANGOを使ってるので、以下がSANGOでのやり方となります。

① まず以下のCSSをコピペし、カスタマイズでCSSを追加する

以下のコードはSANGOのカスタムHTMLウィジェット部分だけをコピペ可能にするコードです。実際このページで以下のCSSコード紹介部分だけコピペできるようになってるので試してみて下さい。

CSS

/* コード部分だけ選択・右クリック許可 */
pre, code, .highlight { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; pointer-events: auto !important;
}

②　WP Content Copy Protection & No Right Clickの設定解除をする

やり方は「プラグイン」に移動し、WP Content Copy Protection & No Right Clickの「設定」をクリック。その後1番最初の画面の1番上にある

「JavaScriptによる投稿保護」を利用不可にします。（個別投稿記事向け）

これでソースコード部分だけをコピペできるようになり、ブログの文章部分のコピペを禁止にすることができます。

その他のワードプレステーマ別CSSコード

いかがWPテーマ別のコピペ解除コードです。あくまでもソースコード部分を解除するCSSコードとなるのでご注意ください。

以下のCSSコードをカスタマイズ部分から貼り付けると、残りの手順は上記のSANGOの2番の箇所に移動して、プラグイン設定を変えるだけとなります。

cocoon

CSS

/* Cocoon - コード部分だけコピペを許可 */
.code-box, .highlight, pre[class*="language-"] { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; pointer-events: auto !important;
}

AFFINGER（アフィンガー）

CSS

/* AFFINGER - コード部分だけコピペを許可 */
pre[class^="prettyprint"], .st-codebox, .highlight { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; pointer-events: auto !important;
}

ストーク１９

CSS

/* STORK19 - コード部分だけコピペを許可 */
div[class*="code-block"], pre, code { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; pointer-events: auto !important;
}

SWELL（スウェル）

CSS

/* SWELL - コード部分だけコピペを許可 */
.swell-block-code, .wp-block-code, pre, code { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; pointer-events: auto !important;
}

JIN:R（ジンアール）

CSS

/* JIN:R - コード部分だけコピペを許可 */
.code-area, .jin-code, pre, code { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; pointer-events: auto !important;
}