Огромный сборник статей от WPTec для начинающих

Новости

Avant-Garde — тема экспериментального блока с хорошо продуманными паттернами

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

Брайан Гарднер не новичок в этом. Его последняя тема, Avant-Garde , использует сильные стороны блочной системы, не заставляя ее делать то, на что она еще не способна. Не помешает и то, что Гарднер в своих проектах склоняется к минимализму. Простота блочной системы также играет на руку его сильным сторонам.

Скриншот домашней страницы темы WordPress с логотипом, заголовком и меню в заголовке. У него есть большой вводной раздел со словами «Чикаго, инновационный дизайн WordPress».
Чтение кода и просмотр элементов дизайна Avant-Garde почти похоже на мастер-класс по разработке блочной темы. Если не считать опечатки, в которой в цветовой палитре неправильно написано «Primary» (исправлено в версии 1.0.2), похоже, все сделано правильно. Он соперничает за мою желанную любимую тему премии 2022 года, но до конца года осталось почти целых 10 месяцев. Многое может случиться за это время. Однако Avant-Garde поднимает планку для тех, кто следует за ним.

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

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

Я знаю, что это будет звучать как заезженная пластинка, но именно поэтому мне нравится пользоваться редактором сайта. Если я найду тему, которая охватывает 80% того, что я хочу, я могу настроить ее. Даже будучи дизайнером и разработчиком, с классическими темами это часто доставляло больше проблем, чем того стоило. У каждого разработчика темы была собственная система дизайна, которую нужно было выяснить. Блоки всегда соответствуют одному и тому же стандарту. Перемещение столбца сюда или добавление заголовка поста туда просто вызывает меньше головной боли.

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

В чем Avant-Garde делает все правильно, так это в своих шаблонах. Всего в него входит 14 элементов, один из которых представляет собой дизайн домашней страницы из демоверсии . Пользователям не нужно собирать его по кусочкам; просто вставьте и настройте. Это основная причина, по которой в прошлом я призывал к отдельной функции полностраничного шаблона .

Мой любимый блочный шаблон в этой теме предназначен для создания портфолио.

Это просто заголовок, абзац и сетка блоков изображения три на три. Кажется, что каждый должен быть в состоянии создать что-то, но простая элегантность в сочетании с интервалами между точками иногда сложнее, чем кажется.

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

Avant-Garde включает в себя несколько альтернативных шаблонов запросов для сетки и список записей в один столбец для тех, кто предпочитает что-то другое.

Я редко указываю на дизайн нижнего колонтитула как на положительный атрибут темы. Слишком часто этот раздел прикрепляется так, как будто он вообще не имел права быть там. Однако у Avant-Garde есть не один, а два нижних колонтитула, которые говорят: «Эй, я привлек твое внимание?»

Первый — это вариант по умолчанию, который включает текст «Дизайн смело». крупным шрифтом.

Альтернативой является удобный для бизнеса полноэкранный ввод для посетителей, чтобы связаться с владельцем сайта.

У Avant-Garde есть короткий шаблон для отображения текста об авторских правах и ссылок для тех, кто предпочитает нижний колонтитул, привлекающий меньше внимания.

Тема не включает в себя множество пользовательских стилей блоков. Некоторые параметры кнопки типа заливки и контура могут быть заменены, если ядро ​​​​поддерживает границы блока. Стиль «без полей» для абзацев обрабатывает отсутствующую функцию WordPress.

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

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

Рекомендуем прочитать
Новости

Gutenberg 15.5 представляет экспериментальную поддержку разметки сетки

Новости

Мобильные приложения WordPress получают новый форум поддержки

Новости

Плагин Preferred Languages ​​Feature нуждается в тестировании

Новости

В ACF 6.1 добавлена ​​поддержка регистрации пользовательских типов записей и таксономий

Подпишитесь на рассылку
и будьте в курсе новостей Wordpress

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *