Боковой слайдер платных объявлений для wordpress. jQuery плагин «Sly». Плагин jQuery слайдера «Pikachoose»

Слайдеров, сегодня хочу представить несколько плагинов, на которые эти исходники можно накрутить. Плюс, небольшое описание каждому плагину, чтобы не качать «кота в мешке». Лишний раз проверять, что умеет плагин и его работоспособность никому не нравится, верно? Скажу сразу — все слайдеры в формате плагинов для WordPress, поэтому проблем с установкой и настройкой быть не должно.

Coin Slider

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

Nivo Slider

Поистине король слайдеров. Честно говоря, не очень рекомендую пользоваться именно плагином для WordPress по причине того, что он давненько не обновлялся, в отличии от скрипта. А последняя версия для WordPress — платная. Ну или как вариант — приспособить новый скрипт к старой оболочке плагина, но тут нужны знания посерьёзнее. 16 вариантов смены картинки, поддержка тем, превью, отличная и валидная верстка, богатые настройки. Я пока не встречал скрипта, который бы уделал Nivo.

Content Slider от SlideDeck

Еще один весьма навороченный слайдер, но теперь это слайдер контента. Очень богатые настройки, интеграция в редактор постов, несколько тем в комплекте. Есть возможность вставить разные слайдеры в каждый пост. Есть Pro версия, которая может ещё кучу всяких клёвых штук, но цена в 99$ за слайдер меня очень и очень смущает.

Meteor Slides

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

Slideshow Gallery

Этот слайдер тоже умеет дружить с редактором постов WordPress, тоже может встраиваться шорткодом и у него есть превью картинок. Поддержка локализации, с помощью po/mo файлов. Плюс, для больших картинок поддерживается лайтбокс, то есть увеличение картинки по клику.

TN3 Gallery

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

WordPress Content Slide

Что сказать про этот плагин? Он маленький, полностью настраиваемый внешне, неплохие настройки из админки. И он работает.

ISlidex

Очень неплохой слайдер с поддержкой нескольких тем. Авторы обещают SEO-верстку, автоматическую обрезку и кэширование изображений, кроссбраузерность вплоть до IE7 и поддержку WordPress 3.x. Также умеет встраиваться в виджет, что существенно повышает его ценность.

Он сможет показать вам все, что вы захотите. Больше 10 шаблонов вывода в комплекте, собственное API, поддержка мобильных устройств и куча других вкусностей. Поверьте — на сегодняшний день это лучший слайдер. И стоит всего 12$ , конечно же, все последующие версии бесплатны. Да, как заявляет разработчик — этот плагин единственный, кто поддерживает в полном объёме IE10, который установлен в Win8.

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

С 2013 года всевозможные исследования пророчат слайдерам скорый уход со страниц интернета, но их популярность до сих пор не угасает. Что ни говорите, они «оживляют» портал, привлекают внимание к информации. На них так и хочется нажать. Конечно, если слайдер красив и грамотно составлен, но к этому мы еще вернемся.

Я буду рассказывать про слайдер WordPress. Как привнести в свой сайт что-то привлекательное и интересное быстро, бесплатно и даже не обладая особенными знаниями. Обсудим стоит ли делать его своими руками. А также вы получите несколько полезных советов по наполнению.

Ну что, приступим?

Meta Slider

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

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

Ну что ж, давайте я покажу как работать с программой.

Установка

Итак, подробную статью о том, на WordPress вы можете прочитать в моем блоге. Кратко повторим что делать в конкретной ситуации. Заходим в раздел плагины и выбираем из списка опцию «Добавить новый» в поисковую строчку в правом верхнем углу вбиваем: «Meta Slider» и Enter. Как только страница с нужным приложением открывается, жмем «Установить».

Не забудьте активировать Meta Slider через вкладку «Установленные» или в открывшемся окне после установки.

В результате в панели управления справа должна появиться новая категория. Вы можете купить Pro-версию за 19$ или пользоваться бесплатной, на мой взгляд ее функций вполне хватает, так приобретение совсем не обязательно.

Возможности

Теперь давайте разберемся как создать и вставить карусель, иногда слайдер называют еще и так. Проходим в приложение по ссылке справа (в панели администратора ВордПресс) и жмем на плюс рядом фразой «Добавить новый».

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

Справа от загруженных картинок находится поле, куда вы можете ввести адрес страницы, на которую будет переходить человек при нажатии на фото. Также вы можете добавить описание, обрезать рисунок и alt к изображениям.

Также у вас есть 4 варианта дизайна. В видео чуть ниже я покажу как выглядит каждый из них.

Pro версия предполагает все варианты эффектов, то есть как один слайд будет сменять другой, для каждого метода отображения. В бесплатной версии возможности ограниченны. Но их все равно предостаточно. Хороший вариант вы найдете.

Помимо 4 основных вариаций дизайна вы можете выбрать еще одну из четырех цветовых схем.

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

Что касается размеров, то вы можете их поставить. Однако плагин не тупой, он видит максимальные ограничения и автоматически встраивается в дизайн. Если вы устанавливаете его в боковые панели главной страницы, чуть позже я покажу как это сделать, то пропорции изменятся автоматически.

Далее идут «Расширенные настройки». Тут можно увеличить или уменьшить длительность показа кадров и скорость анимации. Они не должны двигаться очень быстро, иначе с вашего сайта уйдут. Если фотографий много лучше разрешить показ картинок вразнобой.

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

На скриншоте ниже вы можете посмотреть созданный мною слайдер. Чтобы было проще, рекомендую использовать возможность предварительного просмотра. В меню создания есть две полезные кнопки справа сверху: «Показать», чтобы увидеть изменения, и сохранить.

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

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

Интеграция в блог

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

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

Выбираем из списка нужное название и кликаем «Вставить слайдшоу».

Готово. В моем случае на сайте это будет выглядеть вот так.

Чтобы поставить блок на главной странице зайдите в категорию «Внешний вид» — «Виджеты». В верхней части вы увидите «Meta Slider».

Перенесите эту плашку в нужное место, где должен будет стоять слайдер. Если вы хотите поставить его сразу после поиска, то и в этом списке он должен будет находиться здесь. Выберите слайдер из списка созданных и сохраните изменения.

На моем тестовом сайте блок справа выглядит так.

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

Отображение на сайте сразу изменится.

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

Пока не сможете развиться в этой области, советую прибегнуть к помощи фрилансеров. Сделать это можно на сайтах WebLancer.net и FL.ru . Первый чуть проще, а на втором вы можете повстречать настоящих профессионалов.

Цена зависит от вашего бюджета, но думаю, что картинка обойдется вам максимум в 500 рублей. За эту сумму можно купить и три, но в этом случае желающих исполнить заказ будет меньше, а значит и результат вы получите хуже.

Я желаю вам успехов и если эта статья вам понравилась – подписывайтесь на рассылку. До новых встреч.

Слайдеры в далеком прошлом пришли на смену уже устарелым раскладушкам. Они объединяют в себе красивый дизайн, небольшой размер и полноценную клавиатуру. Мало существует на данный момент производителей телефонов, которые бы в своем ассортименте не имели 1 или 2 слайдера. Однако с приходом на рынок смартфонов популярность таких устройств начала падать, и они постепенно вытесняются с витрин магазинов.

Уже сейчас модельные линии компаний, занимающихся созданием и аппаратов, стараются не включать в ассортимент телефон-слайдер. Последним производителем, выпустившим такой тип техники, стала Nokia. Этот бренд единственный, у которого в ассортименте доступна линейка C2, имеющая слайдерный вид. Если кто-то фанат такого рода телефонов, то можно смело обратить внимание на варианты от Nokia. Например, недорогая модель C2-06 имеет камеру на 2 мегапикселя, радио и плеер. Здесь также имеется поддержка 2 SIM-карт. Это достаточно популярно в наше время. Телефоны-слайдеры с двумя сим-картами от Nokia стоят не более 3 тысяч рублей.

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

Samsung C3752 Duos

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

Вес - 92 г, размеры - 9,7х4,9х1,6 см (в закрытом положении). Трудно сказать, что этот аппарат слишком толстый, но и тонким его не назовешь. Можно уточнить, что в руке или кармане тяжесть чувствоваться не будет. Устройство марки C3752 Duos имеется лишь в одном цветовом решении - черно-сером. Модель идеально подойдет для занятых людей, которые выбрали для себя простой, универсальный и весьма практичный 2-симочный аппарат.

Телефон-слайдер «Самсунг» С3752, как и все остальные аппараты из линейки Duos, оснащен служебными функциями, легко ставящимися на рабочий стол. Настройки позволяют изменить положение часов, просмотреть календарь, время, пропущенные звонки и события, а также телефонную книгу. На экране аппарата помещается 18 подобных ярлыков. Логотип (или картинка) для них выставляется по умолчанию или по желанию потребителя.

Samsung S5050

Корейская компания не сильно позаботилась о внешнем виде своего нового устройства Samsung S5050. Этот телефон-слайдер может напомнить по своему дизайну многие модели из совершенно разных линеек, так как тут присутствует смешение многих вариантов оформления. «Лицом» аппарата стал корпус из глянцевого пластика черного оттенка, на котором виднеется небольшая розовая полоса. Именно эти цвета и доминируют: их можно встретить на торцах и на нижней части самой клавиатуры. Телефон получил «ярлык» - женский, хотя таковым он выглядит лишь в полном виде; в закрытом состоянии он ничем не отличается от универсальных моделей.

В меню телефона имеются иконки, размер которых составляет 3х4. Положительным моментом назвать можно то, что аппарат запоминает последний раздел, в котором был человек перед остановкой работы, и после еще одного открытия меню показывает именно его. Между разделами или подразделами перемещение осуществляется при помощи джойстика или цифровой клавиатуры. Присутствуют темы оформления, которые радикально меняют внутренний дизайн.

Samsung E390

Следующий телефон-слайдер от столь известного изготовителя Samsung - E390. Его вес не превышает 80 г при размерах 9,4х4,7х1,6 см. Дизайн аппарата выполнен с такими деталями, что он выглядит строго и достаточно стильно. Аксессуары, рисунки, декорирующие элементы - всего этого мало, поэтому для консервативных и спокойных людей именно такой слайдер и подойдет. На рынке E390 представлен лишь в одном цветовом решении - черном. Сборка качественная. Скрипов, плохо закрученных шурупов не наблюдается даже при сильном сдавливании.

Меню телефона имеет 9 разделов. Между ними перемещаться можно с помощью специальной кнопки и блока.

Samsung J700

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

При весе 92 г телефонные габариты составляют 9,9х4,8х1,4 см. Лицевая сторона имеет декорирующие элементы, в частности сетку, за которой находится динамик, круглые кнопки разных цветов. Кроме этого, стоит уточнить такой нюанс, который бросается в глаза: эта модель в розовом варианте выгодно подчеркивает соседство с черным цветом. Средние размеры аппарата позволяют ему превосходно сидеть в ладони и не выскальзывать.

Меню имеет вид матрицы с 9 иконками. Каждая из них отвечает за отдельный раздел телефона. Например, журнал звонков включает в себя информацию обо всех вызовах (принятых, совершенных, пропущенных). А в книге номеров может находиться около тысячи контактов.

Nokia 6700 Slide

Прежде всего, необходимо сказать, что Nokia 6700 Slide - мобильный телефон-слайдер, который имеет металлический корпус, а это огромнейший плюс. Уже можно сделать вывод, что при падении с высоты он мало пострадает. Аппарат пополняет линейку компании Nokia. Производитель на рынок поставляет сразу несколько цветовых вариантов: от голубого до серебристого. Последний - универсальное решение как для женщины, так и для мужчины, а также идеально подходит для разной возрастной категории - от студента до взрослого занятого человека. Металл, взятый за основу корпуса, представляет собой алюминий. Весит аппарат 110 грамм. А его размеры составляют 9,5х4,6х1,5 см.

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

LG KE500

Трудно назвать кнопочный телефон-слайдер LG KE500 таким же гламурным, как и его предшественник. Однако конкурентоспособность у него в несколько раз выше. Сразу необходимо отметить, что аппарат является универсальным, он подойдет и женщинам и мужчинам. В России телефон продается лишь в едином варианте, а точнее в черно-сером. В родной стране цветовых вариаций несколько больше. Дизайн аппарата стильный и одновременно простенький. Металлические вставки присутствуют с внешней стороны корпуса. Второй материал, который использовался при сборке, - пластик. Но он качественный: при касании и сдавливании не сжимается и не гнется. Покрытие поверхности не такое, как у большинства слайдеров. Производитель использовал технологию, объединяющую глянец и софт-тач.

Sony Ericsson W20i Zylo

Телефон W20i Zylo - слайдер, лишь по внешнему виду которого можно понять, кто производитель. Круглые бока, пластик с матовым покрытием, надпись на внешней части Walkwan - все это напоминает Sony Ericsson. Цветовых решений на рынке три: черный, розовый и серый. Логично, что второй вариант рассчитан больше на женскую половину покупателей, нежели на мужскую. Остальные же универсальны.

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

Samsung E880

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

В технических характеристиках указаны размеры телефона E800 - 8,7х4,3х2,3 см. Хотя в жизни он выглядит еще меньше. Такой эффект был достигнут благодаря округлению краев. Имеется небольшое сходство с моделью южнокорейского производителя - E850. Весит аппарат всего 80 грамм. Это позволяет носить устройство в кармане куртки, штанов, рубашки, даже не чувствуя его присутствия. Отличительным моментом телефона можно назвать местоположение камеры. Ее «окно» находится над экраном на верхней грани корпуса. Преимущество этой камеры в том, что она имеет одну интересную функцию - поворот изображения при помощи небольшого ползунка. То есть она может «смотреть» как на хозяина, так и в противоположную сторону.

Именно на эти телефоны эксперты дают 100% гарантию того, что покупатель не разочаруется в их выборе. Среди положительных моментов, они выделяют хороший звук, легкость в эксплуатации, небольшой вес, удобство держания, долгую автономную работу.

Слайдер для WordPress, о котором я вам сейчас расскажу, является самым крутым среди всех слайдеров, что я видел. В нём столько настроек и столько возможностей, что можно реализовать практически любую поставленную цель. Самое главное – он бесплатный. У него есть только один недостаток – он на английском языке. И это не беда.

Слайдер для WordPress с плагином Smart Slider 3

Плагин Smart Slider 3 позволяет создать слайдер для сайта любой сложности и с любыми элементами. Скачать этот плагин вы можете по ссылке ниже.

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

После установки на сайт плагина слайдера, и его активации в вашей консоли образуется новый пункт «Smart Slider». Перейдите в него.

Здесь у нас появляется три вкладки:

• Slider. Список всех созданных слайдеров. Тут есть уже один образец слайдера, который создали разработчики плагина.
• Settings. Настройки плагина. Настроек очень много, и самое прекрасное, что их все можно оставить по умолчанию. Кому интересно, могут полазить там, а я не буду рассматривать этот пункт подробно.
• Go Pro! Тут можно купить платную версию плагина. Но кому она нужна, когда нам бесплатно дают столько возможностей! О них вы узнаете ниже.

Давайте создадим слайдер для WordPress и убедимся в возможностях этого плагина. Перейдите во вкладку «Sliders» и нажмите зелёную кнопку «Create slider».

В открывшемся окне дайте имя вашему слайдеру в поле «Slider name». Я напишу там «Мои картинки». Выберите размер в полях «Width» и «Height», определите один из трёх вариантов отображения в «Preset». В принципе, можно оставить всё по умолчанию, если не хотите возиться. В конце нажмите кнопку «Create».

Итак, создаётся слайдер для WordPress и после этого видим страницу с настройками.

Первый блок настроек «Publish slider». Здесь информация о том, как потом опубликовать готовый слайдер. В графе «Shortcode» можно получить шорткод, который можно поместить в запись или на страницу. В графе «Page or Post editor» нам показывают, что в реакторе записей и страниц образовалась новая кнопка, которая позволяет опубликовать слайдер. А в графе «PHP code» можно получить php код для установки слайдера в файлы шаблона.

Два первых способа публикации самые удобные.

Во вкладке «General» настраиваются основные опции: имя (Name), положение на сайте (Align), управление (Controls), анимация (Animation) и прочее.

Вкладка «Size» используется для настройки размеров. Можно определить ширину и высоту (Slider size), отступы (Margin), положение слайдера на экране (Default slide background fill mode), адаптивность (Responsive mode) и другое.

Во вкладке «Autoplay» настраивается автопереключение слайдера.

Вкладка «Other» для более тонких настроек, можно её не трогать.

Идём немного ниже и видим ещё один блок настроек, в котором есть шесть вкладок. Вкладка «Arrows» даёт огромнейшие возможности для настройки стрелок управления слайдера для WordPress.

«Bullets» управляет буллетами. Буллеты – это такие маленькие кружочки у слайдера, которыми можно переключать его.

Вкладка «Autoplay» управляет автозапуском слайдера.

В «Bar» можно включить бар у слайдера. Очень удобно, если нужно показать описание, например.

Вкладка «Thumbnail» управляет миниатюрами картинок слайдера для WordPress.

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

Чтобы добавить изображение в слайдер, нужно нажать на пункт «Add images» в этом меню. Откроется стандартная медиабиблиотека, где нужно выбрать картинку. После выбора картинки, её миниатюра сразу становится видной в слайдере. Если кликнуть на неё, то можно произвести определённые настройки.

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

Для создания слоёв используйте блок, который я показал на скриншоте ниже.

После всех настроек картинки не забудьте нажать «Save».

Если на кнопке добавления слайда нажать теперь пункт «Add video», то можно прикрутить к слайдеру ролик из YouTube или Vimeo. Для этого нужно просто вставить ссылку на видео в поле и нажать «Add Video».

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

2 010 руб.

Сотовый телефон BQ Mobile BQ-2435 Slide Gold

Размер экрана 2.4 дюйма. С mp3-проигрывателем. Корпус - слайдер . Емкость аккумулятора 800 mAh. Разрешение экрана - 240x320. Слот для карт памяти - microSD. На 2 SIM-карты. С bluetooth. С радиоприемником. Тип - кнопочный телефон. Макс. объем карт памяти 32 Gb. Вес: 98 г. Размеры 104.0х52.0х16.0 мм.