كيفية تعطيل نسخ النص باستخدام CSS فقط

كيفية تعطيل نسخ النص باستخدام CSS

يقوم العديد من المدوّنين الجدد بنسخ المحتوى من مواقع أخرى لتقليل من جهد نشر المحتوى الخاص بهم. عند نسخ المحتوى، نواجه العديد من المشكلات التي قد تؤدي حتى إلى إيقاف موقعنا. ربما تكون ترغب في تعطيل نسخ النص على موقعك، وكدالك منع تحميل صور موقعك ( إضافة سكربت لمنع تحميل الصور في مدونة بلوجر ) إذًا هذا الدرس موجه لك.

في هذا الدرس، سأقوم بشرح كيفية تعطيل نسخ النص باستخدام CSS الخالص. لنتعرف على الخطوات بدون إضاعة الكثير من الوقت.

طريقة التشغيل:

كيفية تعطيل نسخ النص باستخدام CSS في مدونة بلوجر؟

 قبل اتباع هذه الخطوات، نوصي بأخد نسخة احتياطية من قالب بلوجر الخاص بك،في حال حدوث أي أخطاء يمكننا التراجع عن التغييرات باستخدام تلك النسخة الاحتياطية.

خطوة 1. انتقل أولاً إلى لوحة التحكم الخاصة بك على بلوجر .

خطوة 2. انقر على خيار المظهر من الشريط الجانبي.

خطوة 3. ثم انقر على الرمز المنسدل بجوار خيار التخصيص.

خطوة 4. اختر بعد ذلك تحرير HTML من القائمة المنسدلة.

خطوة 5. ثم ابحث عن ]]></b:skin> وقم بلصق الكود التالي في الأعلى أو يمكنك لصق الكود أدناه </head> عن طريق إنشاء علامات <style> </style>.

/* تعطيل النسخ */
body {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
/* تمكين النسخ للعلامات pre و code */
pre, code {
  user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: text;
}

خطوة 7. انقر الآن على أيقونة الحفظ، لحفظ الكود HTML.

كيفية تعطيل نسخ النص باستخدام CSS في كافة المواقع؟

خطوة 1. ابدأ أولاً بفتح ملف index.html لموقع الويب الخاص بك.

خطوة 2. ثم ابحث عن </head> وقم بلصق الكود التالي فوقها.

<style>
/* تعطيل النسخ */
body {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
/* تمكين النسخ للعلامات pre و code */
pre, code {
  user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: text;
}
</style>

خطوة 3. احفظ ملف index.html الآن.

المميزات:

• تحسين أمان المحتوى: يسهم تعطيل نسخ النص في تحسين أمان المحتوى عبر منع الاستخدام غير المصرح به.
• تعزيز حقوق الملكية الفكرية: يساعد في حماية حقوق الملكية الفكرية للمحتوى الفريد والمبتكر.
• تقليل انتشار المعلومات بدون إذن: يقلل من انتشار المحتوى بدون إذن، مما يساهم في السيطرة على استخدام البيانات.

العيوب:

1. تأثير على تجربة المستخدم: يمكن أن يؤدي تعطيل نسخ النص إلى تأثير سلبي على تجربة المستخدم، خاصة إذا كان الزائر يتوقع القدرة على نسخ ولصق المحتوى.
2. قد تكون فعالية محدودة: قد لا تكون جميع أساليب تعطيل نسخ النص فعّالة بنسبة 100%، مما يترك مجالًا لبعض الطرق للتجاوز.

استنتاج: نأمل أن يكون هذا الدرس قد ساعدك في تعطيل نسخ النص على موقعك. إذا كانت لديك أي شكوك تتعلق بهذا الدرس، فلا تتردد في طرح أسئلتك في التعليقات. قم بمشاركته مع أصدقائك أيضًا. شكرًا لزيارتك، أتمنى لك يومًا سعيدًا!

جميع الحقوق محفوظة ©
www.webwrd.com

انتقل إلى الرابط