Краткое описание
Для добавления слайдера на страницу (например, на хомяк) можно использовать один из двух способов (в зависимости от типа используемого хеадера):
- Если используется встроенный в тему хеадер (созданный разработчиком в виде отдельного .php-файла), то нужно добавить в панель Header Widgets один виджет “Widget Slider”, настроить его параметры, указав тип слайдера – встроенный (на базе Swiper) или Revolution Slider и прочие необходимые настройки, зависящие от типа слайдера. Затем в параметрах нужной страницы (хомяка) в панели Theme Options (обычно внизу, под контентом страницы) на вкладке “Header” в поле “Header Widgets” выбрать одноименный набор виджетов. Если нужно – в следующих полях настроить параметры этого хеадера – цветовую схему, положение относительно контента страницы (обычное – перед контентом, поверх контента или под контентом) и т.п.
- Если используется кастомный хеадер, созданный в Layouts Builder, то слайдер можно добавить в него с помощью шорткода “Widget Slider”. Настройки аналогичны одноименному виджету. В таком случае на самой странице достаточно просто выбрать этот хеадер и никаких дополнительных настроек делать не надо.
Если нужно расположить хеадер “поверх” слайдера (на прозрачном фоне), то в настройках страницы можно указать положение хеадера в поле “Header position” равным “Over”, а сам слайдер разместить в начале контента страницы.
Ниже представлены варианты слайдеров для хомяков. Все они выполнены на базе Revolution Slider. Официальная демо-страница: Revolution Slider Examples
Simple Sliders
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_oldschool.jpg)
Old School
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_news.jpg)
News
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_highlight.jpg)
Highlight
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_not_generic.jpg)
Not Generic
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_fancy_text.jpg)
Fancy Text
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_media.jpg)
Media
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_travel.jpg)
Travel
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_content_zoom.jpg)
Content Zoom
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_scroll_effect.jpg)
Scroll Effect
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_concept.jpg)
Concept
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_true_fullscreen.jpg)
True Fullscreen
Frontpage
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_web_product.jpg)
Web Product
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_gym.jpg)
Gym
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_fashion.jpg)
Fashion
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_photography.jpg)
Photography
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_restaurant_bar.jpg)
Restaurant / Bar
Carousel
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_classic.jpg)
Classic
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_showcase.jpg)
Showcase
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_media.jpg)
Media Autoplay
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_highlight.jpg)
Highlight
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_photography.jpg)
Photography
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_instagram.jpg)
Instagram Feed
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_food.jpg)
Food
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_carousel_team.jpg)
Team Hover
Feeds
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_facebook.jpg)
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_twitter.jpg)
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_vimeo.jpg)
Vimeo
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_youtube.jpg)
Youtube
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_flickr.jpg)
Flickr
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_instagram.jpg)
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_wp_posts.jpg)
WordPress Posts
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_feeds_woocommerce.jpg)
WooCommerce Products
Hero
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_news.jpg)
News Collection
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_newsletter.jpg)
Newsletter
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_search.jpg)
Search Form
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_image.jpg)
Images Only
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_rotating_words.jpg)
Rotating Words
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_web_product_light.jpg)
Web Product Light
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_web_product_dark.jpg)
Web Product Light
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_agency.jpg)
Agency Website Header
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_hero_restaurant.jpg)
Restaurant Header
3D
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_3d_wow_factor.jpg)
Wow Factor
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_3d_parallax.jpg)
Parallax Scene
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_3d_creative_freedom.jpg)
Creative Freedom
![](https://trex3.themerex.net/wp-content/uploads/2016/12/sliders_3d_web_product.jpg)