Новый дизайн блога – ура! :) | Seo-Stories

Новый дизайн блога – ура! :)

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

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

Вообще говоря, сначала я очень долго пытался найти подходящий шаблон для доработки и переделки – ибо создать дизайн с нуля я все равно не мог, а заказывать разработку в студии было бы не совсем удачным решением – банально дорого. С другой стороны, поиск в Google тоже не выдал ничего подходящего – либо “минимализм”, рожденный бедной фантазией, а не хорошим вкусом, либо шаблоны MFA, которые в данном случае были совершенно неприемлемы. А помог мне человек, с которым я знаком благодаря форуму 4pda.ru. У него пока нет сайта с постоянным доменным именем, но зато есть ник на форуме – Apocalyps. Именно он нашел шаблон Kenza, который мне отлично подходил. Выглядил он как-то так:

Думаю, разница ощутима :) Мне абсолютно не хотелось делать очередной дизайн в стиле андеграунда. Поэтому были выбраны светлые тона.

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

День добрый. Вобщем, теперь размеры есть (это я писал уже после того, как окончательно “взял мерки” с шаблона – прим. автора). *тут была ссылка на скрин шаблона* 950 точек по ширине, по высоте картинка в шапке занимает 73 точки, можно чуть больше, 73-76. От левого края шапки до баннера 482 точки – это и будет основная область. Хотелось бы в итоге получить картинку 950×73-76 точек, в которой место под этот самый баннер справа (468×60) просто будет однотонной, а выше и ниже ее можно либо тоже заливку какую-то, ну либо что-то подсказанное фантазией. Плюс предыдущие пункты остаются, т.е. эти:
>нужна шапка для SEO блога, в светлых тонах и с доброжелательным блоггерским начертанием :) В шапке желательно будет отразить часть домена “Seo-Stories”.

Теперь дело было за дизайнером, который на следующий день написал мне сообщение:

Вы написали – “по высоте картинка в шапке (которая KENZA) занимает 73 точки, можно чуть больше, 73-76″. Так вот, будет гораздо лучше, если высота будет примерно 140 точек. Меньше никак, иллюстрация просто не поместится, да и выглядеть такой логотип будет пропорциональнее.

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

Правда, “просто” – понятие относительное. Шаблон оказался “премиум темой” (честно говоря, до сих пор не могу понять, почему их так называют и чем они отличаются от всех остальных, может кто подскажет? ;) ), и содержал в себе зарезервированные и настраиваемые места под баннеры, некоторое количество бестолковых настроек и две ссылки в футере. Извините, ребята, но пулемет я Вам не дам – ссылки эти были безжалостно выпилены, хотя само название сайта-создателя я хочу вернуть на место, оно мне совсем не помешает. Естественно, ссылки проверялись в нескольких местах с помощью зашифрованного в base64 кода, опыт по “разминированию” у меня уже был с другим шаблоном, а потому это не представляло особых трудностей. Трудности начались чуть позже…

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

Да и вообще весь шаблон просто напичкан кодом, по всем признакам напоминающим старые приемы работы с HTML. Для “премиум темы” как-то не солидно :)

Места под баннеры в сайдбаре были вырезаны и на их месте я пока поставил блок AdSense в 234 точки. Вообще, не совсем понимаю, что туда вставить, так как место пропадает, но ни под один стандартный формат не подходит. Буду думать. Еще есть проблема с “Похожими постами”, так как плагин Yet Another Related Posts теперь отказывается работать с WordPress 2.8.6, а старая версии плагина у меня не сохранилась. Возможно, будет проще просто обновить версию WordPress, но есть несколько плагинов, которые также отрубятся после обновления. Вобщем, тоже надо что-то предпринимать.

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

Как Вам дизайн? :) Может есть какие-то предложения или пожелания? И еще: кто-нибудь в курсе, как убрать рекламу AdSense из RSS-канала? Что-то я ничего не нашел в настройках, может плохо искал :)

Похожие статьи:

28 отзывов на “Новый дизайн блога – ура! :)”


b751b929

  1. Apocalyps пишет:

    Ух-ты! Даже я засветился

  2. Надюша пишет:

    Молодец, zusicks! Мне дизайн очень нравится! И впрямь доброжелательный, солидный и хорошо читаемый :) Не зря было выпито столько чёрного чая ;)

  3. zusicks438 пишет:

    Apocalyps, а как же :) Спасибо, шаблон действительно пришелся очень кстати.

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

  4. Инкната пишет:

    Очень нравится этот светлый дизайн и парень за компом ничего ) Лисенок тоже нравится. Успехов!

  5. zusicks438 пишет:

    Инкната, спасибо :)

  6. Хайпер пишет:

    Попробуй формат рекламы 336×280 – у меня такой в постах используется. Адсенс в фид я втыкал настройкой на feedburner.com – может и у тебя она там же настроена. Посмотри свой изначальный фид, не прожжённый (на домене) – есть ли реклама там.

  7. zusicks438 пишет:

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

    Насчет feedburner – это да, я тоже так вставлял. Но я не могу найти, как его отключить :) Сейчас еще посмотрю))

  8. Хайпер пишет:

    Навигация? А может тогда вообще убрать, да и всё – пусть сразу сверху будут рубрики и поиск. А в нужном месте небоскрёб воткнуть

  9. Хайпер пишет:

    Или такой мини-слайдер сделай там, чтобы на самые интересные посты сразу отправлять

  10. zusicks438 пишет:

    Гм…ладно, буду думать.

  11. NomadUA пишет:

    Для похожих постов советую плагин Simple Tags. Он умеет делать еще кучу интересных вещей :)

  12. zusicks438 пишет:

    Вот это тема, сейчас поставлю, посмотрим что за зверь :)

  13. NomadUA пишет:

    У меня на блогах где ветка 2,8 стоит, он всегда есть. Настроек правда там “море”, но разобраться вполне реально. :)

  14. zusicks438 пишет:

    Угу, уже ставлю, отпишусь о результатах :)

  15. zusicks438 пишет:

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

  16. NomadUA пишет:

    Странно. Первый раз слышу, чтобы этот плагин отрубал блог. o_O Попробуй сначала по ветке  2.8.x до упора обновиться – может заработает. У меня он еще на 2,5 стоял. И вроде хостинг у нас общий – настройки должны быть одинаковые. Хм… а какие еще у тебя плагины стоят 0- может другой конфликтует? не пробовал все отключить и сиплтагс первым включить – будет глючить или нет?

  17. zusicks438 пишет:

    “не пробовал все отключить и сиплтагс первым включить – будет глючить или нет?”

    Я и говорю, проще обновиться до 3.13 :D Да и все равно надо это сделать, там ведь вкусности всякие есть вроде вложенных комментариев.

  18. NomadUA пишет:

    Ни на одном из моих сайтов не стоит ВП3. 2,8 до упора или 2,9. Везде есть древовидные комментарии. Просто включить их нужно. НМВ, в ВП3 нет ничего нужного. Обвесили свистелками и перделками движок, утяжелили.. вот и все вкусности. Включается в админке так – параметры – обсуждение – Другие настройки комментариев.  И не нужно никаких вп3. Если вдруг не работает, можно попробовать плагин WordPress Thread Comment

  19. zusicks438 пишет:

    Хы, действительно есть такая галка, почему-то казалось, что и нету ее.

    Но вообще все равно обновиться можно. У меня все остальные блоги работают на WP 3. Особых недостатков не заметил, а вот достоинства определенные есть. У меня почему-то изначально глючила вствка картинок по центру, плюс редактор тем постоянно уезжает вверх после обновления файла, да и нету большого смысла ставить заведомо устаревающую версию. Честно говоря я сам долго упирался именно из-за некоторых плагинов, но в общем и в целом…Можно и обновиться.

  20. NomadUA пишет:

    2.8 и 2,9 не устаревшие, а стабильные. Никаких проблем со вставкой и форматированием картинок и редактором тем нет. Плагины все работают, да и нагрузка на хостинг – ниже. Так что насчет устаревшей – не соглашусь. :) Из всех нововведений в третьем только одно полезное – мультиюзер, но мне эта фича не нужна и потому я ее ставить не стал – свистелки и так далее – нафиг не нужно. Разработчики выпустили довольно неудачную версию, YVD/ Ну, это сам смотри, конечно :)

  21. zusicks438 пишет:

    А че такое YVD? :)

  22. NomadUA пишет:

    Это НМВ= на мой взгляд. После переустановки Винды еще не добавил исключение в пунто, вот он и шалит, как только я чуть отвлекусь :)

  23. zusicks438 пишет:

    Ах он :) Ну вот приняли меня в Miralinks, теперь можно делать необдуманные поступки, то есть обновляться :)

  24. Дмитрий Лебедь пишет:

    Хороший шаблон, и шапка оригинальная)
    Как называется шаблон? потому что новый блог запускать буду, ищу интересные шаблоны…

    • zusicks438 пишет:

      Шаблон называется Kenza, скачать можно например тут: http://webtheme.ru/kenza-wordpress-theme.htm

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

  25. anubarak пишет:

    Этот вообще супер! Круче препыдущего раз в 100)

  26. apartment information пишет:

    … [Trackback]…

    [...] Read More: seo-stories.ru/?p=2413 [...]…