Добрый день! Сегодня я расскажу о том, как установить специальный аватар для комментариев — Gravatar (граватар). Зачем нужен граватар пользователю интернета? Отличительное свойство Gravatar заключается в том, что этот аватар (картинка) публикуется при оставлении комментариев на разных блогах. Граватар — элемент узнаваемости, который позволяет отличить Вас от других пользователей. Поэтому, если Вы хотите выделиться, то установите себе аватар для комментирования.

Как создать граватар (Gravatar) для WordPress

Что такое граватар разобрались. Давайте рассмотрим как создать Gravatar (граватар) для вордпресс.

1. Перейдите на сайт специальный сайт gravatar.com.
2. На сайте в центре будет вот такая кнопка, нажмите по ней:
   
   
3. Заполните следующую форму:
   
   
4. После этого Вас перебросит на страницу, где нужно проверить правильность ввода регистрационных данных. Проверьте, чтобы возле каждого из полей была зеленая галочка, как на картинке ниже. Если имя занято, то будет красный крестик. Нужно придумать другое имя. Обратите внимание, что Вам предлагают создать блог на беслатной платформе WordPress за 18 долларов за месяц. Нажимайте на ссылку правее с текстом: «Спасибо, но я буду использовать бесплатный адрес»
   
   
5. Далее Вам покажут аналогичную форму, но внизу необходимо сначала перейти по ссылке, которая ведет на страницу с правилами сервиса («прочитать» ее), а потом синим засветится кнопка зарегистрироваться (на скрине ниже она под цифрой 2):
   
   
6. После этого появится надпись, что на почтовый ящик отправлено письмо:
   
   
7. Найдите письмо в почтовом ящике (возможно оно попало в спам):
   
   
8. Теперь нужно войти в свой аккаунт, нажмите на соответствующую кнопку:
   
   
9. Введите имейл и пароль, которые Вы указывали при регистрации:
   
   
10. После входа в аккаунт нажмите добавить изображение.
    
    
11. Далее выбираем откуда загружать картинку с изображением аватара. Если загружать будете с компьютера,  то укажите путь до картинки на жестком диске.
    
    
12. Загруженное изображение можно обрезать и заодно посмотреть как оно будет смотреться в граватаре:
    
    

13.  На последнем шаге остается выбрать категорию сайтов, на которых будет показываться граватар. Если на Вашем граватаре изображение «белое и пушистое», то выбирайте рейтинг G. В противном случае, если картинка нарушает какие-либо общепринятые нормы, то выбирайте другой рейтинг.
    
    

14. Последнее, чтобы подтвердить, что к этому имейлу будет привязана только что загруженная картинка, кликните на ее мини-изображение и нажмите «Подтвердить» :Вот собственно и все. Граватар установлен и Вы можете проверить его отображение, оставив комментарий с указанием имейла для которого установлен Граватар.

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

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

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

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

Плагин называется 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. Другой оригинальный способ закрепить за собой авторство — вставить в текст невидимый блок, в котором будет написано кто автор статьи. Данный код будет невиден на Вашем сайте, за счет стилей, но проявится на сайте вора:

.hid{display:none;}

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

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

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

Доброго времени суток! Тема сегодняшней статьи — «Как установить на блоге 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 стили. Я покажу, как сделать красивый внешний вид с помощью изображений. Специально для своих читателей выкладываю изображения для постраничной навигации в различной цветовой гаме:

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

В файл 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 завершена. Теперь Ваш блог стал еще более удобным для Ваших посетителей.

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

Здравствуйте, уважаемые посетители блога! В этой статье я расскажу о том, как создать правильный robots.txt для WordPress. Но сначала давайте разберемся зачем нужно создавать файл robots.txt, и можно ли обойтись без него?

Зачем нужен файл Роботс?

Если Вы уже создали блог на WordPress или только занимаетесь его разработкой, то заметили, что статьи полностью или анонсами показываются на страницах категорий,  архивов, меток, результатов поиска, а на некоторых блогах и на главной странице. То это приводит к появлению дублированного контента. Т.е. поисковый робот, просматривая сайт, находит один и тот же текст, но по разным адресам. Такой контент он может посчитать не уникальным и приравнять его к ворованному контенту. А это грозит санкциями и фильтром от поисковых систем.

В файле robots.txt как раз и указывается какие разделы блога поисковому роботу нужно индексировать, а какие нет. Также, можно запретить индексацию определенных служебных каталогов.

Как показала практика, за два года многое поменялось. Эта статья была написала в июле 2012 года, а то текст, который Вы читаете сейчас и его продолжение ниже, я написала в июле 2014 года. Собственно, а что поменялось?

Как было раньше. Через файл роботс мы давали указание поисковым роботам не забирать в свою базу определенные страницы сайта. Но теперь, в частности Google, не обращает внимания на указания (директивы) в robots.txt. Не смотря на то, что в robots txt стоит запрет индексации категорий, архивов, древовидных комментариев, а робот все равно их заносит в свою базу.

К счастью, Яндекс, в отличии от Google, не наказывает за дублированные страницы с повторяющимся контетом. Пока не наказывает. Скорее всего придет время, когда технологии Яндекса догонят Google, и тогда реакция Яндекса на дубли будет иной.

Для wordpress robots.txt не такой, как для других движков. И в первую очередь это связано с особенностями самого движка WordPress. В WordPress есть проблема с дублями, которые создают древовидные комментарии. Решение этой проблемы я описывала в статье https://inetsovety.ru/kak-ubrat-dubli-stranits-replytocom/

Как создать правильный robots.txt для блога на WordPress

В файле роботс мы разрешаем роботу заходить на страницы с дублями, но запрещаем с помощью мета тега:

<meta name='robots' content='noindex,follow' />

Для абсолютно всех страниц сайта мы не можем добавить этот тег, только для страниц пагинации (постраничной навигации). Остальные дубли мы исключаем с помощью редиректа. Внимательно изучите статью о дублях древовидных комментариев и примените ее, прежде чем ставить себе тот роботс, который я дам ниже. Если Вы поставите на свой блог этот роботс, но не настроите редиректы и мета теги, то рискуете получить  фильтры в поисковиках. Поэтому выполняйте все рекомендации по пунктам. Не поленитесь создать резервные копии файлов темы, файлов .htaccess и robots.txt.

1.  Вносим правки в файл .htaccess, настраивая редиректы. Можете, либо скопировать и вставить этот код, либо взять готовый файл из предыдущей статьи.

   # BEGIN WordPress
   
   <IfModule mod_rewrite.c>
   
   RewriteEngine On
   
   RewriteBase /
   
   RewriteCond %{QUERY_STRING} ^replytocom= [NC]
   
   RewriteRule (.*) $1? [R=301,L]
   
   RewriteRule (.+)/feed /$1 [R=301,L]
   
   RewriteRule (.+)/comments /$1 [R=301,L]
   
   RewriteRule (.+)/comment-page /$1 [R=301,L]
   
   RewriteRule (.+)/trackback /$1 [R=301,L]
   
   RewriteRule (.+)/attachment /$1 [R=301,L]
   
   RewriteCond %{QUERY_STRING} ^attachment_id= [NC]
   
   RewriteRule (.*) $1? [R=301,L]
   
   RewriteRule ^index.php$ - [L]
   
   RewriteCond %{REQUEST_FILENAME} !-f
   
   RewriteCond %{REQUEST_FILENAME} !-d
   
   RewriteRule . /index.php [L]
   
   </IfModule>
   
    
   
   # END WordPress

2. Добавляем мета тег для постраничной навигации в файл function.php. Код добавляем сразу после строчки <?php:

   	function my_meta_noindex () {
   
   		if (
   
   			is_paged() 
   
   		) {echo "".'<meta name="robots" content="noindex,nofollow" />'."n";}
   
   	}
   
    
   
   add_action('wp_head', 'my_meta_noindex', 3);

3. Проверьте, что на страницах постраничной навигации, в рубриках в исходном коде страницы присутствует код

   <meta name='robots' content='noindex,follow' />

   Для этого нажмите CTRL+U (одновременно нажмите на две кнопки на клавиатуре CTRL и U). Чтобы не просматривать сотни строчек кода, снова одновременно нажимаете CTRL и F, на странице с кодом. Внизу слева появится форма поиска по странице. В нее вставляйте meta name и жмите поиск.

4. Ставим запрет на индексацию нежелательных страниц в плагине All in One Seo Pack:
5. А вот теперь, когда предыдущие 4 пункта выполнены, ставьте robots.txt, который не запрещает роботам ходит по дублированным страницам. По этой ссылке Вы можете скачать готовый правильный robots.txt для WordPress, который использую я и много других людей — ссылка на скачивание.

После того, как Вы скачали архив с файлом. Вам нужно в самом конце файла поменять сайт.ru на адрес своего сайта. Сделать это нужно в этих строках:

Host: сайт.ru

Sitemap: http://сайт.ru/sitemap.xml.gz

Sitemap: http://сайт.ru/sitemap.xml

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

После того, как Вы изменили в файле robots.txt установили адрес своего сайта, загрузите его на хостинг через ftp клиент FileZilla. Если у Вас возник вопрос, а куда его загружать? Файл robots txt должен находится в основной папке, рядом в папками wp-content, wp-includes.

А в данном видео, Вы более детально сможете узнать о директивах, которые прописываются в robots.txt: