Обновлен дизайн на блоге

Сегодня я поменяла дизайн на блоге Записки о WordPress. Эта смена дизайна уже вторая за время существования блога, но впервые сделаны серьезные изменения внешнего вида блога, а также проделана большая работа по улучшению и изменению кода темы.

Снаружи

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

Если предыдущий дизайн хоть и был уникальным, но все-таки основывался на одном из вариантов оформления темы Atahualpa, которая когда-то стояла у меня на блоге, то новый дизайн создан мной с нуля.

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

Внутри

В два раза увеличилась скорость загрузки страниц:

  • сторонние скрипты перенесены в подвал,
  • скрипты и стили темы загружаются через wp_enqueue_script и  wp_enqueue_style,
  • в дизайне больше не используются изображения, вместо них – шрифт glyphicons.

Шаблон стал полностью адаптивным, и полностью создан с использованием HTML5.

История

Ну и в заключение – небольшая подборка, отражающая эволюцию дизайна блога:

А что вы думаете о новом дизайне? Если заметили какие-то проблемы – пишите, мне важно ваше мнение.




30 комментариев к “Обновлен дизайн на блоге”

  1. webslicer

    ха-ха-ха 🙂
    …Полдня сижу в интернете, открыты несколько страниц Вашего блога, и тут в статье про пагинацию предлагаете пройти на Главную – посмотреть реализацию. Перехожу…
    А Главная… яркая, немного другая, хоть и похожа на внутренние страницы. Думаю – ничего себе! Пагинация ведь внизу и я не сразу заметила статью про сегодняшнее обновление дизайна.
    Дизайн по-прежнему сдержанный и со вкусом.

    Ответить
    • Ирина

      Я специально меняла дизайн поздно вечером (у меня было 22:30), чтобы у посетителей при переходе на другую страницу не было ошибок и глюков. Однако такой вариант не учла 🙂
      Спасибо за отзыв 🙂

      Ответить
  2. Denys

    Зашел не узнал))) думал не туда попал. Бутстрап всегда был прекрасен.
    З.Ы. по расцветке блог Саши Бобрина нопоминает

    Ответить
  3. Usanych

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

    Ответить
    • Ирина

      Спасибо. Я думаю, что оформление должно помогать доносить содержание, это и есть смысл дизайна.

      Ответить
  4. Кристина

    Мне нравится новый дизайн))) Я тоже недавно прошла через ре-дизайн своего блога, только более коренной, так что понимаю, что это такое)
    Поздравляю!

    Ответить
    • Ирина

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

      Ответить
  5. Вадим

    Дизайн получился отличный, мне нравится 🙂
    Ирина, вопрос возник: в чем принципиальное различие подключения стилей и скриптов обычными и в шаблоне и через wp_enqueue_script/wp_enqueue_style? Второй вариант в последнее время часто вижу.

    Ответить
    • Вадим

      WP потер теги – между style/script и wp_enqueue_script/wp_enqueue_style

      Ответить
      • Ирина

        Второй способ более правильный, так как WordPress позволяет определить порядок загрузки скриптов/стилей, и где нужно производить загрузку, в wp_head или wp_footer. Ну, например, если это скрипт, то его можно поставить в очереди сразу после загрузки jquery. Это также позволяет избежать конфликтов между скриптами.

        Ответить
        • Вадим

          Так можно же в шаблоне темы расставить порядок подключения скриптов и стилей

          Ответить
          • Ирина

            Но в wp_head тоже грузятся скрипты и стили, которые в WP входят по-умолчанию. И если просто расставить, то можно вызвать конфликт. Плюс, в wp_head есть порядок загрузки, а если скрипты грузить просто так, то этот порядок нарушается. У меня, например, один раз поехало верхнее админ-меню как раз из-за этого.

            Ответить
  6. Артур

    Классный дизайн, люблю минимализм. У меня пока стандартный.

    Ответить
    • Ирина

      У меня была тема Atahualpa когда-то давно. Но я не выдержала ее больше двух месяцев, и с тех пор все дизайны и темы для этого блога делаю сама 🙂

      Ответить
  7. Артур

    Очень похож на asbseo.ru

    Ответить
    • Ирина

      Вы уже второй, кто это говорит 🙁 Причем когда я разрабатывала дизайн, то вообще нигде таких цветовых сочетаний не видела. А на abseo не заходила очень давно, еще с тех пор, как там дизайн был в виде “газеты” сделан, и даже не знала, что он там поменялся. Теперь думаю, как с этим жить и что делать.

      Ответить
  8. Юрий

    Здравствуйте, Ирина. Дизайн у Вас получился просто замечательный. Мне все понравилось – стильно так смотрится. А фавикон будет?

    Ответить
  9. Stilant

    По сути, дизайн шикарный, хорошее соотношение красоты и минимализма.

    Ответить
  10. Дамир

    сейчас дизайн отличный…
    не хватает только виджета рубрик и меток, также я бы в сайдбаре блоки (поиск, подписка, посл записи и т.д.) разделил например margin-bottom:10px; чтобы между ними был белый зазор.

    Ответить
    • Ирина

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

      Ответить

Оставить комментарий