Настройки блока Hero в теме SmartTheme

Настройки блока Hero в теме SmartTheme

Блок Hero в теме SmartTheme отображается после главного меню под шапкой сайта. Это прекрасная возможность красиво оформить свой сайт и уникализировать его.

Настройки блока Hero в теме SmartTheme

Блок Hero можно настроить для:

  • главной страницы сайта
  • отдельных записей
  • отдельных страниц

Блок Hero может содержать:

  • произвольный текст с кнопкой, которая ведет на определенную страницу
  • последняя запись на сайте
  • последняя запись из определенной категории
  • последняя запись по тегу
  • последняя добавленная прикрепленная запись

Но, блок Hero нельзя настроить через настройки сайта для страниц магазина, категорий, страницы с результатами поиска, страницы Ошибка 404.

Разработчики обещают это исправить в следующих версиях темы SmartTheme.

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

Добавление одинакового фонового изображения для Hero всех категорий блога

rgba(0,0,0,0.5) — наложение на фоновое изображение цвета с определенным уровнем прозрачности (темный цвет).

https://yoursite.com/wp-content/uploads/2017/07/image-name.jpg — полный путь к изображению. Замените на свое изображение.

fixed — фоновое изображение не будет прокручиваться
no-repeat — не будет повторяться
cover — vасштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока

Добавление фонового изображения для Hero определенной категории блога

Название класса .category-another-testing-category включает в себя ярлык категории (slug). Его нужно заменить на свой.

Например, если у вас ярлык категории funny-cat-tricks, то класс будет таким: .category-funny-cat-tricks

Добавление фонового изображения для Hero страницы с результатами поиска

Высота блока Hero страницы с результатами поиска

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

Добавление фонового изображения для Hero страницы 404

Добавление фонового изображения для Hero всех страниц, категорий и товаров магазина WooCommerce

Высота блока Hero всех страниц, категорий и товаров магазина WooCommerce

Рейтинг 0/5 (0 голосов)
 

Другие интересные публикации

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

avatar