Стильный адаптивный слайдер последних записей WordPress
Плагин — WP Responsive Recent Post Slider позволит вам очень просто и быстро добавить на свой сайт стильный адаптивный слайдер последних записей wordpress. Плагин имеет очень простые настройки, всё что вам нужно будет сделать, это скопировать шорткод слайдера и вставить на страницу, где будет отображаться слайдер. Вы сможете выбрать стиль слайдера из 4 разных вариантов.
Пример скриншот.
При наведении курсора мыши.
Пример.
Пример.
Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, перейдите на страницу: Записи — Pro Post Slider Designs. Здесь у вас будет на выбор 4 бесплатных темы слайдера. Скопируйте шорткод нужного вам слайдера.
Вставьте шорткод на страницу редактирования записи или страницы, где будет отображаться слайдер.
Вместо шорткода на сайте будет отображаться готовый слайдер записей.
Content Views — Стильные записи WordPress !
Супер виджет слайдер записей WordPress — Молодежный информационный портал
Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Супер классный виджет-слайдер записей WordPress ! В виджете будет отображаться слайдер с анонсами записей вашего сайта. Вы сможете настроить отображение слайдера. Можно выбрать определённую рубрику или метку, из которой будут показываться записи в слайдере. Можно выбрать что будет отображаться в слайдере, изображение, название, категория, отрывок, дата, комментарии, навигация и т.д. Вы сможете настроить внешний вид слайдера, выбрать цвета для всех элементов. Можно указать свой текст в кнопке.
Установить плагин JWD PostSlider Widget вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: JWD PostSlider. Здесь вы сможете настроить внешний вид слайдера:
— Post Types, по умолчанию только записи WordPress.
— Title Color, цвет заголовка.
— Title Hover, цвет заголовка при наведении.
— Arrows Color, цвет стрелок навигации.
— Arrows Hover, цвет стрелок при наведении.
— Content Color, цвет контента.
— Meta Color,
— Meta Hover, цвет мета данных при наведении.
— Button Text, можете указать свой текст для кнопки «Читать далее».
— Button Text Color, цвет текста в кнопке.
— Button Text Hover, цвет текста в кнопке при наведении.
— Button Background, цвет кнопки.
— Button Background Hover, цвет кнопки при наведении.
— Pagination Color, цвет пагинации, отображается внизу слайдера.
— Pagination Type, выберите тип пагинации. Пули (по умолчанию) или Прогресс бар.
— Show Icons, можно включить показ иконок для комментариев, даты, категорий и меток.
— Slide Effect, выберите эффект для слайдов.
— Custom Css, можно указать свои CSS стили для слайдера.
— Сохраните изменения.
Далее, перейдите на страницу: Внешний вид — Виджеты. Здесь у вас появится новый виджет: JWD PostSlider. В настройках виджета у вас будет 3 вкладки для настройки виджета:
Posts.
— Post Type, тип страниц, только записи.
— Taxonomy, можно выбрать откуда будут браться записи, из категорий или меток.
— Terms, выберите категорию или метку, из которой будут отображаться записи.
— Exclude, можно исключить определённые записи из слайдера по id. Как узнать id записи ?
— Order by date, сортировка записей, по убыванию или по возрастанию.
— Posts to show, сколько будут отображаться записей в слайдере.
Settings.
— Display image as, можно выбрать стиль отображения изображения.
— Slide posts in loop mode,
— Hide posts with no image, не показывать записи без изображения.
— Show post title, показывать заголовок записей.
— Show image, показывать изображение.
— Show date, показывать дату.
— Show comments, показывать комментарии.
— Show excerpt (content), показывать отрывок из текста записи.
— Show categories, показывать категорию записи.
— Show tags, показывать метку.
— Show arrows, показывать стрелки.
— Show pagination, показывать пагинацию.
— Show See More button, показывать кнопку «Читать далее».
— Show «Proudly powered by» credit link, показывать ссылку на сайт автора плагина.
Font Style.
— Post Title, размер шрифта заголовка.
— Post Content, размер шрифта текста в содержании.
— Post Meta, размер шрифта мета данных.
— Button Text, размер шрифта текста в кнопке.
— Button Corner Radius, радиус угла кнопки.
— Button Top/Bottom Padding, размер отступа кнопки от верха и низа.
— Trim Title to, максимальное количество слов в заголовке записи.
— Trim Excerpt to, максимальное количество слов в отрывке записи.
— Сохраните виджет.
Всё готово ! После сохранения настроек виджета, у вас на сайте будет отображаться готовый виджет-слайдер записей WordPress !
Слайдер для WordPress Post Slider WD
Слайдер – это современный и практичный элемент дизайна сайта. В этой статье вы узнаете про слайдер для WordPress, который может показывать записи.
К достоинствам слайдера в WordPress следует отнести его стильный внешний вид, необычный способ подачи материала, а также возможность передать на минимальном количестве пространства максимум информации.
Слайдер для WordPress плагином Post Slider WD
Вот такое простое и понятное называние – Post Slider WD. Сразу становится понятно, что это слайдер для WordPress и что он показывает посты. Плагин отличается лёгкостью, и не нагружает сайт. Из недостатков нужно выделить английский язык.
Скачайте, установите и активируйте плагин на своём сайте. После этого у вас появится новый пункт в консоли – «Post Slider WD». Перейдите в него, чтобы создать слайдер для WordPress. Несмотря на английский интерфейс, здесь всё очень просто.
Сначала отображается список всех созданных слайдеров, пока тут будет пусто. Чтобы создать новый слайдер, нужно нажать на кнопку «Add New». Откроется новое окно, где в строке «Slider Title» нужно ввести название слайдера.
Затем можно произвести настройку слайдера для WordPress. Для этого следует нажать кнопку «Settings». Опции разделены на секции:
- Global. Здесь самые основные настройки слайдера для WordPress, к ним относятся размеры, положение, эффекты, а также множество опций по дизайну.
- Управляет эффектом карусель – беспрерывное переключение слайдов. Имеются некоторые настройки для эффекта.
- Navigation. В этом разделе настроек можно выбрать то, как будут выглядеть элементы навигации у слайдера, и определить, будут ли они вообще.
- Bullets. Здесь настраиваются буллеты слайдера для WordPress – точки, которые показывают отображаемый слайдер и позволяются переключаться. Тоже есть множество опций для дизайна.
- Настраивает эффект диафильма у слайдера.
- TimeBar. Опции для настройки отображения временной панели.
- CSS. Секция для любителей самому создавать собственные стили CSS – для специалистов.
После установки настроек нужно нажать на кнопку «Sliders». Затем, с помощью кнопки «Add Posts» можно добавлять в слайдер необходимые записи.
Остаётся последнее – вывести слайдер на сайте. Это можно сделать в любой записи или странице. Нужно перейти в редактор и нажать на кнопку «Post Slider WD». Затем следует выбрать нужный слайдер и опубликовать его.
Слайдера для WordPress с записями можно использовать в качестве навигационного элемента. О том, как правильно строить навигацию сайта, узнайте здесь.
Выбор лучшего слайдера для WordPress
Столкнулись с проблемой выбора слайдера для своего WordPress-сайта? Устали от тестирования сотен плагинов, стараясь выявить лучший? Прекрасно, значит вы стоите на верном пути. В данной статье мы сравним четыре самых популярных плагина, которые позволяют подключить слайдеры в WordPress, отметив их скорость, простоту использования, а также иные возможности. Целью нашего тестирования будет поиск наилучшего плагина для реализации слайдера в WordPress.
Многие читатели нашего сайта быстро вырастают с уровня новичков и переходят к настройкам темы. Один из наиболее популярных вопросов, задаваемых нашими читателями: какой слайдер для WordPress самый лучший? В данной статье мы попытаемся ответить на этот вопрос, приведя сравнения популярных слайдеров по производительности и качеству.
Проблема WordPress-слайдеров
В преобладающем большинстве WordPress-слайдеры являются слишком медленными. Если он не слишком хорошо закодирован, слайдер может значительно увеличить время загрузки ваших страниц. Дополнив это не самым лучшим WordPress-хостингом, можно прийти к ситуации, что ваш сервер будет работать как улитка.
Еще один корень зла WordPress-слайдеров – простота использования. Большая часть слайдеров перегружена разными опциями и поставляется с массивной документацией для новичков.
Также вам стоит убедиться в том, что слайдер является адаптивным. К сожалению, большинство слайдеров таковыми не являются.
Разве реально протестировать сотни слайдеров и проверить все эти пункты? Нет, да и не нужно этого делать. Мы провели тестирование за вас, и чуть ниже вы узнаете, какой слайдер является самым лучшим по всем показателям. Продолжайте чтение.
Претенденты на звание лучшего слайдера для WordPress
Для данной статьи мы выбрали четыре популярных, рекомендуемых многими пользователями плагина, которые реализуют слайдеры в WordPress. Проводя наше исследование, мы выяснили, что эти плагины являются наиболее используемыми. Мы решили выполнить несколько простых тестов, чтобы понять, как работает каждый из них. Критерии, по которым мы отбирали плагины: скорость работы, простота использования, наличие возможностей и совместимость.
Скорость
Время загрузки страниц и скорость работы является важным фактором при выборе подходящего слайдера для WordPress-сайта. Как было отмечено ранее, медленный сайт не только нарушает опыт взаимодействия, но и снижает ваши показатели в поисковых системах. Именно по этой причине скорость работы слайдера является приоритетом номер один в наших тестах.
Как вы можете видеть, Soliloquy является наиболее быстрым слайдером из всех в наших тестах. Причина, почему это так – плагин отличается оптимизированным кодом.
Также плагин использует один небольшой привлекательный ход. Он загружает ваш основной слайд, после чего остальные слайды грузятся асинхронно. Такой подход отличается скоростью не только в тестах, но и в реальном применении на сайте – ваши посетители отметят для себя быстроту открытия слайдов.
Если вы желаете получить сайт, отличающийся высокой производительностью, то слайдер Soliloquy – идеальный выбор для вас.
Простота использования
Создание слайдеров – не такой простой процесс, как мы думаем. Основная задача данного раздела – найти плагин, с которым бы смог справиться даже новичок. Т.е., пользователи должны создавать слайдеры быстро и просто.
Soliloquy
Мы протестировали многочисленные слайдеры для WordPress, но мы не нашли настолько простых плагинов, как Soliloquy. Установка плагина и создание слайдов в нем являются удивительно простыми действиями.
Почему же он настолько прост в использовании? Ответ лежит на поверхности: он отвечает основным советам по написанию кода и отлично вписывается в родной интерфейс администратора WordPress. Слайдер обладает простым, но в то же время интуитивным пользовательским интерфейсом, позволяющим создавать слайды, используя стандартный загрузчик медиа-файлов в WordPress.
В плагин включены простые шорткоды, теги шаблонов, кнопка в редакторе записей, а также виджет, позволяющий добавлять ваши слайды в различные секции веб-сайта.
SlideDeck
SlideDeck – второй по простоте использования плагин, который мы обнаружили. Создание нового слайд-шоу в SlideDeck отличается удивительной простотой, вы можете легко добавлять многочисленные слайды. Также вы можете создавать слайд-шоу путем добавления контента с динамических ресурсов: Flickr, Vimeo, YouTube.
Плагин обладает множеством настроек для управления поведением вашего слайд-шоу. Существует возможность лайв-превью. Интерфейс администратора SlideDeck несколько запутанный, выглядит чужим в среде WordPress. Однако важно отметить, что с точки зрения дизайна интерфейс является достаточно симпатичным.
Мы думаем, что новички смогут легко и быстро создать слайд-шоу с помощью SlideDeck.
По умолчанию слайды SlideDeck не являются адаптивными, однако есть простой выход: вам нужно либо сделать их адаптивными при редактировании, либо добавить к своему шорткоду параметр ress=1, и проблема будет решена.
Nivo Slider
Создание слайдера с помощью Nivo Slider – простой процесс. Вы можете выбирать изображения из медиа-загрузчика, загружать различные изображения. Вы можете также менять порядок слайдов. Через интерфейс, такой же как в загрузчике, вы можете добавлять подписи, ссылки, текст Alt к вашим слайдам. Плагин имеет шорткоды и теги шаблонов, которые позволяют вам добавлять слайдер к записям, страницам и шаблонам.
Nivo Slider не поддерживает видео и иные типы мультимедиа. Плагин позволяет создавать только слайд-шоу из изображений. Он поставляется с прекрасным набором тем, которые вы можете использовать, а также с многочисленными эффектами перехода. Настройка плагина, создание слайд-шоу, добавление слайдов к записям/страницам происходят очень легко и быстро. Однако если вам важны параметры и опции, то в таком случае Nivo заметно отстает от SlideDeck 2 и Soliloquy.
Meteor Slides
При создании слайд-шоу в Meteor Slides вам нужно загружать каждый отдельный слайд индивидуально. Это сильно ест время, и многим новичкам это может показаться слишком запутанным шагом. После установки плагина переходим в раздел Slides — Add New. Даем отдельному слайду название, после чего щелкаем по пункту Set featured image для загрузки следующего слайда.
Если вы хотите, чтобы ваш слайд ссылался на страницу, то в таком случае введите URL. Наконец, вам нужно будет выбрать подходящее слайд-шоу из мета-поля Slideshows.
Вы не можете поменять порядок слайдов в слайд-шоу. Вы не можете добавлять видео-слайды, не можете задавать текст над слайдом. Все это сильно урезает функционал Meteor Slide. Однако он остается полезным, если вы хотите просто добавить слайд-шоу.
Возможности
Если вы хотите просто создать простое слайд-шоу из изображений, то в таком случае вам подойдут Nivo Slider и Meteor Slides.
Однако Soliloquy и SlideDeck 2 позволяют вам делать гораздо больше всего со слайд-шоу. В плане возможностей SlideDeck и Soliloquy идут практически рядом. Они оба имеют прекрасные возможности и предлагают широкий список средств управления над представлением ваших слайдов.
Вследствие своей простоты Soliloquy отлично подходит новичкам, которые смогут легко и быстро разобраться в его возможностях и опциях. Слайды в Soliloquy адаптивны по умолчанию, поэтому пользователям не понадобится добавлять дополнительные параметры к шорткодам, чтобы сделать слайдер адаптивным.
Slide Deck и Soliloquy поддерживают различные типы контента. Вы можете добавлять изображения, записи, текст и мультимедиа в слайды. Оба плагина позволяют редактировать отдельные слайды, добавлять расширенную информацию, такую как подписи, перекрывающий текст, кнопка призыва к действию.
Цена
Еще один решающий фактор, который помогает пользователям определиться с выбором слайдера – это его цена. В данном случае цена идет за лицензию для одного сайта. Meteor Slider – бесплатный плагин, потому он не указан в таблице.
В результате сравнения плагинов можно прийти к выводу, что самый лучший WP-плагин для создания слайдеров – это Soliloquy.
Победитель определен!
Soliloquy – самый быстрый плагин для создания слайдеров в WordPress. Он придерживается всех стандартов кодирования, имеет прекрасную документацию, его легко расширить разработчикам, он прост в использовании и к тому же является самым дешевым.
SlideDeck – второй с точки зрения функционала. К тому же он чуть медленнее, чем Soliloquy.
Источник: wpbeginner.com
Слайдер для WordPress — Meta Slider
Приветствую, наш «гость» сегодня — слайдер для WordPress под названием Meta Slider. Совсем недавно я уже подробно описывал великолепный премуиум слайдер — Revolution Slider. Теперь пришла очередь совершенно бесплатного в базовой версии, но при этом весьма функционального и удобно настраиваемого Meta Slider.
Скачиваем плагин из официально хранилища на wordpress.org. Установка и активация не вызовут у вас никаких затруднений. О том, как устанавливать плагины, новички могут прочитать вот тут.
Перевел для вашего удобства, плагин полностью на русский язык и описание будет строится уже на основе перевода. Ссылка на перевод будет в конце статьи.
Создание нового WordPress слайдера
Слайдер устроен максимально просто и понятно для всех кто уже работал с картинками в WordPRess. Для создания своего первого слайдера, переходим в новое меню Meta Slider Lite в вашей админке. Вверху кликаем на единственную пока закладку с маленьким крестиком. Теперь нам нужно добавить картинки в созданный слайдер (слайдшоу). Жмем кнопку — Добавить слайд и загружаем нужные картинки с компьютера.
Для каждой картинки можете укать название и задать ссылку. Так же можно выставить галочку в чекбоксе для того, что бы ссылка открывалась в новом окне. Уже добавленный слайды вы можете перетаскивать изменяя порядок и наведя курсор на картинку зажав предварительно левую кнопку мыши.
Для сохранения результатов кликаем на – Сохранить
Настройки Meta Slider
С правой стороны под кнопками сохранения расположены все настройки для всех типов слайдеров. Meta Slider имеет в базовой версии четыре типа слайдеров:
- Nivo Slider (Отзывчивый, 16эффектов, 4 стиля)
- Coin Slider (4 эффекта)
- Flex Slider 2 (Отзывчивый, 2 эффекта, режим карусели)
- Responsive Slides (Отзывчивый, один эффект, самый легкий из всех!)
Соответственно, вам нужно выбрать один вариант из четырех и приступить к его тонкой настройке как будет рассказано ниже. Все настройки делятся на 4 раздела.
Общие – выбираем тип слайдера как я описал выше, размер слайдера, эффект перехода и стиль (тему).
Управление – можно отключить показ элементов управления слайдером.
Расширенные настройки – можно включить автопрокрутку слайдов, изменить скорость переходов и скорость анимации, включить случайный показ картинок в слайдере, настроить множество отдельных эффектов. Детальные настройки во многом зависят от выбранного в самом начале типа слайдера.
Опции разработчика — для опытных пользователей — добавить свои CSS classes и собственные скрипты.
Использование Meta Slider
Для того, что бы наконец, увидеть готовый и настроенный слайдер на своем сайте вам нужно использовать сгенерённый для каждого слайдера шорткод . Это для записей и страниц. Копируете его и вставляете в нужное вам место. Или можно ставить код прямо в файлы шаблона.
Кроме того, плагин имеет свой собственный виджет, с помощью которого вы легко можете отобразить выбранный слайдер в сайдбаре. Позаботьтесь только заранее о размерах своих картинок.
Заключение
Вот собственно и все. Простой, понятный, удобный и достаточно функциональный слайдер для WordPress. Никаких глюков по ходу тестирования я не заметил.
Кроме бесплатной версии, существует еще версия PRO, которую автор призывает купить. В платной версии добавятся Layer Slader (эффект появления отдельных изображений или текстов на одной картинке), возможность вставлять видео и слайдер постов вашего блога. Стоит это дело от 19 баксов для одного сайта, что на мой взгляд, многовато, учитывая стоимость таких гигантов как Revolution Slider и прочих. Ну а вы уж решайте сами.
Скачать плагин с wordpress.org. Официальная страница плагина. Скачать русский перевод.