Плагин WPStories для создания красивых сторис на Вордпресс

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

Сторис представляют собой вертикальный блок с картинкой или видео и заголовком. Иногда это дополняется кратким описанием и кнопкой перехода на полный просмотр истории.

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

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

Плагин на WordPress

Плагин WPStories для создания красивых сторис на Вордпресс

Где скачать и промокод для скидки

На WordPress с недавних пор можно сделать собственные сторис без внедрения виджетов сторонних соцсетей с помощью плагина WPStories от известного российского разработчика «WPshop».

Конечно, плагин не бесплатен, но его стоимость совсем небольшая, кроме того...

Вы можете использовать промокод «code66» без кавычек для любого товара от WPshop, включая и плагин WPstories вот здесь. Промокод даст вам персональную скидку на любые продукты на сайте WPshop.ru, он бессрочен.

Для кого

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

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

Лично я свою первую лицензию использовал на этом блоге.

Позже мы вернёмся к вопросу его применения в разных случаях и под разные задачи, но сначала нужно понять, принцип работы плагина.

Плагин WPStories можно установить на сайты под управлением Вордпресс и в любую тему. При этом, для тем разработки WP Shop («ROOT», «Reboot», «JournalX» и т.д.) плагин интегрируется автоматически, в шаблоны других разработчиков его можно вставить в любое место кода.

Как это работает

В моём случае лента сторис выглядит вот так на ПК:

Плагин WPStories для создания красивых сторис на Вордпресс

И так на мобильном:

Плагин WPStories для создания красивых сторис на Вордпресс

Всё же вид на мобильном больше зависит от размера экрана. Иконки на мобиле можно прокручивать пальцем влево-вправо, получается таким образом некая «карусель» изображений-превьюшек.

Мы сами задаём, что будет открываться при клике на эти превью. Есть следующие варианты:

  • Карточки постов из конкретных категорий с заголовками, кратким описанием и кнопкой перехода на полный пост. Для каждой превью можно задать одну или несколько рубрик, хоть все посты сайта!
  • Определённые посты: от одного до бесконечности, мы сами выбираем посты, которые будут листаться в этом сторис. Например, можно выбрать самые популярные или самые комментируемые, можно отобрать по одному критерию, например, «В Египте», «Мои короткие записочки» или «Корейские авто» и т.д.
  • Свой вариант. Самый свободный режим, в нём мы задаём любое количество карточек сторис, каждый со своим изображением, заголовком, текстом и кнопкой. В этом варианте у вебмастера «руки развязаны», можно разместить что угодно.
  • Реклама. Название говорит само за себя. Здесь можно добавить любой рекламный код. При необходимости можно добавить надпись «Реклама», отметив лишь одну галочку.

Как видите, можно придумать много решений. Показать фотографии процесса строительства дома или фотографии из последнего путешествия блогера; сделать удобный просмотр постов из рубрик сайта или предложить посетителю выборку записей по определённым критериям.

Карточки «Сторис» прибавят добавочной стоимости сайту и сделают его непохожим на другие. Наконец, можно на основе плагина WPStories сделать нестандартное дополнительное или основное меню сайта на вордпрессе.

Гибкость настроек

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

После его установки и ввода лицензионного ключа, все настройки плагина будут только в разделе «Внешний вид» -> «Настроить»:

Плагин WPStories для создания красивых сторис на Вордпресс

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

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

В общем, в этом пункте меню мы редактируем все эти параметры:

Плагин WPStories для создания красивых сторис на Вордпресс

Плюс ширина всего фида.

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

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

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

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

Пропустим пока настройки самих карточек сторис и перейдём к общим настройкам и интеграции:

Плагин WPStories для создания красивых сторис на Вордпресс

В пункте «Настройки» мы можем выставить время показа каждой карточки сторис (истории). Обычно это несколько секунд, по-умолчанию стоит 5 сек, я поставил 7, мне кажется так удобнее, чтобы посетитель мог успеть прочитать заголовок и нажать кнопку перехода на полную запись.

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

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

Создаём истории

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

Плагин WPStories для создания красивых сторис на Вордпресс

Четыре варианта решений мы рассмотрели выше, вот так выглядит список историй у меня в админке блога на момент написания этой статьи:

Плагин WPStories для создания красивых сторис на Вордпресс

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

Стандартные

В пункте «Рабочие кейсы по заработку» я хочу вывести список определённых статей (постов, записей), поставить особое превью (иначе будет выбрано первая миниатюра из списка указанных записей):

Плагин WPStories для создания красивых сторис на Вордпресс

Как видите, id желаемых статей мы вписываем через запятую именно в том порядке, котором хотим видеть их в ленте сторис. Можно показывать или скрывать заголовок, текст, кнопку. Каждый элемент также можно настроить по цветам, а для кнопки указать свой текст:

Плагин WPStories для создания красивых сторис на Вордпресс

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

Плагин WPStories для создания красивых сторис на Вордпресс

В блоке промо и скидок я вывожу 5 самых популярных записей:

Плагин WPStories для создания красивых сторис на Вордпресс

Реклама

Рекламу я вставлю в блок «Раскрути YouTube»:

Плагин WPStories для создания красивых сторис на Вордпресс

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

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

Таким образом мы можем вставать рекламные блоки в те места, куда захотим. И при пролистывании сторис пользователи периодически будут видеть рекламные блоки, но в общем фиде ссылки на них не будет (если галочка убрана).

Мы можем вставлять разные рекламные блоки в неограниченном количестве между сторис.

Всё что угодно

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

Хотя, конечно, пределов фантазии не существует: придумывайте собственное применение и делайте свой ресурс абсолютно уникальным!

На первый взгляд может показаться, что здесь почти ничего нет:

Плагин WPStories для создания красивых сторис на Вордпресс

Но это только на первый взгляд. Сюда можно добавить любое количество «кадров».

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

Я решил сюда вставить предложения от партнёров. Первый кадр:

Плагин WPStories для создания красивых сторис на ВордпрессВторой кадр:

Плагин WPStories для создания красивых сторис на Вордпресс

Кадры можно менять местами, удалять, добавлять и т.д.

Хотите ещё варианты использования? Это может быть перечень акционных предложений онлайн магазина сразу с кнопкой заказа, список ваших инфопродуктов также с кнопкой покупки через скрипт, перечень предложений компании с заказом обратного заказа...

Вариантов действительно море!

Индивидуальные превью, заголовки и тексты для записей

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

После установки плагина после каждой записи появляется новый блок, где и указываются нужные параметры:

Плагин WPStories для создания красивых сторис на Вордпресс

Это удобно. Иногда нужно вывести более заметный заголовок, более короткий текст или вовсе они должны быть другими, это всё решаемо в плагине WPStories!

Чего не хватает

Понятно, что у каждого пользователя есть свои желания по доработке функциональной части плагина и внешнего вида блоков. Но часто мы не знаем, что можно реализовать в рамках одного плагина и посредством CMS WordPress, а что нельзя. А ещё порой нам хочется то, что нужно только нам и больше никому :) .

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

Итак, мои «хотелки» по доработке функционала плагина WPStories или «Что я хотел бы увидеть в обновлениях»:

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

Вроде пока всё! :)

Области применения

Плагин WPStories для создания красивых сторис на Вордпресс

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

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

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

Для онлайн магазина:

  • Вывод категорий товаров с кнопкой заказа.
  • Лента последних поступлений и новинок.
  • Акционные и скидочные товары.
  • Ленты отзывов покупателей.

Для сайтов-визиток фирм и компаний:

  • Слайд-шоу с перечнем предложений/работ/услуг и т.д.
  • Наглядный «шаг за шагом» показ проведения работ и оказания услуг у других клиентов.
  • Отзывы клиентов, фотографии осуществлённых проектов или оказанных услуг.
  • Показ с возможностью выбора конкретного менеджера по продажам, замерщика работ, мастера по оказанию услуг и т.д.

Для инфобизнеса:

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

В общем, вариантов применения сторис на любом сайте может быть бесконечным! :)

Моё мнение

Плагин WPStories для создания красивых сторис на Вордпресс

На момент написания собственного мнения, плагин WPStories был уже опробован мною на трёх сайтах.

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

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

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

Поддержка от разработчика работает быстро и адекватно, пока мне всё нравится.

Вывод

Плагин WPStories — это нечто необычное и новое, но открыть его потенциал полностью можно только проявив свою фантазию и творческую сущность.

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

Иными словами, WPStories позволяет показать пользователям стандартные части вебсайта нестандартным образом, что несомненно добавит интереса у посетителей и «дополнительную стоимость» контенту.

Однозначно могу рекомендовать!

Скачать взломанную Nulled версию и ключ бесплатно

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

Самое опасное — это скачать взломанную nulled версию. Хакеры их взламывают не просто так, а чтобы вставить в чистый код разработчика собственный зловредный инклюд.

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

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

Иными словами, не понятно кем взломанный плагин на сайте с вордпресс — это зло и кроме вреда он вряд ли принесёт что-то.

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

Лучше купить плагин WPStories у официального разработчика WPshop со специальной скидкой по промокоду code66 . Вы не только получите чистый код, своевременные обновления с возможными «залатаными» дырами и решёными багами, но и получите быструю поддержку!

Видео

Видеоролики пока от разработчика:

Установка плагина:

Настройка сторис:


Подпишись на рассылку и получай свежие кейсы первым:

✔ Нажимая кнопку ниже я даю согласие на обработку персональных данных.

Понравилась статья? Поделиться с друзьями:
Заработок в интернете - блог
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.