Как создать заголовки с блоком обложки в WordPress?

Прошло несколько лет после того, как редактор блоков Gutenberg заменил классический редактор WordPress. Многие пользователи по-прежнему не хотят использовать Gutenberg из-за изменения рабочего процесса публикации контента. Однако у Гутенберга есть много блоков, которые можно использовать для создания красивых макетов, не полагаясь на плагины компоновщика страниц. Обложка – один из таких блоков, который меньше всего используется и понимается пользователями. В этой статье мы объясним, как создать заголовок с блоком обложки на сайте WordPress. Мы надеемся, что после прочтения этой статьи вы начнете использовать блок обложки в редакторе Гутенберга.



Что такое Cover Block?

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

Как использовать блок крышки?

Есть два способа использовать блоки обложки для создания разделов:

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

Давайте подробно объясним оба варианта.

Блок обложки с изображением

Сначала щелкните значок + в области содержимого и добавьте блок «Обложка».

Блок обложки в WordPress

Он будет выглядеть просто с возможностью загрузки или выбора изображения вместе со списком цветных кнопок.

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

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

Заголовок для вашего заголовка

Краткое описание блока обложки для пояснения некоторых деталей …

Выберите блок, чтобы просмотреть всплывающую панель инструментов.

Блок крышки с другими элементами
Блок крышки с другими элементами

Вы можете щелкнуть значок «Изменить положение содержимого», чтобы настроить выравнивание содержимого по горизонтали и вертикали.

Изменить позицию содержимого
Изменить позицию содержимого

Точно так же вы можете щелкнуть значок «Изменить выравнивание», чтобы выбрать полную или широкую ширину для вашего заголовка.

Изменить выравнивание блока
Изменить выравнивание блока

Блок крышки с цветом

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

Это прикрытие

Вы можете просто использовать сплошной или градиентный цвет в качестве фона блока.

Настройка блока обложки

Вы можете настроить каждый блок, который вы добавляете в блок обложки. Например, вы можете изменить цвет и размер блоков заголовка и абзаца в соответствии с фоном. Кроме того, блок обложки как таковой имеет следующие настройки для настройки внешнего вида.

  • Настройки медиа
  • Габаритные размеры
  • Оверлей
  • Продвинутый
Настройки блока крышки
Настройки блока крышки

Изучите WordPress: Просмотрите более 300 бесплатных руководств по WordPress.

Настройки медиа

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

Настройки медиа
Настройки медиа

Вы можете просто нажать на кнопку «Очистить медиа», чтобы удалить изображение и сохранить только настройки фона.

Габаритные размеры

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

Настройки размеров
Настройки размеров

Оверлей

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

Наложение сплошных цветов
Наложение сплошных цветов
Наложение цветов градиента
Наложение цветов градиента

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

Похожие записи

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

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