среда, 8 июня 2016 г.

Слайдер для картинок WORDPRESS

Сегодня мы познакомимся со слайдером картинок под названием MetaSlider.
Этот слайдер имеет большие возможности и преимущества.

Во первых при помощи слайдера картинок можно оформить шапку Вашего сайта либо рекламные места. В случае если слайдер картинок будет использоваться под ротацию баннеров, то слайдер имеет возможность установить произвольный размер области ротации.
Во вторых мне очень понравилась простота использования слайдера, намного проще, чем его предшественник.
Давайте перейдем непосредственно к инструкции по установке слайдера картинок на wordpress.
Скачиваем версию МetaSlider 3.3.7  которая совместима до Вордпресс версии 4.5.2 и обновлялась 2 недели назад в папку ПЛАГИНЫ. 

Установка плагина из файла: ml-slider.3.3.7.zip:

Загружаем его в админ панели и активируем.
Закачиваем плагин на хостинг:
Переходим в панель хостинга crr. webhost1 и закачиваем этот плагин в wp-content/plugins/
закачиваем из папки ПЛАГИНЫ, затем распаковываем архив и удаляем папку  zip
Характеристики слайдера:
Плагин Время загрузки : 0.009s / посещение
MySQL запросов : 1
Один из самых популярных плагинов WordPress, с Meta Slider вы быстро создадите слайд-шоу. Это можно сделать, выбрав изображения из вашей библиотеки мультимедиа, настроить подписи слайда, ссылки и SEO теги.
Вы можете добавить его в записи и страницы, а также использовать шорт-код или код слайдера для внедрения слайд-шоу где угодно. Meta Slider - один из наиболее часто используемых бесплатных плагинов для слайдера, его описание переведено на 16 языков.
Обзор лучших 10  плагинов - слайдеров дан ЗДЕСЬ
В левой черной колонке консоли выбираем ПЛАГИНЫ - ИНСТРУМЕНТЫ- МЕТАСЛАЙДЕР
Поступает предложение
создайте ваше первое слайдшоу.
Выбираем Flex slider из 4- х возможных

В правой колонке устанавливаем параметры: ширина 250 px и высота 300 px
Эффект  - скольжение., дизайн - по умолчанию.
Стрелочки - галочка, навигация  - точка.
копируем шорт код : [metaslider id=736]
Предварительно подготовим и вставим в слайдер 8 картинок,  каждую картинку обозначим уникальным номером, например 1sl1, сделаем на каждую картинку ссылку на какую-либо статью с открытием в новом окне, и нажмём СОХРАНИТЬ. Перед этим можно нажать просмотр. Если какой -то слайд не нравится, его можно удалить из библиотеки, а поставить другой, присвоив ему номер удалённой картинки.

Затем идем в виджеты и в текстовом виджете вставим шорт код. Поскольку слайдер лучше поставить сверху, то ему даём №1.
Всё! Смотрите на здоровье.
Вот как я сделала в тексте:
Предварительно создадим папку с картинками ДЛЯ СЛАЙДЕРА
Все картинки пропустим через Панду и назовём 2
sl1 2sl2…
удалим картинки с прежним названием
В левой колонке выделяем
Meta Slider
Добавить новое слайд шоу
В правой колонке заполняем параметры
Название Новый Слайдер
Ширина 600
Высота 400
Мои картинки размеры
2
sl1 579*477
2sl2 621*412
2sl3  644*476
2sl4    611*496
2sl5   534*417
2sl6   621*473
2sl7    588*456
2sl8   637*456
2sl9    515*483
2sl10    507*447
C помощью программы Power Point подогнала размеры всех картинок  600*400
Нажимаем  добавить слайд
Открывается вкладка ЗАГРУЗИТЬ ФАЙЛЫ – загружаем и       нажимаем кнопку ДОБАВИТЬ В СЛАЙДЕР
Так добавляем по одному все наши 10 слайдов
Делаем ссылку http://putikzdorovju.ru/nik-vuychich-i-ego-semya/2sl10 отдельно на каждый слайд
Делаем описание Ник Вуйчич и его семья-2
sl1 и т.д. – НЕ НАДО, ЭТО ОТРАЗИТСЯ ПОД КАРТИНКОЙ
Копируем шорткод

[metaslider id=762]

Нажимаем на просмотр, делаем исправления – СОХРАНИТЬ
ВСТАВЛЯЕМ ШОРТКОД В СТАТЬЮ В РЕЖИМЕ ТЕКСТ.





Комментариев нет:

Отправить комментарий