VirtaPay

Воровство контента. Извлекаем пользу

15.03.2013 | Рубрика: WordPress
Тэги: , , ,

Воровство контента. Извлекаем пользу«А меня же, Зинаида Михайловна, обокрали… Собака с милицией обещала прийти…» (с)

Воровство контента — это бич современного рунета. Причем, зачастую воровство даже не осознанное. Увидел, скопипастил и давай скорее делиться в своих вконтактиках, одноклассниках или прочих юкозах. И ведь даже в голову не придет указать источник. Логика железная: раз лежит в свободном доступе, значит халява.

Каждый владелец сайта по разному борется с этим злом. Syed Balkhi — автор сайта wpbeginner.com предлагает свой способ для сайтов на движке Wordpress. Фишка его в том, что любая копипаста автоматически будет содержать в теле ссылку на оригинальную статью. Не бог весть, какая защита, но от дурака вполне сойдет.

Все, что потребуется, это добавить следующий код в файл function.php вашей темы:

Читать полностью →

Как избавиться от автоматического спама в Wordpress

20.12.2012 | Рубрика: WordPress
Тэги: , , , ,

Как избавиться от автоматического спама в Wordpress

В последнее время автоматический спам в Wordpress многократно вырос и совсем не доставляет. Дабы не плодить кучу новых плагинов и прочих акисметов, решил я найти более адекватный способ борьбы с этим мусором. Поиски привели меня к старой статье 2009 года под названием «Нет автоматическому спаму», опубликованной на блоге WordpressPlugins.ru.

Действительно рабочий вариант. Действует весьма просто: так как боты практически все заточены под одинаковые формы комментирования на движке Wordpress, то их ничего не стоит обмануть и подсунуть «левое» поле для коммента. И если бот его заполнит, то автоматом будет послан на йух. Чтобы это поле не заполнил случайно живой комментатор, от него оно будет скрыто при помощи дополнительного правила в файле стилей.

Вот что необходимо сделать.

Читать полностью →

CSS | Что за странная гармонь content: ".";

12.09.2012 | Рубрика: Верстка
Тэги: , , , , ,

css.pngСегодня речь пойдет о свойстве content: "."; из обоймы правил CSS. Наверняка вам уже попадалась эта странная конструкция в некоторых файлах стилей. Само по себе свойство content весьма полезное и, как следует из названия, внедряет на страницу сайта некое содержимое. Так зачем же внедрять туда обычную точку?

Следует упомянуть, что свойство content применяется к псевдоэлементам :before и :after. Если сильно упростить, то эти две плюшки позволяют прямо из файла стилей разместить на странице сайта некие детали, до и после элемента соответственно. Например, добавить всем цитатам нормальные наши кавычки «ёлочки», а не английские загогулины.

В нашем случае мы имеем некую точку. Так вот, хитрость здесь в следующем. Многие из вас наверняка используют в качестве метода очистки от плавающих (float) блоков следующую конструкцию:

Читать полностью →

Круглые граватары в комментариях на Wordpress

10.09.2012 | Рубрика: CSS3
Тэги: , , ,

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

Круглые граватары в комментариях Wordpress

Сделать это нам поможет все тот же CSS3.

Плагин выводит граватары с классом eg-image. Поэтому достаточно в файле стилей вашего шаблона добавить следующий набор правил:

.eg-image img {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}

Радиус в 30 пикселей взят из рассчета, что граватары имеют размер 32х32. Если вы используете более крупные картинки, то радиус должен быть соответствующим.

Enjoy! :)

Стильное оформление цитаты на CSS3

07.09.2012 | Рубрика: CSS3
Тэги: , ,

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

Стильное оформление цитаты на CSS3

Демку можно посмотреть здесь, а код загрузить на странице автора: Notepaper Blockquote.

В коде используются такие новомодные штуки как:

transform: rotate(deg);
background-image: -o-radial-gradient;
box-sizing: border-box;
box-shadow;

и старые добрые псевдоэлементы :before и :after. Ковыряйте код из примера и все поймете сами.

Стр. 1 из 301234567»...»