Сделали красивый шаблон, а потом обнаружили его у какого-то студента на юкоз сайта? Привет в клуб. Если шаблон хоть как-то симпатичен, его кто-нибудь обязательно сперва скачает, потом ковырнёт в DevTools и зальёт к себе. Бесплатно, быстро и без зазрения совести.

На этом фоне вопрос "как защитить шаблон" звучит немного наивно. Как бы вы его ни защищали — всё, что отдали браузеру, можно утащить. Но можно хотя бы вставить палку в колёса. Иногда с гвоздями.

1. 100% защита — только скриншот

Хочешь, чтобы шаблон не украли? Не показывай его. Всё. Можно сделать скриншоты, замылить, налепить водяные знаки и повесить в музей. Тогда точно не украдут.
Но если уж выложили — смирись: максимум, что можно — усложнить жизнь воришке.

2. Блокировка мышек и клавиш — детский сад

Вот популярные методы из разряда "я спрятал печеньку под подушкой":

  • запрет правой кнопки мыши
  • блокировка F12 (да, люди реально верят, что это помогает)
  • Ctrl+U, Ctrl+C — тоже в бан
  • messagebox с «Не копируй, пожалуйста 🥺»

Работает только против тех, кто сам не знает, как включается DevTools. Все остальные обойдут это за 5 секунд. Это не защита, это самоуспокоение.

3. Минификация и обфускация кода

  • Сжать CSS до нечитаемого состояния
  • Заобфусцить JavaScript так, чтобы самому потом страшно было
  • Вшить проверку document.domain, чтобы шаблон не работал на другом домене
if (document.domain !== 'yourdomain.com') {
  alert('Ты спёр шаблон, мразь!');
  document.body.innerHTML = '';
}

А ещё можно подключать JS с вашего сервера и подгружать "подарки" нарушителям — например, менять контент, ломать верстку или встраивать 18+ баннеры с надписью "я ворую сайты".

4. .htaccess — минимум удовольствия

Можно прикрыть прямой доступ к картинкам, шрифтам, стилям и скриптам:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)example.com/.*$ [NC]
RewriteRule \.(jpg|png|css|js|woff)$ - [F]

А можно заменить все картинки на одну большую «СТЫРИЛ — СОСИ»:

RewriteRule \.(jpg|png)$ http://example.com/thief.jpg [R,L]

Работает не везде, но иногда помогает поймать пару идиотов.

5. Юридическая защита — для терпеливых

Можно зарегистрировать авторские права на шаблон. Потом слать жалобы хостерам, гуглу, в суд и писать в стиле «Ваш сайт нарушает авторские права…».
Работает только если есть юрист, свободное время и злость уровня «принципиальный задрот».

А теперь серьёзно

Все эти «способы защиты» — не более чем фильтры от совсем уж новичков. Любой фронтендер со стажем 2 недели вытащит ваш HTML, CSS и JS за пару минут.
Хочешь, чтобы не тырили? Сделай шаблон, который никто не захочет воровать. Или смирись и бей по рукам тех, кто ворует.

Вывод: Защищай, если хочется, но не рассчитывай на чудо. Всё, что попадает в браузер — потенциально общее. И единственная нормальная защита — это ваш стиль, ваша репутация и аудитория, которая знает, где оригинал.