На этой странице можно сделать тест, который покажет, на сколько увеличится скорость загрузки вашего сайта при использовании сервиса. Тест для данного блога меня особо не впечатлил: время загрузки уменьшилось на 0.9 секунды: с 4.0 до 3.1. А вот для другого моего проекта возможная оптимизация оказалась более чем существенной: с 6.8 секунды время загрузки уменьшилась до 2.5. А это уже почти в 3 раза.

На странице результата теста есть табличка со сравнением времени загрузки сайта в процентах, а так же видео-ролик с одновременной загрузкой сайта с вашего сервера и сервера Google и подсчетом времени с секундах, что позволяет очень наглядно оценить разницу.

Сервис работает следующим образом: при регистрации в нем вы меняете DNS-адреса домена и при запросе пользователем сервер Google скачивает все содержимое сайта, оптимизирует его самыми передовыми методами и отдает его браузеру.

Сегодня я хочу рассказать вам о том, как создать блог на wordpress всего за один день – об одном потрясающем обучающем материале, с помощью которого вы можете буквально за один день узнать всё, что нужно для создания собственного блога на лучшем в мире движке.

Это DVD-диск от одного из лучших специалистов по блогам в рунете, Евгения Попова. Он содержит 109 подробных пошаговых видео-уроков по всем техническим (и не только техническим) моментам создания вашего собственного блога, которые только могут понадобится, в том числе:

• установка блога на локальный компьютер (о том, как это сделать, я рассказывал в этой статье);
• перенос его на сервер;
• создание различных типов блога на wordpress (фотоблог, блог-каталог, блог-журнал и т.д.)
• всё о плагинах и шаблонах;
• дополнительные технические советы;
• и масса других полезнейших практических материалов!

Всё это вы очень быстро освоите и сможете легко воспроизвести на практике всё то, что вам нужно сделать для создания собственного великолепного бизнес-блога! Я говорю совершенно серьёзно – это единственное в своём роде и поистине неотразимое практическое руководство, и оно доступно для вас здесь.

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

Так что не теряемся, и до встречи!

Основные нововведения wordpress 3.0:

1. Слияние wordpress и wordpress MU (Multi User). Теперь в состав стандартной сборки wordpress будет входить и многопользовательская версия скрипта. По умолчанию она будет отключена, по этому мешать тем, кому такой функционал не нужен, она не будет никоим образом.
2. Изменение дизайна админки, а так же её оптимизация, т.е. она будет легче и быстрее грузиться.
3. Поддержка разных видов страниц. Теперь можно будет создавать например аудио, видео посты или любые другие страницы. Это очень удобно и помогает дополнительно структурировать информацию в блоге и гораздо большую свободу при создании сайта на wordpress, что в последнее время становится частой практикой.
4. Улучшены возможности по редактированию картинок и закачке файлов в блог. Разработчики дорабатывают то, что начали еще в версии 2.9

Помимо этого появился ряд незначительных, на мой взгляд, нововведений:

• Новая дефолтная тема (ими вообще кто-нибудь пользуется?)
• Канонические урлы (canonical url) теперь интегрированы в скрипт.
• Усовершенствован процесс автоматического обновления.
• Теперь есть возможность задавать категории и тэги для страниц.
• Добавлен мануал для новичков, который отображается сразу после установки.

В общем, можете установить WordPress 3.0 Beta 1 к себе на локальный компьютер и сами всё увидеть. Что касается потребления памяти, то могу сказать, что оно, как всегда, выросло. Пользуйтесь хорошим хостингом и вас этот вопрос волновать не будет. А ГС не на wordpress лепить нужно, думаю это уже давно понятно.

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

Из антиспам плагинов без капчи наверное одним из самых лучших является Akismet, но всё же он зачастую отправляет в спам нормальные, человеческие комментарии. Если спама приходит мало, то иногда заглянуть в админке в раздел со спамом и проверить, не попали ли туда нормальные комментарии, не составляет никакого труда. Но когда мне в этот блог начало приходить по 30-50 спам-комментариев в день, это стало просто глупо.

Около месяца назад я установил себе антиспам плагин WP SpamFree Anti Spam в поисках более адекватной замены акисмету. И через какое-то время я заметил, что тупой автоматический спам просто исчез. За весь месяц в мой блог не просочился ни один спамный комментарий. Благо руками на моём блоге не спамят вообще, а автоматический не проходит через Wp Anti Spam.

А как справиться с ручным спамом? Тут никакие плагины не помогут, ведь человеку не составит труда ввести капчу или пройти любую другую защиту от спама. Примером тому служит Глобатор, который, не найдя другого выхода, просто убрал из комментариев на своём блоге поле для ввода адреса сайта. И это, естественно, сработало – ручной спам исчез (спамерам нет смысла оставлять комментарии без ссылки на свой сайт), а комментариев особо то меньше и не стало, ведь большинство людей на его блоге комментируют не ради ссылки, а ради комментария.

Update. Плагин перестал поддерживаться и его удалили из каталога плагинов на wordpress.org, но от этого он не стал хуже справляться со своими обязанностями, по этому выкладываю его на свой хостинг. Качайте на здоровье!

P.S. Информационный партнёр статьи о лучшем антиспам плагине для wordpress – профессиональный хостинг для вашего сайта от компании “Plasma”. Uptime серверов – 99.99%!

Если у вас есть свой блог на wordpress, то сегодня вы должны были заметить в админке знакомую всем надпись: “Вышел WordPress 2.9.2! Обновиться автоматически или скачать новую версию“. Что же нового в этой версии?

Хочу сказать сразу, что это мелкое обновление, в котором были устранены некоторые некритичные уязвимости в безопасности. А если у вашего блога на wordpress только один пользователь (т.е. вы), то можете вообще не обновлять движок.

Дело в том, что в версии 2.9.1 зарегистрированные пользователи могли просматривать записи, которые отправили в корзину другие пользователи. Так что если вы решили опубликовать пароль от своего кошелька webmoney, но в последний момент передумали, срочно обновляйте wordpress, чтобы другие юзеры его не смогли просмотреть в корзине материалов.

А если серьезно, то такие обновления движка всё больше попахивают маразмом. С таким успехом можно каждый день по новой версии выпускать.

1. Артём Савельев написал интересную статью о том, как красиво оформить комментарии в wordpress.
2. Очень полезная статья на хабре о том, как создать объёмный блок с тенью, прозрачностью и трансформацией средствами CSS3.
3. Дмитрий aka KtoNaNovenkogo написал полезную статью о том, как создать выпадающее меню с помощью CSS и вставить его в свой блог на wordpress.

Как известно, wordpress не позволяет выполнять PHP в постах, на страницах и в виджетах. Плагин RunPHP поможет обойти эту проблему стороной.

SQL Executionner – отличное дополнение к WordPress Console. Этот плагин позволяет выполнять любые операции с базой данных MySQL, т.е. тоже самое, что и PHPMyAdmin, только на много удобнее и всегда под рукой.

WP Developer Assistant – это вообще незаменимый плагин для web-разработчика. Самой, на мой взгляд, полезной функцией этого плагина является возможность включить отображение PHP ошибок для залогиненного администратора. В wordpress отображение ошибок отключено, из-за чего иногда трудно бывает найти причину той или иной проблемы. Так же этот плагин умеет отображать ссылки на документацию по той или иной функции в случае ошибки, показывает утечки памяти (если таковые имеются), отображает предопределенные переменные PHP.

Но и это – далеко не всё, что умеет этот плагин. С помощью него можно изменять любые опции в wordpress (например настройки cron), посмотреть список всех хуков (actions и filters), выполнять запросы к БД, посмотреть PHP info одним кликом мыши, узнать значение заданных констант и, наконец, загружать файлы на сервер даже не имея доступа к FTP.

Чего мне реально не хватает, так это плагина, который бы подсвечивал синтаксис при редактировании кода из админки wordpress и делал нумерацию строк, но такого я до сих пор не нашел. Если вдруг такой есть и он каким-то образом прошел мимо меня, прошу отписать в комментариях.

Bolverin опубликовал небольшое руководство: Что такое Тиц и PR. История в картинках: часть 1 и часть 2.

Вряд ли я кого-нибудь удивлю сказав, что объединить файлы CSS или JavaScript можно просто скопировав код скрипта/стилей в основной файл, а затем залезть в код плагина и вырезать код подключения этих файлов. Но тогда при первом же обновлении плагина всё придется повторить заново. А если таких плагинов у нас установлено несколько, то все эти процедуры могут очень быстро надоесть.

К счастью wordpress – движок очень гибкий и позволяет обойти эту проблему стороной. Если плагин для подключения файлов использует функции wp_enqueue_script() и wp_enqueue_style(), то отключить их можно без редактирования кода этих плагинов.

Чтобы привести пример, отключим JavaScript у Contact Form 7 и файл CSS у плагина WP-PageNavi.

Отключаем JavaScript.

Для этого нам нужно узнать идентификатор скрипта. Открываем файл wp-contact-form-7.php и ищем в нем строку wp_enqueue_script. В результате находим вот такой код:

wp_enqueue_script( 'contact-form-7', wpcf7_plugin_url( 'contact-form-7.js' ), array('jquery', 'jquery-form'), WPCF7_VERSION, $in_footer );

В данном случае идентификатор – contact-form-7. Запоминаем его, а файл плагина закрываем, его мы трогать не будем.

Теперь открываем файл functions.php нашей темы и добавляем в неё следующий код:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
	wp_deregister_script( 'contact-form-7' );
}

Готово! Теперь скрипт подгружаться не будет.

Отключаем CSS.

Узнаем идентификатор: открываем файл wp-pagenavi.php и ищем функцию wp_enqueue_style. В итоге находим вот такую строку:

wp_enqueue_style('wp-pagenavi', get_stylesheet_directory_uri().'/pagenavi-css.css', false, '2.50', 'all');

Как вы уже догадались, нужный нам идентификатор – wp-pagenavi.

Теперь добавляем в functions.php следующий код:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
	wp_deregister_style( 'wp-pagenavi' );
}

Отныне CSS файл плагина не подключается.

Думаю алгоритм понятен. Не забудьте скопировать стили CSS из файла плагина в файл style.css своей темы. В случае со скриптами, нужно создать новый файл, например scripts.js, залить его в папку с темой и подключить его, добавив в файле header.php перед тэгом </head> вот такую строку:

<script src="<?php echo( bloginfo( 'template_directory' ) . '/script.js' ); ?>" type="text/javascript"></script>

Не забывайте, что JavaScript и Jquery нельзя помещать в один файл.

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

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

Эту статью можно считать дополнением к Как я уменьшил время загрузки своего блога в 4 раза. Часть 2.

P.S. Информационный спонсор статьи о том, как объединить файлы CSS и JavaScript в WordPress – замена, ремонт и установка стартера по демократичным ценам в Москве от компании Astarter.

Но не все знают, что эти плагины (Wp-PageNavi, WP SEO Pager и др.) созданы далеко не оптимально: подгружают дополнительные стили CSS, часто создают ненужные запросы в базу данных. Да и в силу того, что эти плагины имеют разнообразные настройки – они содержат много лишнего кода, который неблагоприятно сказывается на скорости загрузки.

А ведь в wordpress постраничную навигацию можно реализовать полностью за счет внутренних функций, т.е. зачем изобретать колесо?

Давайте по порядку. Если у вас уже установлен один из таких плагинов – ищем в шаблоне (в файлах index.php, single.php и archive.php) код, вроде этого:

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

либо, если у вас навигация по постам выглядит так:
<< Предыдущая запись                        Следующая запись >>
то этот код в вашем шаблоне будет выглядеть так:

<span class="previous"><?php next_posts_link('&laquo; Предыдущие записи') ?></span><span class="next"><?php previous_posts_link('Следующие записи &raquo;') ?></span>

и вместо него вставляем вот этот код:

<?php
global $wp_query;
$max_page = $wp_query->max_num_pages;
$nump=2;  /*Количество отображаемых подряд номеров страниц*/

if($max_page>1){
	$paged = intval(get_query_var('paged'));
	if(empty($paged) || $paged == 0) $paged = 1;

	echo '<div class="pagenavi">';
/*	echo 'Страница '.$paged.' из '.$max_page.'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';*/
	if($paged!=1) echo '<a href="'.get_pagenum_link(1).'">1</a>&nbsp;';
		else echo '<u>1</u>';

	if($paged-$nump>1) $start=$paged-$nump; else $start=2;
	if($paged+$nump<$max_page) $end=$paged+$nump; else $end=$max_page-1;

	if($start>2) echo "<b>...</b>";

	for ($i=$start;$i<=$end;$i++)
	 {
	 if($paged!=$i) echo '<a href="'.get_pagenum_link($i).'">'.$i.'</a> ';
		else echo '<u>'.$i.'</u>';
	 }

	if($end<$max_page-1) echo "<b>...</b>";

	if($paged!=$max_page) echo '<a href="'.get_pagenum_link($max_page).'"> Последняя &raquo;</a>';
		else echo '<b>&nbsp;Последняя</b> ';
	echo '</div>'	;
	}
?>

Хотя более правильно будет вынести вышеуказанный код в файл pagenavi.php (предварительно создав такой файл и закачав его в папку с темой), а выводить навигацию вот так:

 <?php include(TEMPLATEPATH."/pagenavi.php"); ?> 

Если в вашем шаблоне постраничной навигации вообще нет, то этот код нужно вставить между строками:

<?php endwhile; ?>

и

<?php endif; ?>

Теперь навигация отображается, осталось настроить её внешний вид.

Указываем в style.css стили для следующих элементов:

.pagenavi {} – стиль для контейнера

<div class="pagenavi">

в который заключен весь код навигации.

span.current {} – стиль текущей страницы.

Готово! Тот же эффект, но реализация гораздо проще.

Можно считать эту статью небольшим дополнением к Юзабилити в wordpress. Часть 2 – навигация и Как я уменьшил время загрузки своего блога в 4 раза.

Сергей aka SergeySL написал отличный пост о том, как установить текстовый счетчик подписчиков FeedBurner и фолловеров Twitter. Как это выглядит вы можете посмотреть на блоге Сергея, либо на моём.

Как устроены фреймворки

В составе любого фреймворка есть огромное количество hook’ов, с помощью которых можно добавлять произвольные элементы и модифицировать саму тему не изменяя её файлы. Делается это с помощью подключения файла functions.php, в который добавляются конкретные функции. А эти функции, в свою очередь, отображают нужные вам элементы в нужном месте темы.

Например, вот такой хук:

thematic_belowtrackbackslist()

отвечает за вывод списка трэкбэков, а вот такой:

thematic_belowcommentslist()

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

Smashingmagazine уже собрал воедино все самые стоящие frameworks, которые созданы нашими западными коллегами. Еще в этом посте вы найдёт качественные php заготовки для создания wordpress тем. Как написано в самом начале статьи – её цель – не найти самый лучший фреймворк, а предоставить все самые лучшие разработки, чтобы каждый смог найти для себя то, что лучше всего подходит именно под его нужды.

Повторяться не вижу смысла. Лучше пару слов напишу о разработке нашего соотечественника Антона Шевчука, который создал очень неплохую тему-конструктор для wordpress. Всё, что нужно сделать – это установить тему и настроить её по своему вкусу. Можно выбрать тему (одну из 6-ти), настроить макет, боковую панель, шапку, контент, подвал, цвета, шрифты, CSS и избражения. Так же в тему встроены плагины, которые отображают миниатюры и слайдшоу. В общем функционал неплохой уже по умолчанию. Более подробное описание читайте по ссылке вверху.

Саша Tod написал отличную статью про использование миниатюр для поста в WP 2.9 на практике в своём новом блоге про wordpress.

А вот создать тему самому – это уже совсем другой уровень. Единственное, что в таком случае может тебя ограничить – это твои собственные знания (вернее будет сказать незнание) и фантазия. Но скажу сразу – базовых знаний тут уж точно не хватит, так что это решение подойдёт далеко не для всех.

Начинается всё, естественно, с фотошопа. Сначала мы рисуем то, что хотим видеть в финальном варианте, не особо заморачиваясь о том, как всё это будет реализовано. В разумных пределах, конечно Это называется созданием PSD макета.

Следующий этап – вёрстка XHTML/CSS шаблона. Дело это очень нудное и кропотливое, требующее хорошего знания html и css. Вот как раз поисками способов упрощения/ускорения этого процесса я и занимался в последнее время. Волшебной палочки я, конечно, не нашел, но всё же есть чем с вами поделиться:

• Divine – плагин для фотошопа, с помощью которого можно превратить PSD макет сразу в wordpress тему. Продукт еще довольно сырой и находится в стадии бета-тестирования, но, как мне кажется, имеет все шансы стать очень популярным. Существуют две версии плагина – платная и бесплатная. Бесплатная имеет ряд ограничений, но в общих чертах позволяет ознакомиться с плагином. Функционал плагина на данный момент очень даже скромный, так что мне кажется, что создатели поспешили с платной версией.
• Psd2cssonline – онлайн генератор готовых XHTML/CSS шаблонов из PSD файлов. В большинстве случаев, конечно, на выходе шаблоны нуждаются в доработке/корректировке. Но даже несмотря на это данный сервис может сэкономить очень много времени при вёрстке шаблона.

Третий этап создания шаблона – превращение его из статического в динамический, т.е. из html в php. Если вы хорошо знаете структуру шаблонов wordpress, то этот этап не вызовет особых затруднений. Всё может быть усложнено дополнительными наворотами, которые вы захотите прикрутить к своей теме.

Мегаподборка из 14 лучших туториалов по превращению PSD файлов в XHTML/CSS шаблоны. Все статьи на английском. Если кто-нибудь видел что-нибудь похожее на русском – поделитесь в комментариях. Я лично ничего подобного в рунете не встречал.