WP Theme Demo Bar — просмотр демо-версий тем

Опубликовано ,

Содержание:

  1. Обзор плагина
    • функции;
    • возможности;
    • установка
  2. Настройка плагина
  3. Использование плагина

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

Короткий обзор плагина

Две основные функции:

  1. Демо-просмотр шаблонов ВордПресс. Генерируемые плагином ссылки можно вставить в виджеты и статьи для демонстрации собственных тем пользователям.
  2. С его помощью мы легко и безболезненно сможем проверять работоспособность и просто просматривать неактивную тему и вносить в нее все необходимые изменения. Если боитесь лишней нагрузки – просто отключайте плагин по окончанию работы.

Возможности:

  • Создать свой собственный уникальный дизайн Демо-бара. Ведь если вы делаете шаблоны, демо-показ пользователям должен быть хорош и в мелочах;
  • Просмотр нескольких шаблонов;
  • Демо-бар можно отключить или закрыть;
  • Для статистики можно добавить счетчик уникальных просмотров шаблона;
  • Можно добавить информацию о теме, ссылки на скачивание или покупку;
  • Можно использовать специальные шорткоды, перечисленные в соответствующем разделе.

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

  • Скачиваем архив с плагином с официального сайта wordpress.org
  • Заходим в «Плагины/Добавить новый» и вбиваем в поиске WP Theme Demo Bar.

Устанавливаем…

Настройки плагина WordPress Theme Demo Bar

Теперь давайте разберемся с настройками нового плагина. Для этого зайдем в «Настройки/WP Theme Demo Bar», там увидим меню из нескольких пунктов: Wordpress_Theme_Demo_Bar Давайте рассмотрим их поподробнее:

  1. Usage (Использование) Здесь вы можете найти информацию о том, как запустить плагин в трех форматах работыwp-theme-demo-bar-usage
  2. Look & Feel (Посмотрите и почувствуйте) В этой вкладке вы сможете настроить внешний вид Демо-бара, добавить пользовательские стили – при желании даже заменить кнопки, — определить расположение (вверху или внизу экрана), либо зафиксировать.wp-theme-demo-bar-look-feel
  3. Plugin Options (Настройки плагина) Здесь мы задаем основные настройки WP Demo Bar.Показать или скрыть бар, количество просмотров, выбранную тему. В раскрывающемся меню можно добавить показ родительской темы, количество просмотров, настроить сортировку.Также можете скрыть некоторые темы из предпросмотра.Wordpress-theme-Demo-Bar-options
  4. All Themes & Stats (Все темы, статистика) Здесь вы, собственно, можете сразу перейти к просмотру без добавления дополнительных слов к ссылке. Также показано количество уникальных просмотров.Данный пункт очень полезен создателям шаблонов. Можно разместить ссылку на шаблон в статье, и наглядно показать пользователям новую тему.wordpress-Theme-Demo-Bar-theme
  5. Individual Theme Settings (Индивидуальные настройки темы) Здесь вы сможете добавить дополнительную информацию о Демо-версиях ваших тем.Wordpress-Theme-Demo-Bar-Theme-Settings
  6. Custom Output Formats (Пользовательские форматы.) Можно добавить еще больше описания для темы, используя специальные теги.Wordpress-Theme-Demo-Bar-Custom-Output-Formats
  7. Plugin Support & Extra Техподдержка =)

 

Использование плагина WP theme demo bar

    • Для обычного просмотра темы добавляем ‘themedemo’ к URL

      http://ВАШ_САЙТ.RU/?themedemo=НАЗВАНИЕ_ПАПКИ_С_ТЕМОЙ
    • Если требуется скрыть демо-бар – помимо ‘themedemo‘ добавляем ‘hidebar’ к ссылке:
       http://ВАШ_САЙТ.RU/?themedemo=НАЗВАНИЕ_ПАПКИ_С_ТЕМОЙ&hidebar
    • Для загрузки дополнительный стилей добавляем в конец URL &extracss, затем перечисляем через запятую названия файлов стилей. Например, если требуется загрузить blue.css & twocolumn.css:
      http://ВАШ_САЙТ.RU/?themedemo=НАЗВАНИЕ_ПАПКИ_С_ТЕМОЙ&extracss=blue,twocolumn

Вот так выглядит Демо-Бар в работе:

demo-bar

Редактируем дизайн блога

Теперь поговорим о том, что делать, если нам предстоит не показ демо-версий пользователям, а работа с собственным дизайном. Плагин WorfPress Theme Demo Bar поможет нам и в этом. Вы понимаете, что не желательно вносить изменения напрямую в действующую тему. Ведь если что-то пойдет не так, блог на некоторое время выйдет из строя. Да и править в реальном времени не вежливо по отношению к посетителям (если правки удаются не с первого раза и видны с первого взгляда). Закрывать сайт на реконструкцию смысла нет, а на поддомене не всегда увидишь возможные косяки, которые могут появиться на основном сайте. Тогда мы просто открываем плагином демо-версию темы. Например, используем дочернюю Retro. При помощи инструментов разработчика Google Chrome мы легко можем увидеть все стили, используемые на данной странице. Поэтому просто правим необходимое и сохраняем. Через демо-просмотр прекрасно видно все изменения, да и блог работает в обычном режиме Работу с инструментами разработчика я позже рассмотрю еще раз.   На этом пока что все. Надеюсь, информация вам пригодится.

А что вы думаете по этому поводу?

Ваш e-mail не будет опубликован.

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