Бесплатно
Twenty Twenty

Автор: the WordPress team
Начало работы

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

На экране ноутбука с разрешением 1440 пикселей ширина основного столбца достигает 580 пикселей. Ширина «широкого» блока достигает 1200 пикселей, а ширина «полного» блока расширяет всю ширину экрана.

Полная поддержка редактора блоков

Редактор блоков в Twenty Twenty

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

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

  1. Откройте раздел Мой сайт → Настроить и нажмите Свойства сайта.
  2. Нажмите кнопку Добавить логотип, чтобы открыть раздел управления медиафайлами.
  3. Загрузите новое изображение или выберите существующее из библиотеки медиафайлов.
  4. Нажмите Установить в качестве логотипа, и логотип появится в предварительном просмотре.
  5. Нажмите кнопку Опубликовать сверху, чтобы сохранить изменения.

Twenty Twenty делает ваши избранные изображения более заметными в сообщениях и на страницах:


Рекомендуемый размер желаемого изображения — 1980px в ширину и 1485px в высоту.

Настраиваемые цвета

Twenty Twenty включает в себя три цветовых настройки, с помощью которых легко придать индивидуальность вашему сайту. Чтобы изменить настройки цвета, перейдите: Конфигуратор → Цвета.

Настройки цвета, включенные в Twenty Twenty:

  • Цвет фона (по умолчанию светло-бежевый)
  • Цвет фона верхнего и нижнего колонтитула (по умолчанию белый)
  • Основной цвет (по умолчанию розовый)

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

Шаблон обложки

Twenty Twenty содеожит шаблон страницы под названием «Шаблон обложки», который отображает заголовок сообщения или страницы поверх избранного изображения.

Шаблон обложки в Twenty Twenty

Чтобы настроить в сообщении или странице использование шаблона обложки, войдете в режим редактирования, выберите вкладку «Документ» на правой боковой панели, разверните вкладку «Атрибуты публикации/страницы» и выберите «Шаблон обложки» из выпадающего списка «Шаблон».

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

Виджеты

Twenty Twenty включает две области виджетов под содержимым сайта в нижнем колонтитуле. Максимальная ширина столбца: 570 пикселей.

На экранах шириной более 700 пикселей эти виджеты автоматически отображаются в двух столбцах.

Добавление значков социальных сетей

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

Для этого нужно создать Меню ссылок на социальные сети.

Затем укажите вашему сайту, куда поместить это меню:

  1. Откройте Настроить → Меню.
  2. Выберите панель Область для меню.
  3. Прикрепите созданное меню к Расположению социальных ссылок.
  4. Нажмите кнопку Опубликовать сверху, чтобы сохранить изменения.

Twenty Twenty’sМеню социальных значков включает в себя следующие значки:

  • Behance
  • Codepen
  • DeviantArt
  • DockerHub
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Meanpath
  • Medium
  • Pinterest
  • Periscope
  • Pocket
  • Reddit
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine
  • ВКонтакте
  • WordPress
  • Yelp
  • YouTube

Краткие технические характеристики (все размеры указаны в пикселях):

  1. На экране ноутбука с разрешением 1440 пикселей ширина основного столбца достигает 1032 пикселей при разметке в один столбец.
  2. Есть одна область для виджетов в подвале с шириной столбца в 1032 пикселей.
  3. Рекомендуемый размер избранного изображения — 2000 пикселей в ширину и 1200 пикселей в высоту.

Эту тему можно скачать и использовать при автономной установке WordPress.

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