Всё началось с того, что мне понадобились формы контакта для одного из проектов, в которых я принимаю активное участие — Журнал про онлайн сервисы ITPride. До этого момента сайт использовал Contact Form 7, который хоть и неплохо справлялся со своими обязанностями, но не имел достаточной функциональности в плане генерации капч или прикрепления файлов к письмам. Я даже не говорю об их внешнем виде и совсем молчу про сохранение данных в базу данных после отправки письма.

После нескольких экспериментов с бесплатными конструкторами форм, в которых я немного разочаровался (либо по причинам высокой нагрузки на хостинг, либо из-за скудного арсенала функций), и стал  посматривать в сторону популярного и мощного плагина Gravity Forms. Но цена как-то совсем не впечатляла меня, ведь 40 долларов за лицензию на один сайт и 200 долларов за безлимитную версию — это немало, особенно для молодых проектов.

К счастью, осенью прошлого года был выпущен  Iphorm WordPress Form Builder 1.0, стоимостью в 25 долларов за 1 сайт и 99 долларов за безлимитную версию, который я с удовольствием приобрёл. Поправка от 23.01.2012: Продажа безлимитной версии приостановлена на некоторое время.

Статья приобретает рекламный характер , но это не совсем так.

Почему я выбрал этот плагин, каковы его преимущества?

1. Плагин обладает простейшим в освоении конструктором форм. Элементы формы можно перетаскивать с помощью мыши, добавлять и удалять их одним кликом.
2. Конструктор форм обладает 14 базовыми элементами  современных форм, среди которых:
• Флеш-загрузчик файлов с функцией загрузки нескольких файлов одновременно, причём пользователь может сам увеличивать количество загружаемых файлов прямо во время заполнения формы;
• Поле дата и время с установкой конечных и начальных дат и времени;
• Поля для Email и пароля с автоматической проверкой на правильность ввода;
• Встроенная Капча и включение сервиса reCAPCHA с помощью пары нажатий в настройках;
• Элемент группа, которая объединит несколько полей формы в одно целое;
• Элемент «Календарь» из набора Jquery UI
3. Формы визуально привлекательные и поддерживают темы оформления. Встроенных тем более 15 штук и тему легко изменить.
4. Каждому полю формы можно задать подсказку, которая будет всплывать при нажатии на кнопку помощи, либо при неверных данных, либо при наведении.
5. Встроено более 10 валидаторов и фильтров для элементов форм. Можно проверить или удалить из поля буквы, или цифры, или любой html или SQL код, а также задать любое выражение REGEX для каждого поля отдельно.
6. Каждый стиль элемента можно задать прямо на стадии визуального проектирования формы.
7. Можно задать динамические параметры в ссылке (например &name=Vasya&country=Russia), когда пользователь перейдёт по этой ссылке — данные из параметров автоматически заполнят нужные поля в форме.
8. Очень понравилось то, что можно задать условия для скрытия или отображения определённых полей формы в зависимости от каких-то условий (conditional logic form). Например, поле «Владеете ли Вы авто» регулирует отображение поля «Каким бензином Вы заправляетесь».
9. Все данные из форм автоматически сохраняются в базе данных, причём их можно сохранять как в базу WordPress, так и любую другую базу данных. Можно так дать возможность создавать гостевые посты пользователям.
10. Прикреплённые файлы можно отправлять как на Вашу почту, так и сохранять в папке Uploads в Wordpress.
11. Можно отправлять данные на разные почты в зависимости от того, что введёт пользователь (conditional logic email). Например, если это резюме или коммерческое предложение  можно использовать одну форму с обычным переключателем «Отдел».
12.  Формы встраиваются на сайт в любой пост, включая кастомные и страницы,  а также в виде виджета.
13. Форму можно показывать во всплывающем окне при первом посещении сайта или при его закрытии, а также по нажатию кнопки.

Это лишь небольшой список самых вкусных моментов данного конструктора форм для Wordpress.

Почему я пишу этот пост и рекомендую плагин?

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

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

В-третьих, это один из лучших и функциональных конкурентов аналогов Gravity Forms. Учитывая диапазон цен на него, могу с уверенностью сказать, что этот плагин лучше и мощнее.

Где купить и посмотреть демо конструктора форм iPhorm?

Видео с демонстрацией основных функций плагина:

Плагин продаётся на эксклюзивной основе только на популярном зарубежном онлайн магазине контента Codecanyon. Купить плагин и попробовать живое демо можно по ссылке ниже:

• Купить плагин можно по этой ссылке (Visa, Mastercard, Paypal)
• Скачать файлы русского и украинского перевода для плагина версии 1.3.2

По всем вопросам перевода пишите мне на email: admin(at)voffa.ru или в комментарии ниже

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

В состав плагина входит модуль Slug Optimizer, цель которого — удалять из ссылок записей предлоги и слова-паразиты, например, — «в, на, для, который», но по умолчанию удаляются только английские слова.

Заострять внимание на настройке модуля не буду, так как, там нужно внести список нужных Вам слов, каждое с новой строки. Я сделал список этих слов, и Вы можете использовать его по своему усмотрению.

Сейчас в словаре 142 слова.

Просто скопируйте все слова из текстового файла и поместите в окно модуля, также этот список можно использовать для модуля Seo Slug. Прошу заметить, что работа модуля начинается до транслитерации ссылки плагинами Rus To Lat и Cyr To Lat, поэтому свои слова добавляйте на русском языке.

Скачать список слов для Slug Otimizer/Seo Slugs

Так это выглядит в моем блоге:

Настройка плагина

Настройка довольно проста и, если Вы обладаете даже  небольшим опытом работы с WordPress, то легко разберетесь.

Могу лишь дать некоторые советы по настройке. Во-первых, не стоит выводить больше 4х похожих  записей, если у Вас стандартная тема WordPress с шириной поста около 500 пикселей.

Также, советую вручную размещать код, так как в автоматическом режиме похожие записи выводятся сразу после статьи — это создает трудности при работе с плагинами  типа Quick Adsense или закладок.

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

Вся проблема заключается в функции обработки строки, её я и подправил. Скачать исправленный новый IGIT Related Posts With Thumb Image After Posts 3.9.7 (полное название) можно по ссылкам ниже.

Обновление 01.09.2011
Версия 3.9.7
Применены изменения в системных файлах:
core.php (правка CSS стиля в #igit_rpwt_main_image (line-height:15px — 93 строка))
admin_core.php (перевод строчки Raw format (292 строка))

Обновление 15.09.2011
Версия 4.0
Переведены всплывающие подсказки.
Исправлены маленькие ошибки.
Исправлен скрипт Timthumb (была уязвимость) - настоятельно рекомендую обновиться!
Исправлен стиль CSS
В конце заголовков теперь троеточие.
Обновление 1.10.2011

Исправлена ссылка на 4ю версию — проблема была в кеше Wordpress
Добавлен параметр кодировки в UTF-8
Увеличен минимальный заголовок до 50 символов.
Демо: Внизу страницы.
Протестирован на WordPress 3.2.1. Пользуйтесь,  пишите о проблемах.

ЗЫ: Планируется доработка плагина в плане поддержки встроенных в WordPress миниатюр с фиксированным размером. Кто хочет, может поддержать меня на эл. кошелёк или другими способами.

• Скачать плагин с WordPress (английский, оригинал)
• IGIT Related Posts With Thumb 3.9.7 (русский, исправленный)
• IGIT Related Posts with Thumb Images after posts.4.0 (русская версия)

Если не поняли о чем я, вот примерно как это выглядит схематически:
http://site1.com/1post.html -301 редирект-> http://site2.com/category/1post.html

Подготовка сайта к редиректу

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

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

Кстати при импорте обратите внимание на две вещи:

1. Сколько все же различных CMS можно импортировать в Wordpress.
2. При импорте на новом сайте появятся новые категории, если их не было. Записи в то же время  будут сохраняться либо в новые, либо в одноименные категории нового сайта. То есть, если на старом сайте была категория «Картинки», то в новом она создастся автоматически.  Из этого следует, что записи придется пересохранить в ту категории, в которую мы хотим сделать редирект.

Пишем 301 редирект на PHP

Для корректного редиректа на PHP нам понадобится стандартный «.htaccess» для WordPress. Если его нет, то создайте в корне сайта такой файл со следующим содержимым:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Этот файл указывает на то, что все запросы к сайту обрабатывает файл  "index.php".

Ну и наконец, в файле index.php пишем сам код 301 редиректа:

<?
Error_Reporting(E_ALL & ~E_NOTICE);
$Rq=$_SERVER["REQUEST_URI"];
if (!(eregi(«^[0-9_./]*$», $t) && !eregi(«\.\.», $Rq)))
{
die(«Invalid Request»);
}
elseif($Rq==''){
header('HTTP/1.1 301 Moved Permanently');
header(«Location: http://site2.com/»);
}
else{
header('HTTP/1.1 301 Moved Permanently');
header(«Location: http://site2.com/press».$Rq);
exit();}
?>

Немного расскажу про код. У нас есть условие, в котором мы проверяем запрос на запрещенные символы и код. Если всё с запросом в порядке, но он пустой :$Rq=='' (это две одинарные кавычки), то редиректим в корень сайта 2, то есть на главную. (условие elseif)

Если запрос не пустой и не содержит запрещенных символов, то выполняем его редирект в категорию или папку PRESS сайта 2. (условие else)

Этот способ хорош для сайтов на WordPress, где постоянные ссылки не содержат названия категории или тегов, имею ввиду что Permalinks задан как %postname% или %postname%.html. Кроме того на новом сайте номер 2 должна быть такая же структура ссылок.

После всех приготовлений не забудьте поставить права 555 на htaccess и index.php.

Множественный Loop в работе можно посмотреть в журнале ITpride на главной странице, на которой выводятся записи из пяти разных категорий. По сути, так можно легко организовать журнальную, а не блоговую тему.

Пример 1. Выводим несколько записей определённой категории в Wordpress

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

<?php $recent = new WP_Query(«cat=9&showposts=3»); ?>

cat — указывает нам номер категории, его можно посмотреть тут:

showposts — количество записей, которые мы будет выводить в цикле.

Весь код такого цикла (без верстки):
<?php $recent = new WP_Query(«cat=9&showposts=3»); ?>

<?php if ($recent->have_posts()) : ?>

<?php while ($recent->have_posts()) : $recent->the_post();?>

<a href="<?php the_permalink() ?>" title='<?php the_title(); ?>'><?php the_title(); ?></a>

<?php wp_content(); ?>

<?php endwhile;?>

<?php endif;?>
Данный код выведет на страницу три записи из категории номер девять. Из HTML тут осталась только ссылка в заголовке записи <a>...</a>

Пример 2. Выводим рекламный блок между постами блога Wordpress.

Дорабатываем наш цикл для вывода рекламного блока после первого поста. Для этого введем ещё одну переменную $ads. Кто не знаком с PHP или далек от программирования, будьте внимательны. В коде каждая точечка важна и переменные у нас начинаются со знака доллар.

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

Наш код будет таким:
<?php $recent = new WP_Query(«cat=9&showposts=3»); ?>
<?php if ($recent->have_posts()) : ?>
<?php $ads=0; while ($recent->have_posts()) : $recent->the_post();?>
<a href="<?php the_permalink();?>" title="<?php the_title(); ?>"> <?php the_title(); ?></a>
<?php wp_content(); ?>
//сейчас мы сравним переменную с 1 и если равно, то выводим «блок рекламы».
//если нет, то прибавляем ещё 1.
<?php if ($ads==1) echo 'блок рекламы'; $ads=$ads+1;?>
<?php endwhile;?>
<?php endif;?>

Также прошу обратить внимание на «блок рекламы». В случае вывода блока скриптом то необходимо использовать обратную косую черту для вывода кавычек в код HTML. Например, для кода рекламы Яндекс.Директ в коде нужно внести такие правки:
<script type=\"text/javascript\">
...
код объявлений  Яндекс.Директ
...
document.write('<sc'+'ript type=\"text/javascript\" src=\"http://an.yandex.ru/system/context.js\"></sc'+'ript>');

Сам блок выводится командой ECHO.

Пример 3й. Пропускаем пост в множественном цикле Wordpress

В этом случае мы тоже используем дополнительную переменную $dup (Вы можете назвать её у себя как удобно).

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

Нам понадобится два цикла WordPress и в самом простом виде они будут такими:

1. Пост дня

Код практически ничем не отличается от стандартного. Мы вводим дополнительную переменную $dub, чтобы запомнить какой пост мы отобразили:
<?php $recent = new WP_Query(«cat=9&showposts=1»); ?>
<?php if ($recent->have_posts()) : ?>
//в начале цикла вводим $dub
<?php while ($recent->have_posts()) : $recent->the_post();  $dub=$post->ID;?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<?php wp_content(); ?>
<?php endwhile;?>
<?php endif;?>

Перед ходом в цикл мы присвоили нашей переменной номер этого поста $dub=$post->ID; Второй цикл прибавил в теле несколько команд и проверку на дублирование:
//сбрасываем счетчики постов во избежание разных багов
<?php rewind_posts(); ?>
<?php $recent = new WP_Query(«cat=9&showposts=8»); ?>
<?php if ($recent->have_posts()) : ?>
<?php while ($recent->have_posts()) : $recent->the_post();?>
// проверяем на дублирование по уникальному номеру записи
<?php if($post->ID == $dup) continue;?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<?php wp_content(); ?>
<?php endwhile;?>
<?php endif;?>

Этот цикл выведет нам 7 записей из категории номер 9 без первого поста, который мы вывели предыдущим циклом. Не забудьте поставить на единицу больше постов в запросе (мы же один пропустим).

Это далеко не все премудрости циклов WordPress, но такие небольшие хитрости добавят функциональности и гибкости Вашей теме. Циклы также можно использовать и в сайдбаре и футере ;-)

PS: Старайтесь не копировать коды с сайта, лучше перепишите их в блокнот. Во-первых, избежите ошибок, во-вторых лучше запомните.

Типограф сайта иногда портит код, поэтому скачайте все коды одним файлом