Уважаемые посетители, приветствую вас на страницах моего блога start-luck. Сегодня я расскажу как просто, а главное бесплатно поставить красивый слайдер на ваш сайт. Он будет привлекательным элементом дизайна для любой статьи или отличной альтернативой рекламному блоку, с которого вы можете получать прибыль.
С 2013 года всевозможные исследования пророчат слайдерам скорый уход со страниц интернета, но их популярность до сих пор не угасает. Что ни говорите, они «оживляют» портал, привлекают внимание к информации. На них так и хочется нажать. Конечно, если слайдер красив и грамотно составлен, но к этому мы еще вернемся.
Я буду рассказывать про слайдер WordPress. Как привнести в свой сайт что-то привлекательное и интересное быстро, бесплатно и даже не обладая особенными знаниями. Обсудим стоит ли делать его своими руками. А также вы получите несколько полезных советов по наполнению.
Ну что, приступим?
Meta SliderДля начала мне бы хотелось рассказать вам про лучший плагин для сайта на ВордПресс. Редкий случай, когда удается найти что-то ценное и бесплатное одновременно.
Если вы читали мою статью про то, то помните, как я был возмущен некоторыми предложениями. Утилита из той публикации еще и денег стоила.
Ну что ж, давайте я покажу как работать с программой.
УстановкаИтак, подробную статью о том, на WordPress вы можете прочитать в моем блоге. Кратко повторим что делать в конкретной ситуации. Заходим в раздел плагины и выбираем из списка опцию «Добавить новый» в поисковую строчку в правом верхнем углу вбиваем: «Meta Slider» и Enter. Как только страница с нужным приложением открывается, жмем «Установить».
Не забудьте активировать Meta Slider через вкладку «Установленные» или в открывшемся окне после установки.
В результате в панели управления справа должна появиться новая категория. Вы можете купить Pro-версию за 19$ или пользоваться бесплатной, на мой взгляд ее функций вполне хватает, так приобретение совсем не обязательно.
ВозможностиТеперь давайте разберемся как создать и вставить карусель, иногда слайдер называют еще и так. Проходим в приложение по ссылке справа (в панели администратора ВордПресс) и жмем на плюс рядом фразой «Добавить новый».
Вы можете загружать сколько угодно фотографий, но не рекомендую перебарщивать. Слишком много никто просматривать не станет. Оптимальное число колеблется от трех до восьми.
Справа от загруженных картинок находится поле, куда вы можете ввести адрес страницы, на которую будет переходить человек при нажатии на фото. Также вы можете добавить описание, обрезать рисунок и alt к изображениям.
Также у вас есть 4 варианта дизайна. В видео чуть ниже я покажу как выглядит каждый из них.
Pro версия предполагает все варианты эффектов, то есть как один слайд будет сменять другой, для каждого метода отображения. В бесплатной версии возможности ограниченны. Но их все равно предостаточно. Хороший вариант вы найдете.
Помимо 4 основных вариаций дизайна вы можете выбрать еще одну из четырех цветовых схем.
Помимо этого всего, есть еще и дополнительная настройка. Если вы хотите предоставить читателю возможность управления перемоткой, нужно поставить галочку рядом со словом «Стрелки». Навигация также возможна посредством точек. Обязательно давайте читателю возможность самостоятельного управления, особенно если это рекламный блок.
Что касается размеров, то вы можете их поставить. Однако плагин не тупой, он видит максимальные ограничения и автоматически встраивается в дизайн. Если вы устанавливаете его в боковые панели главной страницы, чуть позже я покажу как это сделать, то пропорции изменятся автоматически.
Слайдеры на WordPress сделают ваш сайт удобнее и привлекательнее. Но, чтобы не жертвовать скоростью загрузки - следует добавлять на сайт только хорошо оптимизированные слайдер ы . Также убедитесь, что ваш слайдер и будет правильно отображаться на мобильных устройствах.
Множество WordPress тем содержат встроенные слайдеры, но если у вас его всё ещё нет - рекомендую данный список. Здесь мы собрали лучшие WordPress плагины, которые добавят красивый и быстрый слайдер на ваш сайт.
Meta SliderMeta Slider широко используется для отображения картинок. Чтобы настроить слайдер, просто перетяните в рабочую область необходимые изображения. Встроенные помогут быстро настроить красивое слайдшоу, также плагин предоставляет разные визуальные эффекты.Стоимость: Бесплатно
Стоимость: $19
Стоимость: $18
Стоимость: $18
Стоимость: от $19
Стоимость: $21
Стоимость: Бесплатно (есть версия PRO)
Стоимость: $29
Стоимость: $18
Стоимость: $20
Стоимость: $18
Стоимость: Бесплатно
По просьбам трудящихся написал статью про добавление слайдера в тему WordPress. Статья будет универсальной, т.е. на ее основе можно добавить слайдер в любую тему WP. Разбирать этот вопрос мы будем на примере темы Pinbin. Ссылка на тему и на все файлы из урока будет после статьи.
Это новый формат статей с видео. Особенно важно узнать, что понравилось в видео, а что нет. Своими мнениями делитесь в комментариях под этой статьей.
Внимание! Если вам дороги ваши нервы и время, то закажите сайт проффесионалам. Заказать можно здесь. Тык!
Приятного просмотра!
Если вы не знаете основ JavaScript и не знакомы с библиотекой JQuery, то крайне советую вам почитать информацию в ссылках ниже:
Прежде, чем начинать какое либо дело нужно предварительно ознакомиться с исходными материалами. У нас на руках имеется тема Pinbin. И она адаптивная. А это значит, что подстраивается под различные разрешения экрана. В том, числе и мобильные устройства. Соответственно нам нужен адаптивный слайдер.
Мы конечно будет использовать готовые решения на JQuery.
В качестве слайдера я взял ResponsiveSlides. Он адаптивный и достаточно простой в установке. Ссылку на описание и документацию найдете после статьи. Это все, что нам нужно. Поехали.
Слайдер будем выводить только на главной. Поэтому открываем файл index.php и перед началом вывода постов, т.е. перед строчкой пишем HTML код:
Значение слова неудачный
Обзор Samsung Galaxy A7 (2017): не боится воды и экономии Стоит ли покупать samsung a7
Делаем бэкап прошивки на андроиде
Как настроить файл подкачки?
Установка режима совместимости в Windows