Galer Блог

Наверное, вы заметили, что на данном блоге, после клика по ссылке, она отмечается галочкой.

Это сделано для того, чтобы пользователь знал, какие статьи он читал, по каким ссылкам в статье он уже следовал. Сделано это конечно же не для SEO, не для повышения кликабельности по ссылкам, а всего-лишь для повышения комфортабельности и полезности чтения блога/сайта.

Сделать подобное чудо очень просто, даже не придется писать никаких JS скриптов, нужно только правильно описать ссылку с селектором visited. И так, применяем мод для WP по-порядку:

1. Заливаем нашу картинку (галочку) в папку images активной WP темы, которая будет отображаться слева возле посещенных ссылок. Если у вас нету своей галочки, можете взять мою  здесь.
2. Открываем файл главного CSS стиля, в моем случае это type.css, и редактируем/добавляем стиль для a:visted и для a:active (чтобы стиль применялся сразу после клика по ссылке) так:
   
   a:visited, a:active {
   background: url(путь к папке с темой/images/visited.gif) 0% 52% no-repeat;
   padding-left: 10px;
   margin-left: 3px;
   }

3. Если вы хотите, чтобы ссылки выделялись только в постах или только в сайдбаре, задайте class или id.
4. При использовании данного мода, может проявится и баг, точнее выделение ссылки не там, где надо, а именно в ссылке-изображении. Чтобы профиксить данную проблему допишите в ваш стиль следующее:
   
   a img:visited, a img:active {
   background-image: none !important;
   }

Все! Теперь ваши посещенные ссылки на сайте обрели логический вид.