Главная / Плагины / Отображение новостей в стиле Timeline

Отображение новостей в стиле Timeline

Попался еще один интересный плагин, который позволяет отображать новости на сайте WordPress в модном стиле Timeline. Плагин называется Content Timeline v2.3.5.

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

скачать русский Content Timeline

Это премиум плагин WordPress, платный, но для вас на этом сайте все бесплатно! И премиум плагины и премиум темы WordPress!

 

бесплатно Content Timeline

Настройка плагина Content Timeline

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

создание линии новостей

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

добавить элемент

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

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

Выглядит страшно 🙂 Но не пугайтесь. Не так страшен черт как его Малюют!

настройка новости в content timeline

  1. Можем изменить дату новости
  2. Заголовок
  3. Название временной точки (такая метка круглая на карте, пункт не обязательный)
  4. Задать миниатюру новости
  5. Изменить заголовок
  6. Откорректировать текст новости
  7. PrettyPhoto — не врубился зачем и как 🙂
  8. URL кнопки — здесь можно сделать переход по URL адресу при клике на кнопку (фото, видео…)
  9. Фото в полной новости, название, и текст
  10. Не скроллировать — это значит, что если весь текст новости не влезает в блок, то возможность прокрутки будет отключена
  11. Сделать новость первой в списке. Отметить можно только одну новость

Настройка внешнего вида новостей

Последний рывок.

настройка внешнего вида content timeline

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

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

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

Для размещения Линии новостей (Timeline)  перейдите в пункт меню Линия новостей -> Линия новостей. Здесь вы увидите все созданные вами таймлайны и их шорткоды.

шорткод линии новостей

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

К сожалению новую версию не переводил, а старая версия говорят не корректно работает с новым WP. Так что перевод придется делать самим.

Придется редактировать файлы плагина PHP, названия месяцев находятся в wp-content > plugins > content_timeline > js > frontend > jquery.timeline.min.js

Скачать Демо

В тему!

Gravity Forms

Gravity Forms

Gravity Forms v2.0.6 – премиум плагин для создания разных форм на сайте. На сайте еще есть ...

7 комментариев

  1. Чудесный плагин! Очень прост в использовании! Очень наглядный! Блеск!
    Похоже, что остановлюсь на нём для решения задачи day in history.
    А локализую вручную 😉 Всего несколько слов в коде перевести надо, типа названий месяцев.

  2. Что-то не работает плагин на последней версии Вордпресса. У одного меня такая проблема?

  3. Да, скажи пожалуйста, каким плагином выводишь «В ТЕМУ!» при скроле страницы вниз?

  4. Валерий

    Не работает плагин. Нажимаю Сохранить, перехожу в пункт Content Timeline — пусто.

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

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

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

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.