Вы хотите создать отзывчивый слайдер для своих сайтов WordPress?
Слайдеры обычно используются на первой странице бизнес-сайтов или сайтов-портфолио. Они помогают продемонстрировать аудитории ваши самые продаваемые продукты и актуальный контент.
В этой статье мы покажем вам, как легко добавить слайдер WordPress с помощью Soliloquy, чтобы вы могли добавить быстрые, отзывчивые, красивые слайдеры для вашего сайта.
Почему стоит использовать Soliloquy в качестве слайдера WordPress?
Soliloquy — это отзывчивый плагин слайдера WordPress, богатый функциями, и им довольно легко управлять. Вот некоторые преимущества использования Soliloquy перед другими плагинами:
- Soliloquy следует стандартам кодирования WordPress и лучшим практикам.
- Он использует пользовательский тип поста для работы со слайдерами, что облегчает импорт/экспорт слайдеров с помощью любого решения для резервного копирования WordPress.
- WordPress SEO friendly, так как вы можете добавить alt-текст и подписи к каждому слайду.
- Ajax-сортировка слайдов с помощью перетаскивания делает его очень простым в использовании.
- Отзывчивый слайдер WordPress с поддержкой сенсорного пролистывания для устройств с поддержкой сенсорного ввода, таких как смартфоны и планшеты.
- Дружественный к разработчикам, с отличной документацией и 100+ хуками. При необходимости вы можете легко нанести на него белую метку.
Учитывая это, давайте рассмотрим, как вы можете использовать Soliloquy для создания слайдера WordPress.
Создание слайдера WordPress с помощью Soliloquy
Сначала вам нужно будет зарегистрироваться в Soliloquy, так как это премиум-плагин WordPress.
Далее вам необходимо установить и активировать плагин Soliloquy на вашем сайте. Для получения более подробной информации вы можете прочесть наше руководство о том, как установить плагин WordPress.
После активации вам нужно будет перейти в раздел Солилоквиум » Настройки из своей приборной панели WordPress, а затем введите свой лицензионный ключ. Вы можете легко найти лицензионный ключ в вашей учетной записи на сайте Soliloquy.
После проверки ключа вы можете добавить новый слайдер для своего сайта WordPress. Чтобы добавить новый слайдер, просто перейдите по ссылке Soliloquy » Добавить новый. Вы можете начать с добавления заголовка для слайдера WordPress.
Далее вам нужно будет добавить файлы к вашему слайдеру WordPress. Плагин позволяет перетаскивать файлы или выбирать изображения из медиатеки.
Чтобы добавить видео в качестве слайда, вам нужно загрузить его на YouTube или Vimeo. Загрузка видео непосредственно на ваш сайт — не самая лучшая идея, поскольку это может замедлить работу сайта и занять много места в хранилище.
Как только у вас будет URL-адрес видео, просто нажмите на «Выбрать файлы из других источников» в Soliloquy, а затем вставьте ссылку на видео в раздел «Вставить из URL». Когда вы закончите, нажмите на кнопку «Вставить в слайдер» в правом нижнем углу.
После вставки слайдов вы можете просмотреть их на вкладке «Слайдер».
Далее вы можете перейти на вкладку «Конфигурация» и изменить настройки отображения слайдера. Например, есть возможность изменить тему слайдера, отредактировать размер изображения, размер слайдера, положение слайдера и положение надписи.
Вы также можете включить опции для отображения стрелок слайдера, кнопки паузы/воспроизведения, зацикливания слайдера и т.д. Также есть настройки для редактирования перехода слайдера, регулировки скорости перехода и изменения времени задержки.
После этого вы можете перейти на вкладку «Mobile» и включить опции для создания изображений, специфичных для мобильных устройств, и отображения подписей к изображениям на мобильных устройствах.
Кроме того, вы можете получить доступ к другим настройкам на вкладке «Misc». Soliloquy позволяет добавлять пользовательский CSS для слайдера, импортировать и экспортировать слайдер, редактировать название и slug слайдера и многое другое.
Когда вы будете удовлетворены настройками, вы можете перейти к публикации слайдера, нажав кнопку «Опубликовать».
Добавление слайдера WordPress в посты и страницы
Следующий шаг — вставить этот слайдер в блог WordPress или в ваш магазин электронной коммерции.
Чтобы начать, отредактируйте любой пост или страницу блога. Затем в редакторе контента WordPress просто нажмите кнопку (+) плюс знак для добавления блока Soliloquy.
После этого вы можете выбрать слайдер WordPress из выпадающего меню в блоке Soliloquy.
Теперь опубликуйте пост в блоге или целевую страницу, чтобы увидеть слайдер в действии.
Редактирование и обновление слайдера WordPress с помощью Soliloquy
Самое замечательное в создании слайдера WordPress с помощью Soliloquy то, что вы можете редактировать свой слайдер в любое время, не редактируя пост или страницу, куда вы вставили слайдер.
Просто нажмите на иконку Soliloquy в боковой панели администратора, а затем нажмите на ссылку ‘Edit’ под слайдером, который вы хотите обновить.
Теперь давайте отредактируем слайдер, который вы создали выше. Вы можете добавить название, URL и подписи к отдельным слайдам, просто нажав кнопку редактирования рядом с отдельным слайдом в слайдере.
Вы увидите всплывающее окно, в котором можно ввести название изображения, alt-текст, ссылку на URL-адрес слайда и надпись. Вы также можете использовать HTML в заголовке, если хотите добавить форму подписки на рассылку.
Когда вы добавили информацию, сохраните изображения слайдера. Ваши изменения автоматически отразятся в слайдере, где бы он ни был размещен на вашем сайте.
Добавление слайдера Soliloquy WordPress Slider в виджеты
Soliloquy поставляется с виджетом, который вы можете использовать для добавления слайдера на ваш сайт, например, в боковую панель.
Вы можете добавить слайдер в виджет, перейдя по ссылке Внешний вид » Виджеты Перетащите виджет Soliloquy в любую область вашего сайта.
Далее выберите слайдер WordPress из выпадающего меню и добавьте название. Поскольку слайдеры, созданные с помощью Soliloquy, являются отзывчивыми, они будут автоматически подстраиваться под ширину боковой панели.
Теперь нажмите кнопку «Сохранить» и посетите свой сайт, чтобы увидеть слайдер Soliloquy в области виджета.
Мы надеемся, что эта статья помогла вам узнать, как легко создать отзывчивый слайдер WordPress с помощью Soliloquy. Вы также можете ознакомиться с нашим руководством о том, как выбрать лучшее программное обеспечение для дизайна.
Источник: www.wpbeginner.com