Архив рубрики: Публикации

Плагины и скрипты для защиты от копирования и выделения текста

Здравствуйте, уважаемые читатели! В этой статье я опишу несколько плагинов, которые запрещают выделение и копирование текста, а также опубликую коды скриптов.

Хочу продолжить начатую раньше тему о защите статей от копирования. Данная проблема была актуальной во все времена, поскольку всегда найдется дилетант, который захочет украсть авторский контент и выдать его за свой на своем сайтишке. Идеального способа бороться с данной проблемой нет, но тем не менее, можно использовать некоторые методы, которые усложнят жизнь копипастерам.

Примером такой дополнительной защиты служат плагины, которые запрещают выделение текста и его копирование, а также отключают правую кнопку мыши. Конечно такой плагин не защитит на 100% от воровства статьи, но новички и дилетанты, которые привыкли копировать текст выделением, будут лишены такой возможности.

Плагин для защиты от выделения и копирования текста на сайте

Как защитить текст от копирования - плагины и скрипты для WordPress

 

Плагин называется WP-CopyProtect. Ниже представлена картинка с настройками функций плагина:

Плагин WP-CopyProtect Поскольку плагин на английском, хотя из-за этого пугаться не стоит все элементарно :), я ниже объясню обозначения.

Цифрой один отмечена функция отключения правой кнопки мыши. Предусмотрена возможность показа сообщения при нажатии правой кнопки мыши. Напротив надписи Disable right click and show message напишите сообщение, которое будет показываться при нажатии правой кнопки.

Циферкой 2 обозначена функция отключения возможности выделения текста. Цифрой 3 отмечена возможность включить показ информации о защите. Данная информация появляется в самом низу под футером. Я эту функцию не использую. И самое важное, не забудьте сохранить изменения нажатием на кнопку 4. Вот так легко можно запретить выделение текста и копирование с помощью плагина WP-CopyProtect.

Можно наложить копирайт на загружаемые картинки к статьям, в частности, если Вы сами делаете их или публикуете скрины. Поможет защитить картинку копирайтом  плагин Watermark Reloaded.

Защита от копирования текста скриптами JavaScript

Важно! Сделайте резервную копию файлов шаблона перед редактированием, чтобы в случае чего, восстановить работоспособность сайта.

1. Данный скрипт дает возможность выделить текст и скопировать его в буфер обмена, но кода вор будет его вставлять, то окажется, что буфер обмена пуст. Находим в файле header.php тег <body >  и заменяем его на следующий:

<BODY oncopy="return false;">

2. Отключение правой кнопки мыши следующим скриптом:

<script type="text/javascript" language="JavaScript"> document.onselectstart=function(){return false} document.oncontextmenu=function(){return false} document.onmousedown=function(){return false}</script>

Данный код вставляется в файле header.php перед закрывающим тегом </head>.

3. Принудительно добавляем в буфер к скопированному тексту ссылку на источник с помощью скрипта, который вставляется перед </head>:

<script type="text/javascript">// <![CDATA[

function addLink() {

    var body_element = document.getElementsByTagName('body')[0];

    var selection = window.getSelection();



    // Вы можете изменить текст в этой строчке

    var pagelink = "



Источник: <a href='"+document.location.href+"'>"+document.location.href+"</a> &copy; Реальный заработок в интернете  inetsovety.ru



";

    var copytext = selection + pagelink;

    var newdiv = document.createElement('div');

    newdiv.style.position = 'absolute';

    newdiv.style.left = '-99999px';

    body_element.appendChild(newdiv);

    newdiv.innerHTML = copytext;

    selection.selectAllChildren(newdiv);

    window.setTimeout( function() {

        body_element.removeChild(newdiv);

    }, 0);

}

document.oncopy = addLink;

// ]]></script>

4. Запрет выделения текста с помощью скрипта. Данный скрипт состоит из 2-х частей. Первую часть вставляем перед хорошо нам знакомым </head>:

<script type="text/javascript">// <![CDATA[

function disableSelection(target){

if (typeof target.onselectstart!="undefined")

    target.onselectstart=function(){return false}

else if (typeof target.style.MozUserSelect!="undefined")

    target.style.MozUserSelect="none"

else

    target.onmousedown=function(){return false}

target.style.cursor = "default"

}

// ]]></script>

А вторую часть в файл footer.php, перед строкой <?php wp_footer (); ?>:

<script type="text/javascript">// <![CDATA[

disableSelection(document.body)

// ]]></script>

5. Помимо внутренней перелинковки между статьями, есть еще один оригинальный способ оставить ссылку на свой сайт в тексте, которая будет не заметна невооруженным глазом — ссылка на знак препинания, например на точку в конце предложения.

6. Другой оригинальный способ закрепить за собой авторство — вставить в текст невидимый блок, в котором будет написано кто автор статьи. Данный код будет невиден на Вашем сайте, за счет стилей, но проявится на сайте вора:

<div class=»hid»>Статья украдена с сайта site.ru</div>

.hid{display:none;}

Хочу добавить, что работу этих скриптов можно обойти, если отключить в браузере использование javascript.

Если, вдруг, Вы обнаружили, что статья украдены и  находится на другом сайте, то почитайте в предыдущей статье «Защита контента от копирования«, как вычислить владельца сайта, который размещает ворованный контент.

А как Вы считаете, нужно ли ставить на свой сайт плагин или скрипты, которые запрещают выделение и копирование текста?



2013-01-19T14:00:54
Блог на WordPress

Как настроить постраничную навигацию без плагина на WordPress

Доброго времени суток! Тема сегодняшней статьи — «Как установить на блоге WordPress постраничную навигацию без плагина и с ним».  Всем известно, что плагины создают дополнительную нагрузку на хостинг, поэтому нужно стараться, по возможности, заменять функции, выполняемые тем или иным плагином, на код.

Реализация постраничной навигации без плагина

Первым делом сделайте, на всякий случай, резервную копию файлов шаблона, чтобы в случае неправильно редактирования не испортить шаблон.

Первое что нужно сделать — вставить в файл functions.php код функции, чтобы не запутаться и не совершить ошибок, вставляйте код сразу после тега <?php

function wp_corenavi() {

  global $wp_query, $wp_rewrite;

  $pages = '';

  $max = $wp_query->max_num_pages;

  if (!$current = get_query_var('paged')) $current = 1;

  $a['base'] = str_replace(999999999, '%#%', get_pagenum_link(999999999));

  $a['total'] = $max;

  $a['current'] = $current;



  $total = 1; //1 - выводить текст "Страница N из N", 0 - не выводить

  $a['mid_size'] = 5; //сколько ссылок показывать слева и справа от текущей

  $a['end_size'] = 1; //сколько ссылок показывать в начале и в конце

  $a['prev_text'] = '«'; //текст ссылки "Предыдущая страница"

  $a['next_text'] = '»'; //текст ссылки "Следующая страница"



  if ($max > 1) echo '

';

}


Против некоторых полей, Вы можете видеть пояснения на русском, поэтому на свое усмотрение можете поменять эти настройки.

Далее нужно на страницах, где требуется вывод постраничной навигации (архивы, поиск, главная) установить код:

<!--?php if (function_exists('wp_corenavi')) wp_corenavi(); ?-->

На картинке ниже, Вы можете посмотреть куда нужно вставлять код в файле:

Постраничная навигация без плагина - место добавления кода

Заключительным шагом является настройка внешнего вида. В частности нужно задать вывод кнопок навигации, либо с помощью картинки, либо через css стили. Я покажу, как сделать красивый внешний вид с помощью изображений. Специально для своих читателей выкладываю изображения для постраничной навигации в различной цветовой гаме:

      bottom-red   bottom-blue   

Сохраните себе в двух подходящих цветах. Одна кнопка будет для активной страницы, а другая для всех остальных.

В файл style.css нужно добавить следующий код:

.navigation {

text-align:center; margin:30px 0;

}

a.page-numbers {

background:url(images/act_nav.png) no-repeat; width:25px; height:25px; display: inline-block; padding:5px 0 0 0; font-weight:bold;

}

a:hover.page-numbers{

background:url(images/activ_nav.png) no-repeat; color:#fff; text-decoration:none;

}

span.page-numbers.current {

background:url(images/activ_nav.png) no-repeat; color:#fff; width:25px; height:25px; display: inline-block; padding:5px 0 0 0; font-weight:bold;

}

Важно правильно указать путь до картинок постраничной навигации на хостинге! Картинки нужно загружать в папку с темой, которая находится по такому адресу public_html/wp-content/themes/тема/images

Также, не ошибитесь с указанием названия картинки.

Установка плагина WP-PageNavi

  1. Скачиваем плагин WP-PageNavi на русском языке с сайта wordpress.org
  2. В админ панели Вашего блога, в меню слева выбирайте Плагины — Добавить новый. Далее переходите на вкладку Загрузка. Нажимаете Обзор… и указывайте путь к архиву с плагином на компьютере. После этого нажимайте Установить. После того, как плагин будет загружен, нажмите Активировать плагин.
  3. Для отображения кнопок навигации под страницами, необходимо добавить следующий код:

    <?php wp_pagenavi(); ?>

    Данный код добавляется в те файлы шаблона, которые отвечают за отображение страниц архива(arhive.php), поиска (search.php) и главной стараницы — index.php.
  4. Раньше у Вас на сайте была установлена навигация в виде: Следующая страница, Предыдущая. Необходимо заменить код, который отвечает за отображение этой навигации. Откройте файл с кодом, например, arhive.php нажмите CTRL+F на клавиатуре и введите в поиск внизу фразу navigation.

  5. Найдите фрагмент кода, который выглядит следующим образом <div class="navigation"> ... <div class="alignright">...</div> и замените его указанным выше кодом.
  6. Сделайте аналогичную замену и на оставшихся страницах.

Если Вы сделали все правильно, то перейдя в архив записей, Вы увидите внизу строку постраничной навигации.

На этом установка плагина WP-PageNavi завершена. Теперь Ваш блог стал еще более удобным для Ваших посетителей.

Вот собственно и все. Надеюсь у Вас не возникнет проблем с настройкой.



2013-01-10T08:53:03
Блог на WordPress

Домашний медиа-сервер (Установка системы Ubuntu 12.10 Minimal CD)

Давно хотел написать статью про организацию домашнего медиасервера. Начнём. Настраивать буду на основе Ubuntu 12.10 «Quantal Quetzal» Minimal CD 32-bit PC (x86). В данной статье рассмотрим только установку операционной системы.

Читать

Подключаем источник бесперебойного питания к Ubuntu (linux)

Читать

Автоматическая загрузка демонов при старте Ubuntu

Ubuntu настолько дружелюбная система, что при установке какого либо сервиса она уже сама добавляем его в автозагрузку. Но иногда приходится самостоятельно редактировать и поправлять как нам надо. Я всегда пользовался и пользуюсь rcconf, но сегодня решил промониторить интернет на предмет чего нового. Ниже опишу установку, настройку и основные команды всего того, что было найдено в сети Читать

Hardinfo — аналог Everest в Ubuntu (linux)

Hardinfo — это приложение, которое может вывести полную статистику по вашему компьютеру. Hardinfo обладает простым графическим интерфейсом, в котором разберется, наверное, каждый. Помимо того, что Hardinfo выводит список устройств, он еще позволяет тестировать их производительность. Если Вы ищите способ узнать состав компьютера, то Hardinfo — это то, что Вам нужно.

Читать