Новая тема Twenty Twenty в WordPress 5.3

Несколько недель назад вышла новая версия WordPress. WordPress 5.3 характеризуется, в основном, всеми улучшениями UX и UI, которые он включает в редактор блоков, а также новой темой по умолчанию.

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

Двадцать двадцать с первого взгляда

С каждым новым обновлением WordPress редактор блоков делает качественный скачок вперед (не забывайте, что сам редактор находится в стадии активной разработки и доступен в виде плагина). Конечная цель Gutenberg — стать полноценным и удобным конструктором страниц, который позволяет пользователям создавать и структурировать свои веб-сайты по своему усмотрению.

Задача темы WordPress состоит в том, чтобы добавить индивидуальности структуре и дизайну, созданному пользователем в редакторе блоков. Как определил создатель темы:

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

Андерс Норен

Один интересный факт о новой теме WordPress по умолчанию заключается в том, что, в отличие от своих предшественников, она не была создана с нуля — она основана на теме, которая уже существовала в репозитории WordPress.org: Chaplin .

Еще одна особенность, которая отличает Twenty Twenty, — типографика Inter, разработанная Расмусом Андерссоном. Это бесплатный и открытый шрифт, созданный для облегчения чтения текста, особенно если размер шрифта очень маленький.

Как установить новую тему Twenty Twenty

Как я уже упоминал, эта тема является новой темой по умолчанию в WordPress 5.3. Поэтому, если вы создаете новую установку WordPress и используете ее самую последнюю версию, тема уже будет там.

Но также возможно установить его и в более ранних версиях WordPress . Просто зайдите в Внешний вид » Темы » Добавить новую и найдите тему «Двадцать Двадцать»:

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

Как настроить двадцать двадцать

Тема легко настраивается с помощью встроенного в WordPress настройщика тем. Нажмите « Внешний вид» «Настроить» , и вы увидите все доступные параметры:

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

Пост-появление

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

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

Если вы не используете избранные изображения (или используете их только время от времени), этот вид по умолчанию, вероятно, будет лучшим. Но если вы используете избранные изображения во всех своих сообщениях, я рекомендую вам изменить шаблоны сообщений на Full Width Template :

С этим шаблоном избранное изображение становится еще более актуальным и объединяется с заголовком и метаданными поста. Как видите, изображение полностью займет первый сгиб:

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

Меню

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

• Горизонтальное меню . Это меню показано на всех предыдущих скриншотах. Параметры всегда видны в верхней панели вашего сайта.

• Расширенное меню . Это «скрытое меню». Чтобы открыть его, вам просто нужно щелкнуть значок с многоточием (рядом с предыдущим меню), и расширенное меню выдвинется из правого угла:

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

Это не что-то новое для этой темы (она уже давно доступна во всех темах Twenty-something), но мне все равно она нравится.

Виджеты и поиск

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

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

Резюме

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

Избранное изображение Ankhesenamun 96 на Unsplash.