Сегодня мы познакомимся со слайдером картинок под названием MetaSlider.
Этот слайдер имеет большие возможности и преимущества.
Этот слайдер имеет большие возможности и преимущества.
Во первых при помощи слайдера картинок можно оформить шапку Вашего сайта либо рекламные места. В случае если слайдер картинок будет использоваться под ротацию баннеров, то слайдер имеет возможность установить произвольный размер области ротации.
Во вторых мне очень понравилась простота использования слайдера, намного проще, чем его предшественник.
Давайте перейдем непосредственно к инструкции по установке слайдера картинок на wordpress.
Скачиваем версию МetaSlider 3.3.7 которая совместима до Вордпресс версии 4.5.2 и обновлялась 2 недели назад в папку ПЛАГИНЫ.
Установка плагина из файла: ml-slider.3.3.7.zip:
Загружаем его в админ панели и активируем.
Закачиваем плагин на хостинг:
Закачиваем плагин на хостинг:
Переходим в панель хостинга crr. webhost1 и закачиваем этот плагин в wp-content/plugins/
закачиваем из папки ПЛАГИНЫ, затем распаковываем архив и удаляем папку zip
Характеристики слайдера:
закачиваем из папки ПЛАГИНЫ, затем распаковываем архив и удаляем папку 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.
Всё! Смотрите на здоровье.
создайте ваше первое слайдшоу.
Выбираем Flex slider из 4- х возможных
В правой колонке устанавливаем параметры: ширина 250 px и высота 300 px
Эффект - скольжение., дизайн - по умолчанию.
Стрелочки - галочка, навигация - точка.
копируем шорт код : [metaslider id=736]
Предварительно подготовим и вставим в слайдер 8 картинок, каждую картинку обозначим уникальным номером, например 1sl1, сделаем на каждую картинку ссылку на какую-либо статью с открытием в новом окне, и нажмём СОХРАНИТЬ. Перед этим можно нажать просмотр. Если какой -то слайд не нравится, его можно удалить из библиотеки, а поставить другой, присвоив ему номер удалённой картинки.
Затем идем в виджеты и в текстовом виджете вставим шорт код. Поскольку слайдер лучше поставить сверху, то ему даём №1.
Всё! Смотрите на здоровье.
Вот как я сделала в тексте:
Нажимаем на просмотр, делаем исправления – СОХРАНИТЬ
ВСТАВЛЯЕМ ШОРТКОД В СТАТЬЮ В РЕЖИМЕ ТЕКСТ.
Предварительно создадим папку с картинками ДЛЯ СЛАЙДЕРА
Все картинки пропустим через Панду и назовём 2sl1 2sl2…
удалим картинки с прежним названием
В левой колонке выделяем Meta Slider
Добавить новое слайд шоу
В правой колонке заполняем параметры
Название Новый Слайдер
Ширина 600
Все картинки пропустим через Панду и назовём 2sl1 2sl2…
удалим картинки с прежним названием
В левой колонке выделяем Meta Slider
Добавить новое слайд шоу
В правой колонке заполняем параметры
Название Новый Слайдер
Ширина 600
Высота 400
Мои картинки размеры
2sl1 579*477
Мои картинки размеры
2sl1 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
Нажимаем добавить слайд
Открывается вкладка ЗАГРУЗИТЬ ФАЙЛЫ – загружаем и нажимаем кнопку ДОБАВИТЬ В СЛАЙДЕР
C помощью программы Power Point подогнала размеры всех картинок 600*400
Нажимаем добавить слайд
Открывается вкладка ЗАГРУЗИТЬ ФАЙЛЫ – загружаем и нажимаем кнопку ДОБАВИТЬ В СЛАЙДЕР
Так добавляем
по одному все наши 10 слайдов
Делаем ссылку http://putikzdorovju.ru/nik-vuychich-i-ego-semya/2sl10 отдельно на каждый слайд
Делаем описание Ник Вуйчич и его семья-2sl1 и т.д. – НЕ НАДО, ЭТО ОТРАЗИТСЯ ПОД КАРТИНКОЙ
Копируем шорткод
Делаем ссылку http://putikzdorovju.ru/nik-vuychich-i-ego-semya/2sl10 отдельно на каждый слайд
Делаем описание Ник Вуйчич и его семья-2sl1 и т.д. – НЕ НАДО, ЭТО ОТРАЗИТСЯ ПОД КАРТИНКОЙ
Копируем шорткод
[metaslider id=762]
Нажимаем на просмотр, делаем исправления – СОХРАНИТЬ
ВСТАВЛЯЕМ ШОРТКОД В СТАТЬЮ В РЕЖИМЕ ТЕКСТ.
Комментариев нет:
Отправить комментарий