Смена дизайна блога lovesneaker.ru




























































Не прошло и двух недель, как я решил написать свой пост. Где я был и куда подевался? Ну что же — расскажу все по порядку.

Привет, друзья.

Смена дизайна блога

Ура, наконец таки свершилось ! Шел я к этому, наверное несколько месяцев. Идея смены дизайна посетила меня с пол года назад, но я как то не решался. То боялся, то фрилансера не мог найти, то деньги на это дело не мог выделить. Оно же как бывает — вроде бы ты понимаешь, что это дело нужное, но все откладываешь на потом.

Знакомое наверняка чувство? То то же…

И вот, настал тот день. Я еще напишу несколько постов о том, как сменить дизайн блога, что надо знать и уметь во время этого процесса и как найти фрилансера.

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

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

То что она сделала — Вы видите сами. Забегу вперед, блин кто за язык тянет, но … Короче, это не последняя реинкорнация моего блога. Все — больше ничего не скажу )))

Списавшись и обговорив разные детали будущего графического оформления, мы ударили по рукам и работа закипела. Так это было мое крупное сотрудничество с фрилансером, то в итоге наша совместная работа чуть не накрылась «старым добрым медным тазом».

Связано это было с тем, что я не понял Юлю, а она — меня. Я не знал, как сформировать ей все свои желания, а она — не понимала меня.

В итоге чуть не расставшись, но поостыв, мы нашли таки общий язык и Юля любезно согласилась исправить все ошибки, а я понял, что необходимо четко формировать то, что ты реально хочешь, дабы в будущем не было разных спорных моментов.

Так что я благодарен судьбе, что я работал и работаю на данный момент с таким человеком, как Юля. Юля — тебе привет и конечно же, спасибо !)))

Итак, для начала, я взял 3 листа бумаги формата А4, карандаш  и отрисовал то, что изначально планировал увидеть у себя на блоге.
Наброски для фрилансера

Техническое задание для дизайнера

Сюда входили разные графические элементы, которые были воплощены в жизнь. Помимо этого я прописал некое ТЗ, в котором прописал некоторые моменты, некоторые из которых, я еще не внедрил.

Вот этот список:

1. Логотип блога

2. Favicon

3. Шапка блога + название блога + описание + логотип

4. Футер блога + копирайт + место размещения счетчика

5. Нижнее и верхнее меню блога

6. Кнопка вверх

7. Форма подписки на обновления блога (в сайдбаре и после каждой статьи)

8. Форма поиска

9. Рубрики блога (архив, популярные записи)

10. Генератор на блоге (форма подписки на блоге)

11. Кнопки социальных сетей

12. Оформление комментов на блоге + смайлики

13. Оформление, выделение, цитаты на блоге

14. Кнопка «Это интересно» или что то в этом роде

15. Слайдер.

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

Ну что получилось — Вы видите.

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

Техническое задание для верстальщика

Техническое задание для него тоже представляло еще тот список.

1. Необходимо сверстать все с чистого листа, т.е. чтобы все нажималось, включалось и т.д.

2. Не должно быть скрытых и открытых ссылок на «левые» ресурсы (социальные сети, сайты и прочее)

3. Основная цель, которую я преследую: максимум кода, минимум плагинов.

4. Кодом необходимо вывести:

* кнопку вверх (стрелку)

* кнопки навигации

* ответ на комментарий (без обратных ссылок, replytocom и прочей фигни)

* создать карту блога

* реализовать функцию вывода страницы при первом комментарии (т.е. заменить кодом плагины CommentRedirectbyYoast + ExcludePagesfromNavigation)

* вывод картинок (их увеличение), замена работы плагина jQuery Colorbox

* вывод похожих постов взамен плагина Contextual Related Posts

* вывод «Лучший комментатор» кодом и закрыть обратные ссылки на блоги комментаторов

* сделать Социальные кнопки кодом, а не плагином

5. Закрыть внешние ссылки на ресурсы через класс «GOTO», закрыть noindex страницы page

6. В шапке блога, где логотип, сделать ссылку на главную страницу блога.

7. Сделать адаптацию блога под мобильные устройства

Дополнительное задание:

1. Если есть возможность, то необходимо привести в порядок валидность кода всего блога.

2. Внедрить микроразметку schema.org

Тут так же не обошлось без редактирования и есть еще «сырые моменты» в верстке блога. Ну не все сразу ))) Мне же еще предстоит проделать огромную работу, которая будет связана с тем, чтобы исправить картинки, меню содержания, оформления и т.д.

Код или плагин?

После проделанной работы верстальщиком (имени его сказать не могу, ибо не знаю) — всю работу по этой части взяла на себя Юля, за что еще второй раз спасибо, я могу сказать однозначно — код реально рулит.

У меня на блоге в старом дизайне стояло порядка (приготовились, как говорит Задорнов) было установлено порядком 40 (!!!) плагинов. Офигеть, друзья — что я делал ими, ума не приложу.

Блог загружался за 3, 5, 10 секунд — зависило от «настроения блога», от работы плагинов, и еще хрен знает чего. Ужастик !

Смотрите скорость загрузки сейчас и завидуйте белой завистью ))) Проверял сайтом webwait.com (Фото — кликабельно)

Загрузка блога

У кого быстрее?

Да, еще, чуть не забыл. Плагинов кэширования еще нет, прикиньте ! Т.е. если даже и со временем загружу блог, то есть куда, как говориться, расти.

Так вот, сейчас на блоге установлено  и работает 9 штук ! 9 против 40 !!! Звезда — в шоке ))) (Фото — кликабельно)

Плагины

Вот такие вот у меня новости друзья о смене дизайна блога. Думаю, те вещи, о которых я рассказал здесь и сейчас — очевидны. Оригинальный дизайн блога, чистый код и быстрая работа блога — залог здоровья Вашего бизнеса в сети.

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

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

На этом пока все. Удачи !


А еще Вы можете почитать эти статьи:

  1. Смена дизайна. Попытка 3 На дворе уже почти конец месяца. Да что там конец…
  2. Контент блога — внутреннее наполнение блога и МЛМ центра Немного раньше, я касался тематики  ведения блога. Всем привет, друзья…
  3. Как перенести комментарии внутри блога Думаю, ни для кого не секрет, что на днях я…