кнопка наверх

Как сделать демонстрацию темы в WordPress блоге

demo13 Доброе утро! Урааа 🙂  вчера 2 марта была достигнута моя первая цель на блоге посещаемость в 50 человек в сутки. Конечно цифра маленькая, но я доволен как слон. А сегодня хочу Вам представить плагин под названием WP Theme Demo Bar. Данный плагин будет полезен людям, которые занимаются веб-дизайном и хотят продемонстрировать WordPress тему своему читателю или может даже покупателю. Благодаря этому плагину Вы сможете с лёгкостью сделать превью Вашей темы в своем блоге. Читателю просто нужно будет нажать на кнопку просмотреть демо и WordPress тема откроется в новой вкладке.

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

1) Как всегда качаем плагин здесь, закидываем плагин в директорию (wp-content/plugins/), активируем плагин.

2) Чтобы Ваш посетитель смог просмотреть тему в демо режиме. Вам для начала нужно ее закинуть на сервер. Для этого берете Вашу тему и кидаете ее в директорию (wp-content/themes/).

Добавляем тему в блог

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

1) Переходите в раздел “Параметры” —> “ WP Theme Demo Bar

clip_image001

2) В появившемся окне нажимаем на All Themes & Stats (Все темы и статистика).

clip_image003

3) После чего откроются все темы, которые находятся на Вашем блоге.

4) Копируете ссылку, которую будете вставлять в блог.

5) При добавлении ссылки в статью сделайте ее гиперссылкой.

6) И в итоге у меня получится вот так:

Просмотреть демо

7) При нажатии на ссылку открывается тема:

clip_image005

Основные настройки плагина

Как видете на картинке выше, вместе с темой открывается Демо-бар, в нём есть очень полезная штука :

1) Закрыть Демо-бар.

2) Информация о теме.

3) Скачать тему.

4) Сколько раз просмотрели тему.

5) С выпадающего списка можно выбрать другую тему.

Все что находится в Демо-баре можно настроить в настройках плагина.

clip_image006

Look & Feel – Внешний вид демо-бара

clip_image008

clip_image009

1) В этом текстовом поле можно изменить внешний вид демо — бара при помощи CSS.

2) Можно изменить внешний вид иконок.

3) Отступ от шапки темы до демо – бара.

4) Положение демо – бара. Top of page (К началу страницы), Bottom of page (Нижняя часть страницы).

5) Если галочка стоит то демо – бар будет прокручиваться вмести со страницей.

6) Обязательно сохраняем изменения.

Plugin Options — Основные настройки плагина

clip_image010

clip_image011

1) Скрыть демо – бар.

2) Скрыть статистику просмотров в демо – баре.

3) Скрыть выпадающее меню с темами в демо – баре.

4) Настройка выпадающего меню (эти настройки можно и не трогать).

5) Показать имя родителя темы? (Если есть)

6) Скрыть кнопку “закрыть” на демо – баре.

7) Скрыть кнопки “информация” и “скачать” в демо – баре.

8 Скрыть подсказки при наведении на иконку в демо – баре.

9) Пока не разобрался для чего это.

10) Если у Вас есть приватная тема, то Вы можете ее скрыть.

All Themes & Stats — Все темы и статистика

clip_image013

1) Ваши темы

2) Ссылка для вставки

3) Количество просмотров

Individual Theme Settings — Дополнительные настройки темы

Эти настройки предназначены для скачивания темы.

clip_image015

1) Выбираем шаблон для скачивания

2) Указываем URL на сайт создателя данной темы.

3) Вставляем ссылку для скачивания данной темы.

4) Если Вы предлагаете своему посетителю скачать тему бесплатно, то выбираете (Download). А если же купить тему то (Bay). После всего проделанного нажимаем Add

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


1 звезда2 звезды3 звезды4 звезды5 звезд (3 оценок, среднее: 5,00 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Andrew:

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

    Ответить
    • Влад:

      Я очень рад, что продвинул Вас к реализации новой идеи 🙂 Вчера, когда писал эту статью тоже раздумывал о создании подобного блога 🙂

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

      Ответить
    • Константин:

      Если тема WordPress Вам не принадлежит, то найдите demo автора темы, что собственно не затрудняет и прикрепите ссылку в своей записи где вы описываете данную тему. Другое дело скачать эту тему пользователям. Не перегружайте свой сервер, достаточно в просторах интернета имеется файло-обменников. Ну а если решитесь выкладывать свои темы wordpress которые хотите предложить вашим читателям, то данный плагин поможет Вам это реализовать.

      Ответить
  2. Станислав:

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

    Ответить
  3. Penza:

    Как добавить свою демо версию любого урока?

    Ответить
    • Влад:

      Читаем статью!

      Ответить
      • Penza:

        Влад, но помоги пожалуйста. Всю статью перерыл — не нашел. Хочу свою демо урока вставить . Не знаю как. Благодарю заранее.

        Ответить
        • Влад:

          Ты хочешь, вставить демо шаблон в статью?

          Ответить
  4. Светлана:

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

    Ответить
  5. Константин:

    Клевый плагин. То что мне и надо. Собираюсь устроить сайт с бесплатными и (в будущих планах) платными темами. Спасибо!

    Ответить
  6. Владимир:

    Привет!Плагин хорший,просто шикарный =),только я чёт туплю.Где взять ссылку для скачивания?Тема должна что ли быть загружена в мкдиафайлах?Третий день мучаюсь)))))Спасибо за уроки!

    Ответить
    • Влад:

      Здравствуйте, тему нужно залить в папку с шаблонами!

      Ответить
      • Владимир:

        Да я залил,иначе бы как демо показывало.Вот у тебя в I,,ndividual Theme Settings — Дополнительные настройки темы,,в 3 пункте написано-3) Вставляем ссылку для скачивания данной темы.И меня мучает вопрос,где эту ссылку взять?

        Понимаю что туплю по-страшному,но не понимаю где именно)))Спасибо

        Ответить
        • Влад:

          Чтобы скачать шаблон, его нужно залить на сервер, как это сделать? можете посмотреть в этом уроке pro-wordpress.ru/chast-1- ... -s-wordpress.php Ну или можно воспользоваться сервисам Dropbox

          Ответить
  7. Андрей:

    Здравствуйте!

    Спасибо, подсказали по этому плагину.

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

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

    Может Вы подскажете. С уважением Андрей.

    Ответить
Ваш комментарий: