Если вы сегодня просматриваете WP Tavern из своего браузера, вы можете быть немного шокированы. Вещи разные – очень разные. Если вы читаете этот пост по электронной почте или с помощью программы для чтения каналов, перейдите на действующий сайт, чтобы посмотреть.
Добро пожаловать в новый дизайн!
Когда я согласился написать для WP Tavern, некоторые из вас спросили, буду ли я заниматься чем-нибудь, связанным с дизайном и аспектами разработки сайта. Сегодня у тебя есть ответ. Мне было поручено переделать наш устаревший дизайн и сделать что-нибудь свежее.
С того момента, как я вошел в систему и начал заглядывать за занавеску, задача казалась почти невыполнимой. У WP Tavern было около 5000 сообщений за 12 лет. В нем смешанный контент, сочетающийся с плагинами, которые не использовались годами. Честно говоря, я долгое время не понимал, что делают некоторые плагины. Тем не менее, я познакомился с сайтом и его внутренней работой за последние пару месяцев, и новый дизайн сформировался вокруг некоторых из них.
Вместо того, чтобы тратить время на полный пересмотр всего, что крайне необходимо, наша команда решила, что лучший способ действий – создать новую тему и повторить ее.
Первым шагом в процессе проектирования было удаление фона в виде текстуры древесины. У некоторых из наших читателей, вероятно, есть некоторая ностальгия по этому поводу (некоторые из вас, возможно, привыкли к этому за последние 12 лет), но это единственное, от чего мы все согласились отказаться.
Вторым шагом был переход к дизайну без боковой панели. Наша команда в таверне решила, что почти все на боковой панели предыдущего дизайна мало что дает нашим читателям. Это было отвлечение от содержания.
Следующим шагом процесса проектирования было добавление полной совместимости с редактором блоков (Gutenberg). Без боковой панели это откроет нам возможность делать более интересные вещи с медиа и другими элементами в долгосрочной перспективе.
В целом, цель заключалась в том, чтобы сделать процесс чтения более приятным для всех, кто посещает сайт. Я надеюсь, что нам это удалось.
Будущий дизайн сайта
Это версия 1.0 нового дизайна. Значительная часть процесса заключалась в том, чтобы заложить основу, позволяющую легко вносить изменения в будущем.
Есть еще некоторые недостающие элементы, которые скоро будут добавлены заново. В первую очередь сайту нужна форма поиска в шапке / в области навигации. Переделка формы подписки по электронной почте и перемещение ее в другое место занимает одно из первых мест в списке.
Сайт должен загружаться быстрее, чем раньше. Однако в долгосрочной перспективе предстоит еще много работы по очистке плагинов. По мере продолжения итерации загрузка страниц должна быть еще более быстрой.
Я также надеюсь, что мы сможем добавить собственный логотип и другие элементы в стиле таверны, которые сделают сайт более индивидуальным по мере того, как мы продвигаемся в этом непрерывном процессе.
Однако именно здесь вы, зрители WP Tavern, можете присоединиться к разговору. Прежде чем заходить слишком далеко с дополнительными изменениями, важно получить ваш отзыв о том, что вы хотите увидеть в ближайшие дни, недели и месяцы. В конечном итоге цель состоит в том, чтобы предоставить вам новости и информацию о WordPress наилучшим образом.
Отзывы, безусловно, приветствуются. Если отсутствует элемент, который вы хотите вернуть, опубликуйте его в комментариях. Если вы хотите что-то добавить, не стесняйтесь сообщить нам об этом.
Контактная форма также всегда открыта для частной обратной связи или дать нам знать о проблеме с сайтом.
Что под капотом?
Чтобы запустить тему, я повторно использовал тонну кода из моей предыдущей работы, связанной с темой, перед тем, как присоединиться к WP Tavern. Было разумно использовать систему сборки, которую я уже знал сверху вниз, и не изобретать велосипед.
Система CSS – это настроенная и урезанная версия Tailwind CSS . Tailwind – это CSS-фреймворк, ориентированный на служебные программы. На протяжении большей части моей профессиональной карьеры я избегал фреймворков на основе утилит. Тем не менее, Tailwind – это хорошо спроектированная структура с продуманной схемой именования, которая обеспечивает баланс между удобочитаемостью и практичностью. Это один из немногих, который понравился мне. WordPress также использует несколько служебных классов, особенно с редактором блоков. Две системы имели смысл вместе.
Интерфейсный вывод WordPress и некоторые плагины (я смотрю на вас, Jetpack) не позволяют легко использовать подход полного класса утилит. Все остальное решалось в индивидуальном порядке.
Если какие-либо разработчики WordPress хотят узнать больше о технических аспектах, я с радостью отвечу на вопросы.
