Проектирование слайдера рамки устройства

Первые два параметра стиля — это параметры Slider Navigation Style и Slider Pagination Style. Они доступны вам, если вы решите включить слайдерную навигацию и нумерацию страниц. В нем можно настроить все, от положения и типа навигации и нумерации страниц до цвета и размера.

Связанный: Как увеличить CTR в WordPress

Поскольку мы решили не показывать навигацию и нумерацию страниц, мы можем перейти к разделу «Стиль». Мы уже посещали его, когда создавали фон — здесь мы устанавливаем ширину устройства, чтобы сделать его более управляемым. Два других параметра, включенные сюда, — это «Радиус границы изображения» — для закругления границы изображения — и «Смещение изображения» для увеличения или уменьшения размера изображения относительно кадра.

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

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