Мастерская интернет-разработчика » Блоггерам

Плагин для WordPress — Яндекс.Фотки 2.0

adw0rd — Fri, 19 Jun 2009 00:00:13 +0000

Наконец-то я собрался с силами и переписал плагин «Яндекс.Фотки»! В новой версии все переписано буквально с нуля и работает на основе «API Яндекс.Фоток», поэтому версия именуется 2.0.

Для работы с AtomPub («API Яндекс.Фоток» работает по этой технологии) использую библиотеку SimpleXML.

Возможности

Выводить все фотографии пользователя
Выводить фотографии в выбранном вами альбоме
Как и ранее можно указывать количество результатов выдачи, но теперь НЕ ограничено 20-ю
Выводить названия фотографий
Указывать размер превью фотографии

Требования

PHP5
SimpleXML (в PHP5 по умолчанию установлен)

Добавил плагин в каталог сайта MyWordPress. Также попробовал залить на официальный сайт WordPress, но к сожалению запарился читать инструкции, может как-нибудь позже добавлю.

Что не вошло в релиз, но планируется

Вывод всех альбомов пользователя (вам это надо?)
Выводить количество фотографий в альбоме и комментариев для фотографии
Просматривать защищенные приватностью фотографии (требуется ввод пароля)
Просмотр фотографий с помощью «lightbox» (посоветуйте что-нибудь на его роль, желательно что-нибудь нативное для WordPress)
Кеширование результатов выдачи, чтобы лишний раз не обращаться к «Яндексу» за фотографиями (посоветуйте средства кеширования, желательно нативные для WordPress)
Шорттеги, для вставки галереи или фотографии в пост (Примеры: [yf]album_1234[/yf] — галерея, [yf]photo_1234[/yf] — фотография)

Скриншоты

Использование

<h2>Яндекс.Фотки</h2>
<ul>
(); ?>
</ul>

Я себе уже установил новую версию и все работает замечательно, если заметите баги, то пишите о них в комментарии.

Скачать плагин: Яндекс.Фотки 2.0

P.S. Так же создал отдельную страницу http://adw0rd.ru/ext/wp-yandex-fotki/ там будут публиковаться свежие версии, однако пост в блог тоже будет.

Эффективная защита блога от спама в WordPress

adw0rd — Mon, 08 Jun 2009 22:54:31 +0000

Мне ежедневно приходит порядка 10-30 комментариев, из них большинство — спам (90%), меня это очень сильно достало! Akismet не спасает, пропускает спам как решето, а иногда и нормальные комментарии помещает в спам! Вообще работает отвратительно!

Ставил и другие плагины для WordPress, которые использовали общую базу спамеров или которые вписывали куки. У первого глючила база, у второго не ставились куки!

На днях, Григорьев Олег aka vasa_c затеял борьбу со спамерами и написал статью Антиспам своими руками. И только после этого, я решил тоже начать борьбу со спамерами, и всетаки нашел активную спам-защиту! Теперь в блог не проходят спам-сообщения, вообще не одного!

В чем же секрет? Приступим...

Теория

В теории мы просто переименовываем нормальные поля формы, создаем фейковые поля для спам-ботов и скрываем их, что бы только спам-боты могли их заполнить, а человек их не увидит. Далее проверяем, если заполнены фейковые поля — то помечаем как спам или вовсе не добавляем эти комментарии!

В теории это годится для любого сайта, а сейчас расскажу подробнее о практической части применимой к WordPress!

Практика

Вносим правки в тему вордпресса

Правим форму в вашей wordpress-теме (файл comments.php):

переименовываем «input с емайлом» из «email» в «WoRd1»
создаем новый «input» и называем его «email»
Переименовываем «textarea» с именем «comment» в «WorD2»

Вместо «WoRd1» и «WoRd2» — по возможности вставьте свои имена!

Теперь надо скрыть созданный нами фейковый input «email», но не через type=hidden, ибо могут заметить боты, а через CSS-стиль (труднее ботам, вряд ли они будут париться).

#emailh { display: none; }

Вносим правки в обработчик комментариев

Далее, открываем файл wp-comments-post.php и добавляем в самом начале файла наши созданные и измененные поля на обработку.

/**
* Handles Comment Post to WordPress and prevents duplicate comment posting.
*
* @package WordPress
*/

// Подменяем comment (textarea)
$_POST['comment'] = $_POST['WoRd2'];

// Подменяем email и если заполнено поле "email", помечаем "автора" как "author_name [SPAM]".
// Тут вы можете вызвать return; или exit; например!
$_POST['author'] = empty($_POST['email']) ? $_POST['author'] : $_POST['author'].' [SPAM]';
$_POST['email'] = $_POST['WoRd1'];

Вот и все, антиспам защита готова!

Я протестил это решение в течении 3-х дней, НЕ ОДНОГО СПАМ КОММЕНТАРИЯ!

upd: В течении 1 месяца и 7 дней по прежнему НЕ ОДНОГО СПАМ КОММЕНТАРИЯ!
upd: В течении 1-го года и 1-го дня по прежнему НЕ ОДНОГО СПАМ КОММЕНТАРИЯ!

Оптимизация сайта при помощи Google Page Speed и Dust-Me Selectors

adw0rd — Sat, 06 Jun 2009 23:54:42 +0000

Расскажу про два замечательных плагина для FireFox, которые помогли мне оптимизировать клиентскую часть, это Google Page Speed и Dust-Me Selectors, о которых я узнал от Александра Макарова (тут и тут).

Google Page Speed

Сначала разберемся с Google Page Speed, плагин сходен YSlow и показывает узкие места, например «не кешированный контент» и «график загрузки сайта».

Плагин работает в FireBug и доступны две утилиты:

Page Speed
Page Speed Activity

Мы будем использовать первую утилиту «Page Speed», которая покажет нам:

Какой контент НЕ кеширован
Какие файлы JS и CSS не минимизированы
Какие картинки надо оптимизировать (пожать)
Какие CSS и JS файлы надо объединить в один файл
Какие CSS-стили не используются
Сколько занимают куки
Активированно ли Gzip-сжатие

и т.д... А также даст полную информацию по каждой процедуре!

После того как определили узкие места, перейдем непосредственно к оптимизации вашего сайта:

Активированно ли Gzip-сжатие

Как включить gzip-сжатие в Nginx, я рассказывал в статье «Настройка Gzip в Nginx».

Какие CSS и JS файлы надо объединить в один файл

Хотя я и понимаю проблему в создании соединений для каждого файла, объединять CSS или JS -файлы в один файл я не буду по причине зависимости от архитектуры движка моего блога.

Можно конечно заюзать Web Optimizer или HTTP_StaticMerger. Первое предпочтительней, имхо.

Какой контент НЕ кеширован

Перейдем к кешированию, это более важно для меня, посмотрите на рисунок:

Как видно, у меня множество картинок не кешированно... Точнее все картинки не кешированы :)

Исправим эту проблему путем внесения в конфиг Nginx параметра «expires», установленного в «max» (максимальное кеширование, на долгие годы):

server_name adw0rd.ru www.adw0rd.ru;

location ~* \.(jpg|jpeg|gif|png|ico)$ {
expires max;
root /home/adw0rd.ru/www;
}

Далее, перезагрузим Nginx:

# /usr/local/etc/rc.d/nginx restart

Вот и все. заходим в Nginx и видим что файлы теперь отдаются с заголовком:

Cache-Control: max-age=315360000

Что означает, что будет сохранен кеш в браузере на 10 лет :)

Какие CSS-стили не используются

Можно конечно посмотреть какие стили НЕ используются в самом Google Page Speed, однако хочу представить более наглядную утилиту Dust-Me Selectors, речь о которой пойдет далее... :)

Dust-Me Selectors

Позволяет проанализировать страницу и показать сколько и главное какие стили не используются на странице сайта, а также укажет в каком файле стилей они прописаны и номера строк в файле!

Далее, проходим этим плагином по основным страницам и делаем выводы — какие стили необходимо удалить из CSS-файла.

После этого я рекомендую воспользоваться сервисом Code Beautifier, для минимизации CSS. Об этом вы можете почитать в моей статье: Сжимаем и минимизируем CSS при помощи Code Beautifier.

Делаем правильный robots.txt и sitemap.xml

adw0rd — Fri, 29 May 2009 00:08:36 +0000

Задача состоит в том, чтобы запретить некоторые каталоги для индексации поисковым системам, для того, чтобы избавится от дублированного контента. Например, на одну и ту же статью можно попасть как с /tag/ так и с /category/.

Почему дублирующийся контент это плохо?

Вот, что говорит по этому поводу Google (перевод), можно так же найти информацию по поводу поисковой системы Яндекс, где говорится что их алгоритмы банят сайты с дублирующимся контентом. Не знаю так это или нет, я не специалист в области SEO (если есть спецы — отпишите в камменты), но на всякий случай прикрою дубляжи!

Воспользуйтесь поиском от Google или Яндекс и вы найдете море информации по этой теме.

UPD: Про дублирующийся контент в WordPress.

Robots.txt

robots.txt — файл ограничения доступа к содержимому роботам на http-сервере. Файл должен находиться в корне сайта (т.е. иметь путь относительно имени сайта /robots.txt). При наличии нескольких субдоменов файл должен располагаться в корневом каталоге каждого из них. Данный файл дополняет стандарт Sitemaps, который служит прямо противоположной цели: облегчать роботам доступ к содержимому.

http://ru.wikipedia.org/wiki/Robots.txt

Также есть немного информации на форуме MasterTalk: Что такое robots.txt и для чего он нужен, а также есть сайт посвященный этому файлу — Все о файле robots.txt по-русски.

Вот еще эксперименты Дениса Болтикова по идеальному роботсу для WordPress: Идеальный robots.txt для WordPress и Идеальный robots.txt для WordPress — 2.

Мой Robots.txt

Так вот выглядит мой роботс:

User-agent: *
Disallow: /wp-
Disallow: /xmlrpc.php
Disallow: /category/
Disallow: /page/
Disallow: /trackback/
Disallow: /feed
Disallow: /comments/
Disallow: */trackback/
Disallow: */feed/
Disallow: */comments/
Disallow: /?feed=
Disallow: /?s=
Allow: /wp-content/uploads/
Sitemap: http://adw0rd.ru/sitemap.xml

Я разрешил поисковым ботам индексировать меня только по «Тегам» и «Архиву». Обратите внимание, я использую маску /wp- , для того чтобы URL'ы wp-login.php, wp-register.php, wp-admin и т.д. попали под запрет индексации (Disallow).

Также я разрешил индексировать мой «/wp-content/uploads/» для сервисов «Яндекс.Картинки» и «Google Картинки», так как там хранятся в основном картинки. И расшарил файл «sitemap.xml» для лучшей индексации.

Для проверки синтаксиса и структуры файла robots.txt существует ряд специализированных онлайн-служб:

Sitemaps

Так же следует не забыть о файле sitemap.xml

Sitemaps — это XML-файл с информацией для поисковых систем (таких как Google, Yahoo, Ask.com, MSN, Яндекс) о страницах веб-сайта, которые подлежат индексации. Sitemaps может помочь поисковикам определить местонахождение страниц сайта, время их последнего обновления, частоту обновления и важность относительно других страниц сайта для того, чтобы поисковая машина смогла более разумно индексировать сайт.

http://ru.wikipedia.org/wiki/Sitemaps

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

Для WordPress существует плагин — Google XML Sitemaps (другие полезные плагины для WordPress используемые мной). Этот плагин генерирует за вас файл sitemap.xml, в котором и содержится информация для поисковых ботов по индексации сайта. Вы сами можете его настроить и указать проценты приоритета для статей, страниц и т.д.

Центры веб-мастеров Google и Яндекс

Для ускорения индексации рекомендуется оповестить Google и Яндекс о ваших файлах robots.txt и sitemap.xml, для этого существуют специальные сервисы:

Инструменты Google для веб-мастеров
Яндекс.Вебмастер (после добавления сайта вы сможете прикрепить sitemap.xml)

Использование http-пингов для уведомления поисковых систем о обновлениях в sitemaps

Можно указать поисковым системам местонахождение файла Sitemap при помощи HTTP-запроса:

Google

http://google.com/webmasters/sitemaps/ping?sitemap=

Яндекс

http://webmaster.yandex.ru/wmconsole/sitemap_list.xml?host=

Yahoo!

http://search.yahooapis.com/SiteExplorerService/V1/updateNotification?appid=SitemapWriter&url=

http://search.yahooapis.com/SiteExplorerService/V1/ping?sitemap=

Ask.com

http://submissions.ask.com/ping?sitemap=

Live Search

http://webmaster.live.com/ping.aspx?siteMap=

Где необходимо заменить на полный URL файла Sitemap. Например, чтобы добавить файл http://www.example.com/sitemap.xml в поисковик Google, нужно отправить HTTP-запрос http://www.google.com/webmasters/sitemaps/ping?sitemap=http://www.example.com/sitemap.xml.

Информация по пингам взята с http://ru.wikipedia.org/wiki/Sitemaps

Google не рекомендует чаще чем раз в час его пинговать, вот пруфлинк.

Плашечка для загрузок, дэмок и сносок в блоге

adw0rd — Wed, 06 May 2009 22:34:38 +0000

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

Вот так выглядит плашечка для «загрузок»:

Делается очень легко, в CSS файле надо добавить:

blockquote.download {
color: #666;
background: #D4FFC6 url('путь до файла с фоновой картинкой') no-repeat center left;
margin: 0;
padding: 5px 10px 3px 50px;
border: 2px solid #c4c4c4;
}

А далее, в редакторе записей просто обрамляете необходимый текст в:

<blockquote class="download">
Ссылки на скачку!
</blockquote>

И получаете:

Ссылки на скачку!

То же самое проделываем для плашек «демка», «дополнительна информация» и т.д.
У меня они просто отличаются цветом фона и рисунком.

Что такое Google Локатор?

adw0rd — Wed, 04 Mar 2009 10:40:26 +0000

Google Локатор – это новый сервис Google для поиска друзей на карте, который поддерживается следующими типами мобильных устройств:

устройства на платформе Android, например T-Mobile G1 (в ближайшее время);
сенсорные устройства iPhone и iPod (в ближайшее время);
большинство устройств BlackBerry с цветным экраном;
большинство устройств под управлением ОС Windows Mobile 5.0;
большинство устройств под управлением ОС Symbian (смартфоны Nokia);
мобильные телефоны с поддержкой Java (J2ME), например Sony Ericsson (в ближайшее время).

Подробнее http://www.google.ru/latitude/intro.html

FreeBSD. Резервирование данных при помощи fsbackup

adw0rd — Tue, 03 Mar 2009 23:01:28 +0000

После истории с rm -rf / я озаботился всетаки каждодневным бэкапом данных, сначала планировал написть свой shell-скриптик, но потом всетаки решил поискать готовое решение...

Цель

Резервное копирование файлов проектов
Дамп базы данных проектов (MySQL)
Выгрузка дампов на удаленный FTP сервер

Средства

В качестве средства для резвного копирования был выбран fsbackup, в силу того, что отвечал нашим целям.

Система fsbackup была создана для обеспечения резервного копирования серверов разного масштаба на специально отведенном сервере бэкапа.

Установка

cd /usr/ports/sysutils/fsbackup
make install

Более подробно о работе с Портами и пакетами во FreeBSD, а так же о обновлении дерева портов и установленных пакетов.

Настройка

cd /usr/local/fsbackup

Создаем директорию для архивов

mkdir ./archive

Сделаем резервную копию и отредактируем конфигурационный файл

cp cfg_example server_backup.conf
vi server_backup.conf

Там все просто, да еще и на русском :)
Теперь укажите используемый конфигурационный файл в create_backup.sh

config_files="server_backup.conf"

Настройки для FTP

Файл server_backup.conf

# Тип хранилища
$cfg_type = "remote_ftp";

# Сервер на который будет копироваться бэкап.
$cfg_remote_host = "server.remote.ru:21";

# Логин под которым будет сохранятся бэкап.
$cfg_remote_login = "backup_login";

# Директория куда должны помещаться файлы бэкапа, директория должна присутствовать.
$cfg_remote_path = "/home/backup_login/backup";

# пароль для входа по ftp.
$cfg_remote_password = "backup_password";

Указываем директории и файлы для бэкапа

Доходим до $cfg_root_path и указываем корневую директорию, относительно которой описаны пути для помещения файлов (См. __DATA__).

$cfg_root_path = "/";

Указываем директории и файлы для бэкапа (директива __DATA__)

__DATA__

# Fsbackup
/usr/local/fsbackup
!/usr/local/fsbackup/cache
f!.core$
f!^core$
f!.o$
f!.log$

# BSD
/var/db/pkg
/usr/src/sys/i386/conf

# Users and PROJECT's
/home
/root
!/home/ftp
=!.netscape/cache/
=!.mozilla/.*/Cache/
=!.mozilla/.*/NewCache/
=!.mozilla/.*/News/
f!.*.avi$
f!.*.mpeg$
f!.*.mpg$
f!.*.mp3$

# System configuration
/etc
/var/cron/tabs
/var/spool/cron
/usr/local/etc

MySQL бэкап

Для бэкапа MySQL надо отредактировать ./scripts/mysql_backup.sh

Указываем логин, пароль, указываем какие БД нам дампить.

А также необходимо отредактировать стартовый файл ./create_backup.sh и указать что нам нужен бэкап MySQL!

backup_mysql=1

Далее, добавляем в крон запись

crontab -e
0 4 * * * /usr/local/fsbackup/create_backup.sh| mail -s"`uname -n` backup report" root

Краткая справка по крону и шпаргалка.

Секурность!

По поводу шифрования бэкапа смотрите http://www.opennet.ru/dev/fsbackup/#shi

Восстановление данных

Для полного восстановления данных из инкрементального бэкапа может использоваться скрипт ./scripts/fsrestore.sh, для восстановления просто отредактируйте пути внутри скрипта и запустите его.

Обновился до WordPress 2.7.1

adw0rd — Thu, 12 Feb 2009 11:04:22 +0000

Сегодня обновил свой WordPress, как всегда по старинке, через консоль. Вот парочка новостей о релизе:

Были проблемы у CharnaD с производительностью... А я дампнул базу и затарил директорию с блогом, все работает корретно, видимого снижения производительности не выявлено! :)

# cd /home/user/
# fetch http://ru.wordpress.org/wordpress-2.7.1-ru_RU.zip
# cd ./backups/
# mysqldump -udb_user -p db_name > db_name_090212.sql
# gzip db_name_090212.sql
# tar -czf example.com_090212.tar.gz /home/user/example.com/wp_dir/*
# cd ../
# unzip ./wordpress-2.7.1-ru_RU.zip -d /home/user/example.com/
# cd /home/user/example.com/
# cp -R wordpress/* ../wp_dir/
# rm -rf wordpress/

P.S. Поменял адрес http://feeds2.feedburner.com/adw0rd, если не трудно переподпишитесь :)

Моделирование успешных блогов

adw0rd — Fri, 06 Feb 2009 00:28:03 +0000

→ Сергей Жуковский — Моделирование успешных блогов

Подкасты, которые я слушаю!

adw0rd — Fri, 23 Jan 2009 18:31:13 +0000

Radio-T

Еженедельный Hi-Tech подкаст. Авторы и приглашенные гости импровизируют на околокомпьютерные темы. Как правило, не залезая в глубокие дебри, однако иногда заносит...

Слушаю фоном, удовольствия давно уже нет, чем больше они растягивают подкаст, тем больше не охота слушать. Поэтому в основном слушаю фоном, но иногда очень интересные бывают темы и даже целые выпуски, как например Радио–Т #114 (Званный гость o разных IDE).

За cool жизнь

Подкаст обо всем, что происходит вокруг. Взгляд из Америки.

Будам делится опытом разработки программного обеспечения, рассказывает интересные истории. Всегда слушаю его с удовольствием! Правда по началу его акцент отпугивал... Но если пересилить, то много интересного можно услышать!

Еженедельный подкаст от Umputun

Не выдуманные рассказы из жизни Умпутуна в Чикаго (и не только), различные рассуждения и наблюдения, немного компьютерных разговоров, совсем чуть-чуть политики и порой немного юмора.

Дядька Умпутун делиться историей, опытом и новостями IT, Чикаго и своей семьи. Слушаю его также с удовольствием, как и Будама!

PodШтучки

Подкаст создан на базе уже известного блога про различные современные интернет-сервисы и стартапы — Интернетные штучки.

Новости мира IT. Коротко и ясно, все новое за неделю. Выходил стабильно, после НГ перестал выходить... похмелье наверное :D

The Art Of Programming

Подкасты об ООП, паттернах и т.д. (для студентов).

Рассказываю в основном о самых основах, слушаю, но не особо нравиться. Все время жду какого-то просветления, а в основном баяны. Они правильно себя позиционируют, как «для студентов».

Раньше еще был неплохой подкаст Radio-U, потом он переименовывался в Dvicecast, а сейчас вроде вовсе вымер.

Интересно почитать:

Что послушать ИТ-специалисту — интересные подкасты на русском языке

Англоязычные подкасты или что послушать ИТ-специалисту

Подкастим! Для будущих, начинающих и мега-подкастеров