Плагин TheThe Image Slider для слайдера и слайд-шоу

Plagin  TheThe Image Slider8Дорогие читатели и гости сайта «Тестируем шаблон». Рада нашей новой встрече на блоге.

Сегодня мне хочется рассказать о замечательном плагине, который может создавать на вашем блоге не только слайдер, но и слайд-шоу.

Плагин  TheThe Image Slider следует найти через поисковик плагинов в админ-панели вашего блога, но если не смогли его там обнаружить, то найти и скачать можно по адресу http://wordpress.org/extend/plugins/thethe-image-slider/

Хочу сразу сказать, чтобы сделать слайд-шоу или слайдер с помощью данного плагина, вам не нужно будет заходить в HTML редактор ни сайтбара, ни в редактор стилей. Все делается очень просто и быстро.

После загрузки и активации плагина, у вас в админ-панели появляется дополнительная строчка настроек вот с такими красивыми зеленными буковками. При этом первый подраздел в этих настройках информация о сайте разработчика: об их других плагинах и шаблонах.

Plagin  TheThe Image Slider

Нам же нужна вторая строчка в настройках плагина  и конкретно в верхнем меню раздел «Слайдеры и слайды». После того, как вы нажмете на этой странице синюю кнопочку с надписью «Добавить слайдер» вам откроется вот такая страница с настройками основных параметров слайдера ( настройки слайдера на двух фото ниже: не забывайте, что фото кликабельны для лучшего просмотра ;-) )

Plagin  TheThe Image Slider2

Plagin  TheThe Image Slider3

Давайте рассмотрим по-порядку все функции, которые можем задать нашему слайдеру, только лучше работать в браузере Гугл Хром, чтобы получить автоматический перевод, и кроме того, рядом с каждой функцией, как видно на фото стоит квадратик с вопросительным знаком, а это означает, что подведя к нему мышку, вы получите всплывающее окошко с подсказкой.

Не пугайтесь, что настроек так много. Можно первый сладер сделать пробным, оставить практически все по умолчанию, а потом посмотреть, что получилось…

Первая настройка -название слайдера. Я его не меняла, так как каждый последующий слайдер просто будет пронумерован, а наполнение его можно будет посмотреть, если открыть любой уже готовый слайдер для редактирования.(фото ниже), но это я немного забегая вперед, а мы возвращаемся к настройкам слайдера.

Plagin  TheThe Image Slider9

 Следующие три настройки -это размеры слайдера и скорость перехода ползунка. Можно пока оставить без изменений- посмотрите, что получится первый раз, затем можно будет отредактировать по желанию.

Четвертая, пятая, шестая -это функция настройки показа количества слайдов в слайдере: вы можете вообще не показывать количества,если уберете галочку в четвертом пункте. Если оставите, то в пятом отметьте, что это будет: кнопочки, цифры или миниатюры, а в шестом пункте-где они будут располагаться: справа, слева, вверху или внизу. Для примера слайдер, где обычные кнопочки внизу.

Следующая функция (седьмая): Показать управления.То есть на вашем слайдере будут стрелочки назад, вперед и стоп.

Восьмая настройка слайдера Auto Play: оставьте галочку, если хотите, чтобы слайдер начинал работать на странице автоматически после загрузки.

Девятая настройка Loop Слайды:предназначена, чтобы после последнего слайда начинался повтор.

 

250true numbers bottomright 250true true 1000none
  • 7000 random false 60 bottom 30 http://test-shablon.ru/yandeks-fotki-dlya-dizajna-sajta/
    фото для дизайна 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/kartinki-dlya-dizajna-2/
    коллаж для сайта  
  • 5000 random false 60 bottom 30 http://test-shablon.ru/plagin-totop-link/
    Красивая прокрутка страницы вверх 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/plagin-thethe-image-slider-dlya-slajdera-i-slajd-shou/
    Как сделать такой нужный слайдер? 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/podgotovka-k-novomu-godu-podvodim-itogi/
    Как украсить сайт к Новому году?  
  • 5000 random false 60 bottom 30 http://test-shablon.ru/kak-sdelat-ssylku-chitat-dalee-originalnoj/
    Как сделать ссылку оригинальной? 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/vrashhayushhijsya-banner-interesnoe-reshenie/
    Делаем вращающийся баннер 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/krasivyj-vidzhet-s-rubrikami-sajta-bez-plagina/
    Делаем красивые кнопки на сайт 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/banner-s-neobychnoj-lokalizaciej-dlya-sajta/
    Баннер с необычной локализацией 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/plagin-wp-ds-blog-map-oformit-kartu-sajta-dlya-chitatelej/
    Карта сайта для блога 
  • 7000 random false 60 bottom 30 http://test-shablon.ru/plagin-category-page-i-c-o-n-s-dlya-ikonok-stranic-i-rubrik/
    Иконки для рубрик и страниц 
  • 7000 random false 60 bottom 30 http://test-shablon.ru/plagin-special-text-boxes-dlya-originalnoj-podsvetki-teksta/
    Оригинальная подсветка текста 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/kartinki-dlya-dizajna-prodolzhenie/
    Говорящие картинки 
  • 5000 random false 60 bottom 30 http://test-shablon.ru/plagin-wp-christmas-dlya-pozdravleniya-snegovikami/
    Поздравление снеговиков 
  • 7000 random false 60 bottom 30 http://test-shablon.ru/plagin-wp-note-dlya-standartnoj-podsvetki-teksta/
    Стандартная подсветка текста 
  • 7000 random false 60 bottom 30 http://test-shablon.ru/plagin-wp-monalisa-dlya-smeshnyx-smajlikov/
    Смешные смайлики 
  • 7000 random false 60 bottom 30 http://test-shablon.ru/plagin-animatedtwitterbird-sinyaya-ptica-dlya-bloga/
    Птица на блоге  
  • 7000 random false 60 bottom 30 http://test-shablon.ru/plagin-pay-with-a-like-zaplati-lajkom-otdayu-darom/
    Плагин Заплати ЛАЙКом 

 

Десятая настройка «Изменение размера слайдов» то есть  какое бы размером изображение вы не взяли, оно симметрично уменьшится или увеличится до размера слайдера. Думаю, что это очень удобная настройка, и она должна быть обязательно отмечена галочкой.

Одиннадцатая настройка «Опции для разработчиков» -насколько я поняла, это ссылка на сайт разработчиков, я ее не стала отмечать галочкой.

И заключительная настройка для слайдера, это стиль слайдера, а точнее цвет и вид того поля, на котором будут прокручиваться изображения. Есть светлые и темные варианты, а мне понравилось, когда фотографии будто появляются из ничего Wink При этом слайдер в настройках  «Разбивка на страницы» выбран тип миниатюры вместо точек.

468true thumbnails bottomright 264true true 800none
  • 5000 random false 60 bottom 30
    Slide2
  • 5000 random false 60 bottom 30
    Slide2
  • 5000 random false 60 bottom 30
    Slide3
  • 5000 random false 60 bottom 30
    Slide4
 
 
 
 

Теперь поговорим о том, что после настройки самого слайдера вам надо перейти к загрузке слайдов, то есть изображений. Вы нажимаете внизу кнопку «Сохранить и добавить новый слайд»-появляется страница загрузки картинки.

Очень подробно разбирать настройки наверное не стоит, здесь просто нужно в первое окошечко загрузить изображение, как в обычном загрузчике и сделать так, будто вставляете изображение в запись. Появится вот такой адрес в строке (фото ниже). В сточке ниже можно дать название слайду, а вот адрес ссылки делаем на ту страницу, куда нужно перейти при нажатие на картинку. Вы, наверное, заметили, что все предыдущие примеры были слайд-шоу, а не слайдерами. То есть исходя из вашего желания, вы можете делать и то и другое при помощи одного этого плагина. Скажу больше, даже в одном слайдере можно делать просто фото и фото с ссылкой. Пример ниже на странице.

А теперь непосредственно настройки изображения.

Plagin  TheThe Image Slider4 После того как вы загрузили картинку, указали или нет ссылку ( на выбор),вы отмечаете переход между изображениями. Как видите выбор огромный, но очень интересен «Случайный», каждый раз переход непредсказуем и нов.

Plagin  TheThe Image Slider5

Далее идет настройка надписи. Её можно вообще не делать, можно выбрать где она будет располагаться, ее размер, стиль, цвет надписи и даже цвет фона и его прозрачность. А в самом низу поле, где можно внести непосредственно текст надписи.

Plagin  TheThe Image Slider6

Plagin  TheThe Image Slider7

После загрузки всех изображений нужно нажать на кнопку: «Сохранить и выход».

Готовые слайдеры в админ-панели выглядят так. Для того, чтобы установить его в сайтбар или статью, нужно скопированный шорткод вставить в нужное место в режиме редактирования HTML.

Plagin  TheThe Image Slider1

Но надеюсь, что вы запомнили, если у вас что-то не получилось сразу, вы можете зайти и отредактировать буквально любой слайд и настройки слайдера вообще.

Plagin  TheThe Image Slider9

Этот слайдер я приготовила как пример для сайтбара. Нужно только изначально указать точные размеры, иначе будет либо выпирать, либо  «теряться». В данном слайдере есть ссылки и разновидности подписей изображений.

250true dots bottomright 200true true 800http://test-shablon.ru/wp-content/plugins/thethe-image-slider/style/skins/white-rounded
  • 5000 random true 60 bottom 30 http://test-shablon.ru/plagin-javascript-snowflake-generator-dlya-izyashhnyx-snezhinok/
    Slide1 
    Снежинки на сайте
  • 5000 random true 60 bottom 30 http://test-shablon.ru/shablon-springfestival-versii-1-3/
    Slide2 
    Уникальный шаблон
  • 5000 random true 60 bottom 30
    Slide3
    Интересно о дизайне

Если пока вы читали статью, какой-то слайдер подзавис, просто обновите страницу. 

 Много слайдеров на одной странице работают, но вот два одинаковых шорткода одновременно работать на одной странице не будут.

В следующей статье мне хочется немного сравнить данный плагин с предыдущими слайдерами и слайд-шоу. Надеюсь, что будет интересно. До новых встреч, с вами была Юлия.

А всю галерею плагинов по слайдерам можно посмотреть на специальной странице “Слайдеры“.(Здесь сделаны небольшие видеозаписи для наглядности)

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Метки: , . Закладка Постоянная ссылка.

27 комментариев: Плагин TheThe Image Slider для слайдера и слайд-шоу

  1. Елена пишет:

    Юлечка! Спасибо за новинку! Эти слайдеры — Полезная для нас вещь! ;-) Любим мы фоточки показывать :good:

    • Юлия пишет:

      Тут не только фоточки, тут и слайдеры можно и не один, да к тому же один этот плагин заменит все предыдущие и вместие взятые Who-s-the-man

  2. mrs.interesno пишет:

    Слайдеры, мне безусловно нравятся, но интересно, нравятся ли они посетителям.
    Некоторые говорят, что их напрягают движущиеся перед глазами картинки.

    • Юлия пишет:

      Ну в некоторых статьях думаю можно сделать, тем более его ведь можно и остановить,а лучше даже в настройках сделать, чтобы он сам не включался и все дела Who-s-the-man

  3. razbirishka пишет:

    Спасибо. Мне пока не надо, но, когда понадобится, буду знать куда приходить за уроком. :yahoo:

  4. LEGION пишет:

    Здравствуйте. Отличная статья!! Вот только сразу резануло слово «сайтбар». Это не siTebar, а siDebar, то бишь «боковая колонка», а не «колонка сайта». ;)

  5. Виктория пишет:

    Вот класс, спасибо. Я давно хотела что-то вроде слайдера. А тут еще и всяких «примочек» хватает :yahoo:
    После командировки займусь установкой обязательно

    • Юлия пишет:

      Этот слайдер самый удачный из мною рассмотренных, так как устанавливается и в статьях, и в сайдбаре, и работает как слайдер, и слайд-шоу :yes:

  6. Дмитрий пишет:

    Здравствуйте, Юлия! Очень понравился этот плагин слайдеров, установил на своем бсайте, создал слайдер, но не понимаю, как установить в сайдбар: если просто скопировать шорт-код в виджет текст, то ничего не получается. Вероятно надо шорт код вносить в шаблон, но в какой и куда?

    • Юлия пишет:

      попробуйте сначала на страницу установить, но у меня в сайдбаре работает именно шорткод, а в шаблон вставлять ничего не надо, мне он именно этим и понравился, никаких редактирований шаблона. :yes:

      • Юлия пишет:

        если вы установили один и тот же шорткод и на страницу и в сайдбар, то один из них работать не будет, нужно чтобы на одной площадке шорткоды не повторялись…

  7. Дмитрий пишет:

    На страницу получилось поставить, но в сайдбар — никак, видимо это еще зависит от шаблона темы. Спасибо за ответ! Нашел очень много полезного на вашем сайте. Уверен, приду сюда еще не раз)).

  8. Андрей пишет:

    Уважаемая Юлия. Плагин TheThe Image Slider почему-то не могу найти никакими способами, он куда-то исчез. Может подскажете что-нибудь. Перепробовал кучу слайд-плагинов для wordpress, но НИЧЕГО не работает. бьюсь уже пятый день и все бестолку. Работает только wow slider, но как вставить его в шапку не знаю. Если можете, научите. С уважением, Андрей.

  9. Андрей пишет:

    НЕ активируется ПИшет Плагин не был активирован, потому что он вызвал фатальную ошибку.

  10. Андрей пишет:

    Image Gallery with Slideshow Fatal error: Cannot redeclare my_admin_scripts() (previously declared in /home/zaznobin/domains/azaznobin.ru/public_html/wp-content/themes/FloralGreen/functions.php:1026) in /home/zaznobin/domains/azaznobin.ru/public_html/wp-content/plugins/image-gallery-with-slideshow/admin_setting.php on line 22
    Извините, что не отправил все одним письмом. Спасибо.

  11. Андрей пишет:

    Все другие слайд-плагины деактивированы. :rose:

    • Олеся пишет:

      Попробуйте установку из панели управления вашего хостинга а не через админ-панель сайта

      • Андрей пишет:

        Спасибо, но эти проблемы я давно решил и ещё я не знаю, как устанавливать плагины из панели хостинга??? Thinking Просто загрузить туда файлы или как-то еще? :rose:

        • Олеся пишет:

          На этот вопрос думаю вам ответит Юлия если к ней обратитесь, может даже создаст статью по этому вопросу, либо пишите мне на эл.ящик Lesya_scorpio@mail.ru

          • Юлия пишет:

            Вряд ли я создам такую статью.. :wacko: Дело в том, что у меня есть определенное мнение: если плагин или шаблон по каким-то причинам не грузится через админ-панель (хотя на моей памяти такого не было), то скорее всего они только навредят вашему блогу…Либо я нахожу плагин с подобной функцией…Зачем загружать через хост, если все можно сделать в админке? Пока никто меня переубедить не смог… :scratch:

  12. Олеся пишет:

    Юлия, ваше право, переубеждать даже не собиралась :rose: Я сталкивалась со случаями при закачивании шаблонов, приходилось тогда закачивать их как раз именно только через хост.

    • Юлия пишет:

      Вполне может быть, но только я очень не люблю такие процедуры :negative: поэтому ни разу не загружала таким образом шаблон: на мой век хватит и обычных ;-)

  13. Елена пишет:

    Прочла, очень хорошая, подробная статья :good: . Мне как раз необходимо поменять шапку сайта, мучиться с html кодами не хочется. Однако, есть загвоздка — пробовала загрузить данный плагин однако он не загружается :unsure: . Вы случайно не знаете аналогичные.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)