Обзор темы Twenty Twenty Four: все особенности, все факты

Опубликовано: 2023-12-05

Снова настало то время года, когда нам представлена ​​новая тема WordPress по умолчанию, в которую мы все вместе впиваем зубы. Twenty Twenty-Four уже вышла и предлагает новые функции, возможности настройки и детали, достойные тщательного обзора темы.

В этом посте мы рассмотрим все, что может предложить новая тема по умолчанию. Мы рассмотрим, что нового и что перенесено из Twenty Twenty-Three, а также плюсы и минусы темы. Таким образом, вы сможете решить, подходит ли это для настоящего или будущего проекта веб-сайта.

Концепция и философия дизайна

обзор темы двадцать двадцать четыре

Twenty Twenty-Four поставляется с WordPress 6.4 и знаменует собой значительный сдвиг в концептуализации тем WordPress. Он стремится быть универсально адаптируемым и подходящим для любого типа сайта и темы. Для этого он предлагает не единую связную тему, а большую коллекцию шаблонов дизайна и эстетики, которые вы можете комбинировать в соответствии с вашими потребностями.

Отход от прошлых тем WordPress по умолчанию

В прошлом темы WordPress по умолчанию часто имели более нишевый или узконаправленный дизайн. Например, в Twenty Nineteen основное внимание уделялось типографике, и эта тема работала как для ведения блога, так и в качестве шаблона для статического бизнес-сайта.

Двадцать девятнадцать тематический дизайн

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

интерфейс темы двадцать двадцать

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

двадцать двадцать одна цветовая палитра

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

Двадцать двадцать четыре имеют более широкую сферу применения

С другой стороны, Twenty Twenty-Four подходит для более широкого спектра вариантов использования. Он конкретно ориентирован на три ключевые группы пользователей: предпринимателей и владельцев малого бизнеса, фотографов и художников, а также писателей и блоггеров. Этот трехфокусный подход включает в себя шаблоны и шаблоны, которые достаточно универсальны, чтобы удовлетворить различные профессиональные и личные потребности веб-сайта.

двадцать двадцать четыре варианта использования темы

Сравнение Twenty Twenty-Four с его прямым предшественником Twenty Twenty-Three показывает явную эволюцию философии дизайна. В то время как Twenty Twenty-Three был минимальной версией Twenty Twenty-Two, ориентированной в основном на вариации стилей, представленные сообществом, Twenty Twenty-Four уделяет внимание новейшим особенностям дизайна WordPress.

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

Возможности настройки и гибкость

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

По умолчанию

Двадцать двадцать четыре Обзор стиля по умолчанию

Стиль Twenty Twenty-Four по умолчанию представлен в светлой цветовой гамме с не совсем белым фоном, темно-серыми акцентами и простой элегантностью. Он использует два семейства шрифтов: Cardo для заголовков и Inter для основного текста. В качестве опций он также предлагает десять цветов, двенадцать градиентов и пять дуотонов.

Цветовая палитра и параметры двадцать двадцать четыре по умолчанию

Эмбер

вариация стиля уголь

Вариант Ember представляет собой свежий и динамичный внешний вид новой темы по умолчанию. Он добавляет к изображениям ярко-оранжевое наложение и переключается на шрифты Jost и Instrument Sans (оба без засечек), используя при этом успокаивающие цвета фона, чтобы компенсировать яркие цветовые всплески.

Ископаемое

окаменелость вариации стиля

Далее у нас есть Fossil. Он переворачивает исходную типографику с ног на голову, используя шрифт с засечками для основного текста и шрифт без засечек для заголовков. Что касается цвета, он имеет землистые оттенки (предлагает пять различных) и использует закругленные кнопки для более органичного внешнего вида. Я считаю это отличным вариантом для веб-сайта, посвященного здоровью.

Лед

обзор ледовой вариации стиля двадцать двадцать четыре

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

Водоворот

Двадцать двадцать четыре вариации стиля темы водоворот

Maelstrom революционизирует стиль по умолчанию благодаря множеству улучшений. Используя сине-белую цветовую палитру, он имеет тот же подход к типографике, что и вариант Fossil. Единственная разница: для основного текста используется Jost. В результате дизайн выглядит возвышенно, но современно.

Мятный

вариация стиля мятный

Стиль Mint привносит свежесть, внося изменения в цветовую палитру и семейства шрифтов. Он демонстрирует Instrument Sans для заголовков и Jost для основного текста. В результате создается особая и современная визуальная эстетика, которая отличает его от других вариантов. Это также заставляет вас жаждать мороженого с мятной крошкой.

Оникс

стильный вариант оникса

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

Ржавчина

двадцать двадцать четыре варианта стиля темы ржавчина

Наконец, вариант стиля Rust добавляет песочную цветовую схему всего из трех оттенков, сохраняя при этом оригинальный дизайн. Это отличный вариант темы, позволяющий добавить более живую раскраску, сохраняя при этом сдержанный характер Twenty Twenty-Four.

Двадцать двадцать четыре: доступные шаблоны страниц

Обзор шаблонов двадцать двадцать четыре страницы

Twenty Twenty-Four оснащен полным набором встроенных шаблонов страниц, каждый из которых предназначен для удовлетворения различных аспектов дизайна и функциональности веб-сайта. Эти шаблоны:

  1. Одиночные публикации — стандартный шаблон для отдельных публикаций в блоге.
  2. Страница с боковой панелью — аналогична шаблону «Одно сообщение», но включает боковую панель, предлагающую дополнительное место для виджетов или дополнительной информации.
  3. Результаты поиска . Этот шаблон отвечает за отображение искомого контента.
  4. Страницы — базовый шаблон для стандартных страниц.
  5. Страница с боковой панелью — вариант шаблона страницы, включающий боковую панель.
  6. Страница с широким изображением . Этот шаблон предлагает более широкое изображение вверху с заголовком и содержимым в двух столбцах ниже.
  7. Страница без заголовка — макет страницы без заголовка, обеспечивающий более понятный вид для определенных типов контента.
  8. Индекс — шаблон по умолчанию для домашней страницы или основного блога. Он также действует как резервный шаблон для всех страниц в соответствии с иерархией шаблонов.
  9. Домашняя страница . Этот шаблон, специально разработанный для домашней страницы, можно настроить, чтобы создать уникальное первое впечатление. Это также образец домашней страницы, который вы видели в обзоре темы Twenty Twenty-Four.
  10. Архив . Этот шаблон аккуратно организует и отображает контент на всех страницах архива, например, по категориям и тегам.
  11. Страница: 404 — шаблон страницы ошибки 404, позволяющий использовать индивидуальный дизайн вместо общего сообщения об ошибке.

Выкройки и части шаблонов

Одной из особенностей Twenty Twenty-Four является коллекция из почти 40 шаблонов дизайна, которые вы можете найти в разделе «Шаблоны» в Редакторе сайта. Это заранее разработанные блоки, которые вы можете легко настроить для создания страниц или сообщений без необходимости делать это с нуля.

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

двадцать двадцать четыре шаблона секций

Кроме того, тема также включает восемь полноценных шаблонов страниц. Они варьируются от шаблона «Дом для бизнеса» , который отображается на домашней странице Twenty Twenty-Four по умолчанию, с обзором проекта, до страницы «О компании» и многого другого.

Двадцать двадцать четыре шаблона тематических страниц

Помимо этих шаблонов, Twenty Twenty-Four также включает в себя шаблонные части, однако их немного. Существует ровно один заголовок и две общие части шаблона. Официально для футера также существует только один дизайн, однако среди шаблонов можно найти три дополнительных дизайна футера.

шаблоны блоков нижнего колонтитула

Тем не менее, благодаря этим шаблонам, частям шаблонов и узорам Twenty Twenty-Four упрощает рабочий процесс редактирования. Тема позволяет вам создавать целые веб-сайты с минимальной настройкой, если вы этого хотите, благодаря широкому набору шаблонов и гибкости, предлагаемой ее шаблонами и частями.

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

Типографика и эстетика

Как мы видели ранее в вариантах стиля, тема Twenty Twenty-Four любит много играть с типографикой. Одним из центральных элементов здесь, отвечающим за изысканный вид стиля по умолчанию, является шрифт Cardo. Это шрифт с засечками в старом стиле, который добавляет немного изысканности внешнему виду сайта.

Кардо дизайн шрифта

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

Для текста абзаца стиль Twenty Twenty-Four по умолчанию использует шрифт Inter, что обеспечивает чистоту и легкость чтения текста. Этот выбор повышает общую читабельность веб-сайта, делая контент более доступным и привлекательным для посетителей. Inter дополняет элегантность Cardo, сочетая изысканность с практичностью и создавая современный и удобный интерфейс.

Inter-шрифт в редакторе WordPress

Помимо этих двух шрифтов, Twenty Twenty-Four также включает семейства шрифтов Jost и Instrument Sans в некоторых вариациях стиля. Эти шрифты также позволяют вам выбрать типографику, которая лучше всего соответствует индивидуальности вашего сайта и целям дизайна. Кроме того, вы также можете выбрать системный шрифт без засечек и с засечками.

двадцать двадцать четыре варианта шрифта

В целом цветовая палитра Twenty Twenty-Four по умолчанию светлая и предлагает свежий и привлекательный внешний вид прямо из коробки. Эта светлая палитра повышает визуальную привлекательность объекта, создавая гостеприимную и современную атмосферу.

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

Проблемы и ограничения

Как видно из этого обзора, тема Twenty Twenty-Four предлагает множество впечатляющих функций и возможностей. Тем не менее, важно признать, что ни одна тема не лишена проблем и ограничений. Вот некоторые ключевые аспекты, которые следует учитывать:

  • Сравнительная сложность — Twenty Twenty-Four, со всеми настраиваемыми опциями и расширенными функциями, может представлять собой более крутую кривую обучения по сравнению с его предшественниками. Это может быть особенно сложно для новичков в WordPress или тех, кто привык к более простым темам.
  • Баланс между гибкостью и простотой . Гибкость темы, хотя и является сильной стороной, может также создать проблемы для некоторых. Имея больше возможностей выбора, некоторым людям может потребоваться больше времени для настройки своего сайта именно так, как они хотят, или просто не так очевидно, как действовать дальше. Это тот случай, когда вариантов слишком много.
  • Многофункциональность и скорость . Хотя тема предлагает ряд функций и возможностей настройки, они потенциально могут повлиять на скорость загрузки сайта и общую производительность. Это особенно актуально для тех, кто не очень хорошо разбирается в оптимизации скорости сайта наряду с многофункциональным дизайном.
  • Универсальный подход . Хотя тема призвана быть многоцелевой и адаптируемой к различным нишам, она может не отвечать конкретным потребностям или предпочтениям всех пользователей. Некоторым нишевым веб-сайтам могут потребоваться более специализированные темы, чтобы эффективно передать свой уникальный бренд или послание.

Производительность и оптимизация

При оценке темы WordPress производительность является решающим фактором. Тема, которая выглядит великолепно, но медленно загружается или снижает эффективность сайта, может негативно повлиять на пользовательский опыт и рейтинг SEO.

С формированием команды Core Performance проект WordPress недавно вновь подчеркнул важность того, чтобы скорость загрузки была приоритетной функцией. Это также учитывалось при создании Twenty Twenty-Four. Участники отметили и решили проблемы с производительностью.

Судя по всему, успешно. Быстрый тест производительности на временном веб-сайте не выявил каких-либо явных проблем со скоростью. GTmetrix поставил ему четверку по производительности с удовлетворительным показателем наибольшего отрисовки контента - 1,8 секунды. Для довольно длинной, совершенно неоптимизированной домашней страницы с множеством изображений это приемлемо.

двадцать двадцать четыре результата теста производительности

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

Испытайте тему «Двадцать двадцать четыре»

Завершая наш обзор Twenty Twenty-Four, становится ясно, что эта последняя тема WordPress по умолчанию является смелым шагом вперед. Он предлагает сочетание изысканности и универсальности и по праву выделяется широким спектром возможностей настройки.

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

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

Планируете ли вы сделать собственный обзор Twenty Twenty-Four? Поделитесь своими мыслями и планами по использованию этой новой темы по умолчанию в комментариях ниже!