Здравствуйте, уважаемые читатели! Из этой статьи вы узнаете, как вывести в виджете сайдбара блок «Топ комментаторов» при помощи плагина Top Commentators Widget.

С развитием блога его популярность растет и увеличивается число посетителей, а также постоянная аудитория. Растет и число комментариев. Обычно, постоянные читатели оставляют больше комментариев. Чтобы поощрить активных комментаторов можно вывести в сайдбаре виджет с их именами, а также ссылками на ихние сайты. Многие комментаторы имеют свой сайт и указывают его в специальном поле при оставлении комментария. Поэтому кликнув по нику комментатора можно перейти га его сайт.

Когда в сайдбаре в видном месте находится список активных комментаторов, то кто-то из Ваших  посетителей обязательно перейдет на сайт комментатора. Таким образом активные комментаторы получат дополнительных посетителей на свой сайт, а возможно и подписчиков.  В этой статье я приведу описание и настройки плагина, который поможет вывести виджет с именами активных комментаторов в сайдбаре.

Разбираем настройки Top Commentators Widget

Top Commentators Widget — несложный в настройке плагин, который не требует вставки никаких кодов. Нужно установить, активировать данный плагин и добавить виджет в сайдбар.

Чтобы попасть на страницу с виджетами нужно из меню выбрать раздел Внешний вид — Виджеты. Вот так выглядит страница с виджетами:

Перетащите Top Commentators Widget в колонку сайдбра в то место, где Вы хотите чтобы отображался список активных комментариев. Настройки плагина на английском и их немало, но я Вам сейчас детально опишу основные обозначения.

1 — Название виджета. Например, «Активные комментаторы», «Топ комментаторов».

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

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

4 — Указываем когда список комментаторов должен обнуляться. Если хотите, чтобы каждый месяц обнулялся, то выбираем Month.

5 — Тут можно указать в днях период обнуления. Но обратите внимание на формат.

6 — Какое число комментаторов будет отображаться в списке.

7 — Здесь указывается максимальная длина имени комментатора. У некоторых комментаторов бывают длинные имена, которые займут всю строку.

8 — Напишите какой текст показывать, если нет комментаторов.

9 — Исключаем URL адреса, которые не должны отображаться.

10 — Здесь указываем Email адреса комментаторов, которых нужно исключить из списка.

11 — Какой формат списка топ комментаторов: маркированный или нумерованный.

12 — Выбираем отображать ник, как ссылку на сайт комментатора или нет.

13 — Укажите как должен открываться сайт комментатора: в новом окне или нет.

14 — Здесь нужно задать добавление атрибута NoFollow к ссылке на сайт комментатора, если Вы не хотите передавать ему вес. Если в списке будет 10 активных комментаторов, то 10 сквозных ссылок из садбара это чересчур много.

15 — Отображать число комментариев для каждого комментатора или нет.

16 — Как сортировать комментаторов в списке. По умолчанию выбрано по Email адресу. Можно поменять на сортировку по имени.

17 — На каких страницах показывать виджет. На главной или на всех страницах.

18 — Показывать только комментаторов, у которых заполнено поле сайт.

19 — Отображать аватар комментатора. В другой статье читайте как настроить аватар для комментариев.

20 — В этом пункте задаем размер аватара и вид картинки.

21 — Тут пишем сколько комментариев нужно оставить,чтобы показывалась медаль.

22  — Указываем путь к изображению медали.

23 — Где отображать иконку с медалью.

24 — Самый важный пункт! Сохраните изменения.

Вот собственно и все. Теперь Вы сможете настроить на своем блоге вывод в садбаре виджета «Топ комментаторов».

На моем блоге вывод блока «Активные комментаторы» осуществляется без плагина. В одном из следующих постов я расскажу как его настроить.

Доброго времени суток, уважаемые читатели ИнетСоветы.ру! Из этого поста вы узнаете, как добавить кнопку «наверх» без плагина.

Для установки кнопки наверх без плагина необходимо загрузить на хостинг 2 файла и добавить несколько кодов в файлы темы.

Первым делом скачайте следующий архив по ссылке. В архиве находится файл “verx.js” и папка с картинками иконок наверх, которые мне  удалось найти в интернете. Подберите себе подходящую картинку из архива или создайте свою. После этого необходимо загрузить файл с названием “verx.js” и картинку на хостинг. Рекомендую Вам создать для них отдельную папку и загрузить ее в корневую папку блога public_html.

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

Первый код мы будем добавлять в файл functions.php. Этот код подключает библиотеку jquery, которая делает прокрутку страницы вверх плавной. Чтобы не запутаться вставьте код сразу после тега <?php:

// smart jquery inclusion

if (!is_admin()) {

 wp_deregister_script('jquery');

 wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false);

 wp_enqueue_script('jquery');

}

Второй код нужно вставить в файл footer.php. Данный подключает непосредственно саму кнопку. Он вставляется перед тегом </body>:

<a id="toTop" href="#"><img src="http://site.ru/путь к картинке/verx.gif" alt="" align="absmiddle" border="0" /></a><script type="text/javascript" src="http://site.ru/verx.js"></script><script type="text/javascript">// <![CDATA[

$(function() {

$("#toTop").scrollToTop();

});

// ]]></script>

Обратите внимание на правильность прописывания пути к файлам verx.js и картинке. Если путь будет указан неверно, то кнопка работать не будет.

Третий код добавляется в файл style.css. В этом коде задается положение кнопки.

#toTop {

width: 100px;

text-align: center;

padding: 5px;

position: fixed;

bottom: 10px;

right: 10px;

cursor: pointer;

color: #666666;

text-decoration: none;}

Плагин Scroll to Top

Устанавливать этот плагин будем не с официального сайта wordpress.org, так как плагин Scroll to Top, находящийся там, немного отличается от того, о котором сейчас пойдет речь.

Вот ссылка для скачивания плагина — перейти.

Далее устанавливайте и активируйте плагин. Если возникают сложности с установкой плагина, то посмотрите эту инструкцию.

После активации плагина, кнопка будет появляться слева, как только Вы прокрутите страницу вниз.

Если имеющая картинка не подходит под дизайн Вашего сайта, ее можно изменить в настройках. Для этого выберите в админке в меню Параметры плагин Scroll to Top. Откроется следующая страница с настройками:

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

Хочу заметить, если Вы устанавливали себе панель кнопок соцсетей от share42.com, то сейчас появилась в этой панели и кнопка «наверх».

Успехов Вам в улучшении блога. И до скорых встреч!

Приветствую, Вас, уважаемые читатели, ИнетСоветы.ру!

Неотъемлемой частью привлекательности любого сайта является его оформление. В этой статье мы разберем как поменять стандартный WordPress шаблон на тот, который нам нравится. Сейчас в интернете можно найти найти тысячи бесплатных шаблонов для блога на WordPress. Достаточно ввести в поисковую фразу поисковика Яндекс или Google одну из следующих фраз: «шаблоны WordPress», «темы для WordPress». И от разнообразия тем у Вас глаза будут разбегаться

Почитайте, какие скрытые угрозы скрываются в бесплатных шаблонах по ссылке https://inetsovety.ru/skrytye-ugrozy-v-besplatnyh-shablonah/

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

Большинство бесплатных шаблонов генерируются программами. Можно встретить один и тот же шаблон, но в различных цветах. У большинства из них структура WordPress шаблона сложная. Поэтому, если Вы планируете в будущем самостоятельно редактировать дизайн сайта (менять размер блоков, редактировать отдельные элементы), то обращайте внимание на структуру шаблона, чтобы она была хоть немного понятна Вам.  При выборе шаблона на сайтах, пользуйтесь функцией предпросмотра. Она дает возможность посмотреть как будет смотреться сайт и отдельные его страницы. Другие советы по выбору дизайна сайта, читайте тут.

Как сменить шаблон на WordPress

Итак, шаблон Вы подобрали и теперь рассмотрим как его установить.

1. Заходите в админку и переходите в раздел Внешний вид — Темы:
   
   
2. Далее следует перейти на вкладку Установить темы. После чего нажмите на ссылку Загрузить. На открывшейся странице кликните на кнопку Обзор и укажите путь к загружаемому шаблону. Обратите внимание на то, что шаблон должен иметь формат .zip. Если архив с шаблоном имеет формат .rar, то нужно распаковать тему и заархивировать заново именно в формате .zip.
   
   
3. Последним шагом в установке шаблона является — его активация. Для этого нажмите на кнопку активировать:
   
   

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

Обзор php файлов, из которых состоит структура шаблона на WordPress

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

На картинке ниже показана структура структура шаблона на WordPress блоге, состоящая из базового набора php файлов:

Каждый шаблон состоит из следующих обязательных блоков: шапка, контент (содержание), сайдбар и футер. Некоторые шаблоны содержат 2 сайдбара и являются двух колоночными.

Давайте рассмотрим какой файл шаблона WordPress за что отвечает:

header.php — с помощью данного файла задается вывод шапки. В шапке задается вывод логотипа, названия и описания блога, горизонтального меню. В некоторых шаблонах в шапке выводится рекламный баннер и строка поиска.

index.php — файл, в котором прописан код главной страницы сайта.

archive.php — данный файл задается отображение записей на страницах архива. В этом файле можно установить удобную постраничную навигацию.

page.php — в данном файле находится код вывода статичных страниц блога.

single.php — данный файл содержит код, который отображает страницы со статьями. В него можно добавить дополнительные элементы, такие как: кнопки социальных сетей (вконтакте, твиттер, фейсбук, гугл +1), вывод похожих записей, форму подписки по RSS.

search.php — отвечает за отображение результатов поиска на блоге.

footer.php — футер или подвал. Самая нижняя часть блога. Здесь прописывается копирайт, ссылка с анкором на главную страницу, также можно добавить коды счетчиков.

sidebar.php — сайдбар или боковая колонка. В зависимости от шаблона, может быть 1-2 сайдбара. В сайдбаре выводятся различные виджеты.

404.php — страница ошибка, которая показывается посетителям в случае перехода на несуществующую страницу. Как создать страницу ошибки 404 читайте тут.

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

functions.php — файл функций темы. Тут подключается вывод сайдбара, функция вывода миниатюр к записям, и прочие.

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

Добрый день! Сегодня я расскажу о том, как установить специальный аватар для комментариев — 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 тег &lt;body &gt;  и заменяем его на следующий:

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

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