Две работы

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

Первый проект Андрея Аракелова «Голос свободы». Сам дизайн был выбран из готовых CSS-шаблонов, поэтому мне пришлось только его немного подшаманить. Ну и конечно - программирование.

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

if ( is_page('archiv') )
    echo '<span class="selected">Карта сайта</span>';
else
    echo '<a href="' . $surl . '/archiv">Карта сайта</a>';

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

Часть блоков, которые будут периодически меняться, я оформил в виде Ушек.

Сам WordPress-шаблон я уже давно делаю по собственной схеме, то есть никаких Кубриков. Если в нескольких словах, то я исключил дублирование кода. Например шапка, верхнее меню, то есть неизменные элементы шаблона выполняются в виде отдельных файлов (как в шаблоне Rioni). Тоже самое касается и нижней части. Остается изменяемая часть, которая программируется и оформляется в зависимости от типа отображаемой страницы (обычная запись, постоянная, с указанным шаблоном, рубрики, конкретная рубрика, главная страница, тэги, ссылки, архивы и т.п.).

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

<?php
/*
Template Name: Архив записей (archives)
*/
<strong>require('main-start.php');</strong>
?>
<h1><?php the_title() ?></h1>
<div class="archives">
<?php
  if ( function_exists('srg_clean_archives') ) srg_clean_archives();
  if ( function_exists('ddsg_create_sitemap') ) echo ddsg_create_sitemap();
?>
</div>
<strong><?php require('main-end.php') ?></strong>

Схема, как видите элементарная. Администратор просто создает пустую постоянную страницу и в ней указывает нужный шаблон. Ну а поскольку я отделил неизменяемые части (в main-start.php и main-end.php), то можно таких шаблонов добавить сколько угодно, не задумываясь о дизайне.

Отдельного упоминания заслуживает боковое меняю (сайдбар, sidebar). Я не знаю, как другие WordPress-специалисты, но я уже давно отдал на откуп клиенту его настроку. Как вы уже поняли - это виджеты. Я использую свои виджеты, которые подключаются как единый плагин. При этом автоматом отключаются почти все стандартные. За ненадобностью.

Второй сайт Светланы Плотниковой «Маркетинговые исследования: записки рисёчера».

С дизайном пришлось изрядно повозиться. Хотя я не могу назвать его очень сложным, проблема была в кроссбраузерности. Я хотел, чтобы получилась полная иммитация таблицы, то есть колонки должны быть одинаковыми по высоте. После того, как я добился этого в FireFox'е, оказалось что IE неправильно понимает вложенность div'ов. Добавил пару хаков - теперь Opera забастовала. В общем потратил я на всю эту совместимость целый день, потом глянул на полученный код и ... всё снес. Сделал каркас на обычной таблице - никаких проблем с отображением во всех браузерах.

Для тех кто в «теме». Нужно сделать одинаковую высоту колонок в двух случаях: а) когда высота колонки текста меньше, чем сайдбаров и б) наоборот.

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

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

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