Блог о WordPress от Тараса

Пост посвящается всем дизайнерам и верстальщикам тем под WordPress.

Порой я впадаю в уныние от того, что дизайнер из меня никакой, а вёрстка не приносит радости, а только нервный тик. Особенно когда подгонишь всё качественно в FireFox, а потом посмотришь на сайт в IE. Сидишь и тихо всхлипываешь.
К чему я это пишу? А к тому, что умей я быстро и качественно делать темы для ВордПресса, то вполне возможно имел бы ого-го сколько бэклинков, ведь никто не мешает вставить ссылку на себя в футере.
Если глянуть на статистику того же themes.wordpress.net, то в топе темы с количеством скачиваний от 10000 и больше, и если даже прикинуть, что лишь 1/10 из них будет установлена, то… 1000 сайтов с бэклинками С КАЖДОЙ СТРАНИЦЫ. А что если сайт ещё и популярным будет?
Причём, что самое приятное, затраты на это минимальные - сделать тему, разместить её в разных базах и всё - сиди, жди пока скачают. А теперь дам несколько советов, которые позволят повысить количество скачиваний и качество тем.

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

Нестандартный подход.
Частенько ВордПресс обвиняют в том, что сайты, сделанные на нём, выглядят все совершенно одинаково. Ещё бы, ведь большинство т.н. дизайнеров не заморачиваются, а просто редактируют стандартную тему (может слышали такое название - Kubrick). Придумайте что-нибудь новое и нестандартное, такое, чтобы при первом же взгляде на превьюшку хотелось бы “потыкать” сайт.
Отличным примером темы “не как все” является не безызвестный сайт http://browsehappy.com/. А ведь и не скажешь с первого взгляда, что это WordPress.

Создавайте тематические темы.
Не пытайтесь сделать абстрактную тему “для всех”, если вы хотите, чтобы ваше творение не только скачивали, но и использовали, то узкая тематика подойдёт для этого как нельзя лучше. Я, например, не нашёл ни одной темы для WordPress по Гарри Поттеру, а ведь, при таком количестве фанатов и посвещенных ему блогов, тема была бы ОЧЕНЬ популярна. Подумайте об этом:-)
Или сезонные темы, а так же темы к таким праздникам как Рождество/Новый год, их точно будут качать, главное чтобы они были в доступе к нужному моменту.

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

Старайтесь не применять в своей теме плагины.
Да, порой хочется расширить функционал своей темы за счёт плагинов, но не забывайте, что у пользователя, который собирается использовать её, вашего набора плагинов скорее всего не будет. С другой стороны это не мешает вам подготовить свою тему так, чтобы при активации определенных плагинов она адекватно на это реагировала. Делается это простой проверкой в коде темы и соответственно вывод дополнительного кода. Очень удобно при работе с популярными плагинами, которые можно стилизовать под тему, например тот же Wp-PageNavi. Главное, чтобы это было “прозрачно” для конечного пользователя и являлось “приятным дополнением”, а не принуждало что-то ещё скачивать.

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

Сделайте тему на нескольких языках.
Обычно в темах не так много элементов, которые требуют перевода, и для знающего человека перевод занимает от силы полчаса времени. Только вот таких вот знающих людей обычно не так много. А обычный пользователь сразу же впадает в ступор, когда при активации темы, видит текст на не родном языке. Я сужу об этом по количеству топиков с вопросом: “а как мне перевести тему”/”локализуйте мне тему” на разных форумах.
Если вы заранее позаботитесь об этом, то многократно увеличите количество загрузок. Причём, все текстовые элементы в 90% случаев одинаковы во всех темах, поэтому можно сделать заготовку из .MO файлов на разных языках и вкладывать их в архив.

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

Осторожнее со спонсорством.
Пару раз попадались темы с уже встроенными блоками адсенса автора. Смеялся долго, вырезая их из исходников. Во-первых, где-то слышал, что гугл вполне может забанить аккаунт, если клики приходят с неизвестных сайтов, а во-вторых, ну имейте же совесть.
И не следует в футер пихать по 10 ссылок, в надежде поднять выдачу разным своим проектам. Такие блоки со 100% вероятностью будут стёрты, так что вы не получите даже ссылки на себя. Будьте скромнее и довольствуйтесь малым… в больших количествах.

Проверьте тему в популярных браузерах.
Это очень важный момент, о котором многие забывают. Не обязательно впадать в истерию и тестировать её во всех существующих браузерах, достаточно четырёх: IE6, IE7, FireFox и Opera. Или воспользуйтесь сервисом http://www.browsershots.org/.

Разместите тему в каталогах.
Мало выложить тему у себя в блоге, нужно ещё и оповестить популярные (и не очень) каталоги тем об этом. Большинство из них можно найти, просто введя в гугле фразу wordpress themes. Если в каталоге нет свободной возможности добавить тему, то отправьте её по почте администратору, ведь размещение новых интересных тем не только в ваших интересах, но в интересах каталога.
При регистрации укажите в названии наиболее популярные слова, связанные с тематикой, а так же регистрируйтесь сразу в нескольких категориях, чтобы с максимальной вероятностью попадать в выдачу.

Не забудьте сделать скриншот.
Когда я вижу в предпросмотре “Screenshot is not available”, то я даже не кликаю на ссылку demo, чтобы посмотреть, как тема выглядит в действии. Тоже самое касается и картинок, где вместо превьюшки просто написано название темы. Когда я выбираю тему, то хочу хотя бы примерно представлять, что увижу, а не тратить время понапрасну.

Не забывайте обновлять темы.
В WordPress 2.3 появились встроенные тэги, отличный повод подновить тему, и добавить в описание Wordpress 2.3 ready или tags included. Вообще, чем полнее описание и количество “фич” в нём указано, тем лучше.

---

Ну вот собственно и всё, что мне пришло в голову. Если вы делаете качественные темы, то можете оставлять ссылки в комментариях, вдруг мне приглянется, обещаю в таком случае оставить на вас ссылку;-)

Почему-то, как мне показалось, довольно тихо прошло появление очередного “всесильного всемогущего сокращающего время загрузки и нагрузку на сервер” плагина WP-Super-Cache, а ведь за бугром о нём только ленивый не писал и даже успели отDiggать страницу плагина почти тысячу раз. Поэтому, думаю, стоит всё же приглядеться и пощупать это чудо программерской мысли.

Итак, что же может этот плагин, для чего/кого он предназначен и чем лучше аналогичных стандартных и не очень средств кэширования?

---

Введение
Большинству пользователей Wordpress’а известен прекрасный плагин WP-Cache 2. Он кэширует страницы блога и отдаёт их по запросу без обращения к базе данных. Несмотря на это, всё же приходится подгружать определенный php-код, чтобы обслуживать уже кэшированные страницы, чтобы там не говорили на странице о wp-cache (прародитель wp-cache2)

WP Super Cache действует по другому принципу. После установки, создаются html файлы, и они отдаются браузеру без единого вызова php. Насколько быстро ваш сервер отдаёт картинки? Почти так же быстро он будет выдавать и кэшированные страницы. Если вашему сайту ежедневно приходится справляться с массированным потоком посетителей или периодически испытывать Дигг-эффект, то этот плагин для вас.

Как оно работает то?
Как обычно действуют люди, подготавливая свой сайт к массовому паломничеству с дигга? Они в ручную сохраняют копию страницы, которая теоретически будет генерить основной траффик, и помещают её в папку соответствующую пермалинку. Этот метод помогает серверу выдерживать большие нагрузки и не “умирать”, но эффективность его напрямую зависит от возможности предсказывать потоки пользовательского интереса к страницам. Сам по себе WP-Cache хоть и полезен, но в определенных ситуациях не совсем адекватен, тогда как WP Super Cache как раз и был создан, чтобы воссоздавать этот процесс автоматически.

Когда к странице обращается незалогиненый посетитель или он не оставляет комментариев, то сервер отдаёт ему статическую html-страницу из подпапки supercache, которая создаётся в cache папке WordPress. Если вы зайдёте в эту папку (например по фтп), то обнаружите точную копию своей пермалинк структуры в виде папок и отдельные html-файлы в каждой из них. Чтобы убедиться, что страница создана плагином, достаточно просмотреть её исходный код и вы обнаружите там следующую строку в самом конце <!– super cache –> или <!– super cache gz –> для сжатого варианта.

Залогиненым же пользователям или тем, кто оставит комментарий, будет показана кэшированная страница, созданная средствами стандартного WP Cache, где в конце будет значится <!– Cached page served by WP-Cache –>.

Фишки/Отличия от WP-Cache

• Собственная система hook’ов, для более тонкой настройки кэширования (важно только разработчикам).
• Прекрасно работает и с WordPress MU в VHOST и не-VHOST конфигурациях. Файлы каждого блога кэшируются независимо друг от друга.
• Стандартные файлы WP-Cache разбиты на 2 части. Мета-файлы теперь располагаются в отдельной папке, что увеличивает скорость обращения к ним и определения необходимости обновления кэша.
• Встроена заплатка для WP-Cache при работе с защищенными постами.
• Автоматически отключает gzip-сжатие в WordPress вместо того, чтобы “умереть”.
• Улучшена работа с Akismet и иными плагинами борьбы со спамом - кэш будет обновлен, только если комментарий 100% не спам.
• Кнопка “lock down” (защёлкнуть) - подготавливает сайт к мощному наплыву посетителей. После включения “защёлкивает” статичные кэш файлы и не удаляет их после добавления нового комментария.
• Автоматическое внесение изменений в .htaccess (Не забудьте сохранить свой .htaccess перед установкой плагина).
• Не кэшируются запросы с GET-параметрами.
• Улучшенная проверка совместимости wp-cache-config.php и advanced-cache.php, если вы пользовались старой версией.
• Улучшена поддержка Microsoft Windows.
• Правильно работает с кэшированными страницами в ОС Red Hat/Cent или других, содержащих запись для gzip в /etc/mime.types.
• Функция “Не кэшировать следующие адреса” теперь может использовать регулярные выражения.

Минусы

• Если вы залогинен или оставили комментарий, вы никогда не увидите super-cache страницу. Вам всегда будет выдаваться старый-добрый WP-Cache. Это не так уж и плохо, так как большинство ваших посетителей никогда не оставляют комментарии.
• Для работы со статическими страницами используется Mod Rewrite Апача, поэтому необходимо, чтобы он был активирован на сервере.
• Особо динамичные части вашего сайта не будут обновляться так быстро, как хотелось бы. Например, виджет - последнии комментарии.
• Некоторые хостинги испытывают проблемы при работе со сжатыми html-файлами, т.ч. может потребоваться дополнительная настройка.
• Не рассчитывайте, что дешевый хостинг выдержит большой всплеск трафика, даже если страницы будут кэшированы.
• Помните, что динамический контент, вроде того, который размещается в сайдбаре, будет обновлен только когда будет обновлена кэшированная страница. Время до обновления можно настроить, но кэшированные файлы будут удалены лишь в том случае, если у вас будет смесь из статических и динамических запросов.
• Некоторые плагины, такие как SK2, Bad Behaviour и другие, работа которых зависит от “свежести” данных, могут работать не совсем корректно, во всяком случае, до тех пор, пока эти плагины не будут специально оптимизированны для очищения кэша в нужный момент.

(с) Автор Плагина

---

Это всё конечно интересно и красиво на словах, но работает ли оно в действительности? Сам я не мастер нагрузочного тестирования, поэтому приведу выкладки других людей.

Во-первых, автор плагина ставит в пример себя - после анонса Wp-Super-Cache на дигге, посещения скакнули до 4700 пользователей, что прямо скажем не мало. И вот какие графики получились - первый нагрузка на процессор, второй - посещения.


Отчётливо виден момент активации кэширование (падение нагрузки на процессор), а так же приятно наблюдать, что рост посещений никак не сказывается на процессоре.

Во-вторых, некий Роберт провёл замеры производительности для 1000 запросов. Тестировал по локальной сети, на сервере (P4 - 3Ghz, 2GB RAM) поставил чистый ВордПресс и с другой машины делал запросы.

Результаты:
а) стандартный WordPress без кэша:
- время на тест - 161 сек;
- запросов в секунду - 6.21/сек
- время на 1 запрос - 161 мсек
- скорость передачи - 31.07 Kbytes/сек

б) WordPress + Super Cache:
- время на тест - 5.718750 сек;
- запросов в секунду - 174.86/сек
- время на 1 запрос - 5.719 мсек
- скорость передачи - 898.62 Kbytes/сек

в) WordPress + Super Cache + eAccelerator:
- время на тест - 2.531250 сек;
- запросов в секунду - 395.06/сек
- время на 1 запрос - 2.531 мсек
- скорость передачи - 2030.22 Kbytes/сек

Думаю, комментарии излишни.

Включил сейчас плагин на этом блоге, на пару минут для теста активировал gzip-сжатие и проверил, как реагируют браузеры. С Оперой и ФФ всё ок, а ИЕ6 как обычно отличился - предложил сохранить локально .html.gz страничку) Чтобы не пугать людей, сжатие отключил, но вообще нужно будет разобраться почему ИЕ так отреагировал.

Плагин в установке достаточно прост, особенно если следовать рекомендациям в readme :-), а вот настройка для тех, кто не видел до этого Wp-Cache2, возможно покажется непонятной. С другой стороны Wp-Super-Cache довольно специфическая вещь и не факт, что окажется востребованным.

Хотелось бы узнать - нужно ли отдельным постом расписывать установку и настройку?

---

Кстати, курсовая и 2 из 4 экзамены сданы на отл., что ещё немного приближает ко второму красному диплому :p
Заинтересовался я тут eAccelerator, интересно, удастся ли мне поставить его на виртуальную площадку у МастерХоста. Если да, то напишу как и что я делал.
Удачного дня и побольше Дигг-эффектов.

Давненько я не радовал вас, да и себя, новыми плагинами в собственной модификации. И хотя курсовую мне завернули и я всё ещё не могу вернуться к полноценному блогингу, но маленькой “приятностью” хочу с вами поделиться.

Встречайте Anti Spam Image 0.7. Это всё тот же, народно любимый (судя по тому, как часто встречаю его в различных блогах) капча плагин, в редакции Максима. Однажды я уже менял его, чтобы обеспечить совместимость с Ajax Comment, теперь пришло время ещё одной востребованной особенности - обновления капчи без перезагрузки всей страницы.

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

Теперь всё намного проще - кликаем по капче и она обновляется. Всё гениальное - просто.

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

P.S.: Все последнии версии файлов можно найти на странице”Список файлов для скачки“, ссылка всегда в сайдбаре висит.
P.P.S: Приятного и продуктивного использования.
Проверить “обновляемость” можно и у меня в блоге. Кликайте себе на здоровье.

В последнее время приходится периодически править чужие темы, что натолкнуло на мысль - составить список тех вещей, которые необходимо выполнить, чтобы новая тема работала так же как и старая - на все 100%. К тому же, надеюсь (в который уже раз даю себе обещание) сменить тему в своём блоге на нечто более живописное.

Так же этот список может пригодиться тем из пользователей WordPress, которые любят менять тему в соответствии с сезоном или праздниками (а ведь Новый Год на носу), сам я этим не страдаю, но знаю, что существуют и такие индивиды.

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

2. Перенесите свои спец. виджеты из старой темы (код из файла function.php) в новую, проверив чтобы названия виджетов не дублировались.

3. Заново разместить все свои виджеты в сайдбаре(-ах), указав необходимые настройки.
3 и 4 пункты - если вы используете тему с динамическим сайдбаром, если же нет, то правим прямо sidebar.php

4. Переносим функции, которые размещали для правильной работы плагинов. Например, тот же Wp-PageNavi, WP-RelatesPosts, ну и в том же духе.

5. Вставляем в хэдер или футер коды своих “счётчиков/анализаторов” (liveinternet/google-analystic), чтобы потом не удивляться резкому падению посещаемости до 0.
Для пользователей аналистика советую плагин Google Analyticator, который кроме автоматического внедрения нужного кода в хэдер, ещё и позволяет исключать определенных пользователей. Ведь вам же не нужно считать свои собственные клики?

6. Проверяем правильно ли прописан фид, если вы перешли на FeedBurner, т.к. ссылка по умолчанию будет на www.сайт.ру/feed.
Мой вам совет, чтобы не морочить себя пунктом 6, воспользуйтесь плагином Feedburner Feed Replacement, который автоматически редиректит все обращения к вашему фиду на фидбёрнер.

7. Монетизирующим блог напомню перенести коды от своих контекстных (и не только) программ в новую тему, хотя и тут можно обойтись использованием правильных плагинов. Возможно напишу потом об этом отдельно. И не забудьте повесить баннеры и проплаченные ссылки, а то на вас обидятся рекламодатели.

8. Протестируйте свою тему - пройдитесь по всем разделам, поищите через поиск, проверьте, чтобы текст был грамотно написан, коментарии оставлялись, а плагины не выдавали ошибок, а фид вёл туда куда нужно. Причём советую перед тестом разлогиниться, так как большинство фич (та же капча) видны только гостям.

9. Проверьте как ваш сайт отображается в разных браузерах. И если у вас на компьютере стоит, например, только IE (вздрогнул при мысли об этом), то воспользуйтесь сервисом http://www.browsershots.org/.

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

---

Ну вот и всё. Надеюсь, что следуя данному списку вы сэкономите себе и время, и нервы, а ваши посетители будут обрадованы красотой и функциональностью блога.

Ох-хохоюшки-хохо, очень-очень меня удивляет то, что люди всё ещё не отписались от блога, учитывая перерыв в постах. Сейчас буду оправдываться:-)
Свалилась на меня нежданно-негаданно курсовая по телекоммуникациям, ну точнее не свалилась, а выяснилось, что срок сдачи её сократили на 2 недели и вместо месяца у меня в два раза меньше времени осталось. Надо ли говорить, что до того момента количество страниц в курсовой.doc равнялось 1 - титульной странице с темой.
Вот теперь сижу днями и ночами, пишу на тему “Модернизации телекоммуникационной сети транспортного предприятия”, а учитывая то, что я больше программист, чем сетевик, то даётся это со скрипом и большой ленью. Но процесс движется и в эту субботу буду её защищать, а следовательно и вернусь к регулярному написанию постов, благо материала накопилось ого-го.

А теперь хотелось бы сообщить о радостном для меня известии: Благодаря сайту одноклассники.ру был найден мой старший сводный брат, которого я никогда в жизни не видел, а лишь знал о его существовании.
Вот так вот в жизни и бывает, хотя у меня больше складывается ощущение о каком-то индийском фильме с танцами и песнями в конце, где чтобы доказать родство нужно сравнить родимые пятна на затылке. Но факт остаётся фактом - +1 родственник (которых не так много у меня), тем более брат. Вот и ещё одно преимущество экзотических фамилий - нас Тарашевских по пальцам пересчитать можно.
В общем, в скором времени ожидайте возобновления полезных материалов в блоге. Уже не долго осталось.