n-wp.ru — блог о WordPress
WP UI - плагин, вставляющий содержимое постов и страниц в табы и слайдер | n-wp.ru

WP UI — плагин, вставляющий содержимое постов и страниц в табы и слайдер

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

WordPress все чаще используют не только для ведения личного блога, но и в качестве полноценной CMS, управляющей сложными сайтами, на которых публикуются инструкции, презентации, руководства, презентации, портфолио. В случае такого сложного оформления используются всевозможные слайдеры и табы, демонстрирующие информацию в выгодном свете. К тому же табы и слайдеры экономят место, размещая на одной площади множество данных, доступных без прокрутки. WP UI — плагин, позволяющий создавать табы и слайдеры с различным оформлением, которые можно разместить на страницах и в постах. В качестве содержимого используется контент любых постов и страниц. Создание табов не требует каких-либо глубоких знаний, поэтому плагин будет интересен прежде всего начинающим блоггерам и вебмастерам.

WP UI - плагин, вставляющий в посты табы и слайдер (4)

WP UI создает табы, которые можно вставить в пост. В табах можно использовать содержимое любых страниц или постов. Табы оформляются прямо в редакторе с помощью кнопок, так что их создание не вызывает затруднений.

WP UI - плагин, вставляющий в посты табы и слайдер (3)

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

  • wptabtitle
  • wpdialog
  • wpspoiler

Например, вы можете вставить в таб содержимое поста, указав его ID:

[code lang=»css][wptabtitle post=»236″]Весна[/wptabtitle]

Этот таб называется «Весна», И он будет отображать содержимое поста с ID 236. Точно так же можно вставлять в табы и содержимое страниц:

Отображаемое содержимое постов и страниц в табах можно ограничить по длине (количеству символов) — вместо остального содержимого будет вставлен тег [code inline=»yes»]

:

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

То же самое можно делать и с постами с определенной меткой:

Хотите вывести последние посты в блоге в виде табов? Это тоже можно сделать:

Набор случайных постов? Пожалуйста:

Можно исключить некоторые посты, чтобы они никогда не попадали в табы:

Перед выводом содержимого поста в табе можно отображать определенный текст:

Тоже самое можно делать и после содержимого поста:

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

Плагин использует jQuery User Interface library — jQuery UI. Благодаря этому скрипту можно менять слайды и содержимое табов, используя красивые эффекты перехода. Табы и слайдер можно выделить индивидуальной темой оформления — на выбор устанавливаются несколько красивых.

WP UI - плагин, вставляющий в посты табы и слайдер (2)

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

WP UI - плагин, вставляющий в посты табы и слайдер (1)

Посмотреть
WP UI - стили оформления
вы перейдете по ссылке http://kav.in/projects/blog/wp-ui-css3-styles-demo/

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

Посмотреть
WP UI
вы перейдете по ссылке http://kav.in/projects/blog/wp-ui-tabs-acodeordion-sliders-demo/
Скачать
WP UI
вы перейдете по ссылке http://wordpress.org/extend/plugins/wp-ui/

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

2 комментария

  • Отличная вещь. а как можно вывести табл с 2 вкладками и чтоб в каждой вкладке было по 5 анонсов записей из определенной рубрике ?

/* ]]> */