Websovet - блочная верстка веб сайтов, HTML, CSS, jQuery и WordPress

15.03.2013 | Рубрика: WordPress
Тэги: WordPress, воровство контента, Защита Wordpress, защита от воровства

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

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

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

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

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

20.12.2012 | Рубрика: WordPress
Тэги: WordPress, автоспам, Защита Wordpress, защита от автоспама, спам

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

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

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

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

12.09.2012 | Рубрика: Верстка
Тэги: :after, :before, css, Верстка, псевдоэлементы, свойство content

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

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

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

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

10.09.2012 | Рубрика: CSS3
Тэги: CSS3, WordPress, граватары, комментарии

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

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

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

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

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

Enjoy! :)

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

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

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

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

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

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