При поддержке — самые вкусные кулинарные рецепты — пальчики оближешь!

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

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

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

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

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

1

Гламурный пагинатор меня уговорил делать все тот же дизайнер, который сбежал с родной России за океан. Я так думаю, там он научился людей уговаривать на пагинаторы. Получилось как вы видите вот так.

2

Еше не понял, хорошо это или плохо с точки зрения seo, но с точки зрения дизайна выглядит очень мило.

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

Ну а рядом всякие кнопки подписки на RSS и твиттеры с соответствующими пузомерками, фейсбуки, френдфиды и по моему подписка обновлений через email.

3 Далее идет то самое, что получилось благодаря немыслимым напряжениям ума, фантазии и дизайнерских способностей творческого человека из силиконовой долины, который по слухам планирует перебраться в Нью Йорк и моим нескромным запросам. В результате получилось настолько юзаюельно, что лучше как-то даже не придумаешь. Отдельное спасибо за внедрение баннеров 125*125 в сайдбаре. Без них просто никуда. Но начнем по порядку.

Дискуссии, пресс-релизы и интервью единым блоком. Ай да дизайнер, ай да японский верстальщик, ай молодцы. При помощи волшебного ява скрипта все красиво переключается. Я признаться хотел примерно так сделать на старом дизайне, но вот руки кривоваты.

4

Идем дальше, рубрики, архивы и баннеры. Рубрики и архивы по аналогии с предыдущим пунктом. Переходим к баннерам. О боже, посмотрите куда ведет очень много красных стрелочек. Я так и не понял откуда взялся этот баннер у меня на блоге, а этот логотип до сих пор мне снится по ночам.

5

Идем дальше, еще один симпатичный и тематически сходный виджет со ссылками на полезные посты с блога. Опять-таки удобно и юзабельно.

6

Далее идет то самое, чего давно мне хотелось. Я модерирую блоггерские разделы на 4х популярных сео-вебмастерских форумах. Мне как-то хотелось несколько упростить себе задачу и за несколько кликов (причем с блога) посмотреть все то, что творится на форумах. Этот замечательный виджет как раз для этого.

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

Ну и напоследок в сайдбаре блогролл и случайности и сео статьями.

8

Футер, как вы видите, не совсем допилен, но это в процессе. Облако тегов скоро наполнится тегами. Раздел твиттер скоро будет пестреть моими твитами. На главной отображается прямой эфир (те кто ссылался на меня по данным ЯППБ), на внутренних на этом месте отображается список последних статей. Далее еще продублируются наши услуги. Наши – потому что нас уже много.

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

По поводу внутренней seo оптимизации шаблона – http://www.terehoff.com/internal-optimization-wp.html

По поводу расстановки h1, h2, h3 – http://www.terehoff.com/temlate-optimisation.html

Как грузится страницы: сначала шапка, потом посты/пост, потом сайдбар, потом футер – http://www.terehoff.com/ideal-wordpress-optimisation.html

Кстати говоря, смена дизайна – это еще один из методов продвижения блога, как я понял. Правда не совсем бесплатный, но тем не менее. В голове много всего, много идей для постов. Будет интересно и полезно, я уверен.

Терехов.

Видео сегодня – как удачно упал дельтапланерист.

Постовой — описание поиска битых ссылок с помощью программы XENU Link Sleuth.