Плагин прайс лист Wordpress - как создать табы с прайсами без кода

28 октября, 2014 Максим Метелев 12170 просмотров 2 комментария

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

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

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

Красивые таблицы с ценами без кода

Для этого прибегнем за помощью к одному плагину, название которого Easy Pricing Tables. Он платный, но цена за него чисто символическая порядка 29 долларов за одну лицензию, что вполне себе годно и может позволить себе практически любой серьезно настроенный вебмастер. Он, безусловно, стоит своих денег и при этом сэкономит вам кучу времени, если вы хотите создать свой сайт по услугам.

После активации плагин добавляет в админ панель блога раздел «Таблицы с ценами». Когда на нее нажмете, то попадете в настройки приложения.

Ввод ключа активации

Если вы еще не ввели свой лицензионный ключ и не активировали его, то плагин попросит вас это сделать. Вводите его и нажимаете на кнопку Activate License (Активировать лицензию).

Как только все пройдет успешно, будет показан зеленый прямоугольник, на рисунке выше он красный. Вам нужно нажать на кнопку «Сохранить изменения» (Save Changes).

Содержание

1 Создание первой таблицы с прайс листом WordPress
- 1.1 Рекомендую ознакомиться с этими статьями:

Создание первой таблицы с прайс листом WordPress

Чтобы создать табы с прайсами нужно перейти в пункт меню Pricing Tables -> Add New (добавить новый). Там вы увидите скриншоты доступных на выбор шаблонов. На момент написания этой статьи в программе было доступно 5 тем. Выбираете понравившуюся, нажав на нее.

Добавление новой таблицы с ценами и выбор ее дизайна

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

Заполнение полей таблицы с ценами wordpress контентом

Вы легко можете добавить новую колонку, нажав на New Column. Если вы видели такие таблицы с ценами, то обратили внимание, что одна из колонок выдается вперед, а две другие идут рядом. Так вот, вы сами задаете главную колонку, которую хотите выделить.

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

Дизайн для табов с ценами

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

Предпросмотр результатов в браузере

Если что-то вдруг захотите изменить, то можете сделать это путем редактирования данных в самой таблице. Когда все закончите, нажимаете на кнопку Deploy (получить короткий код). Вы увидите всплывающее окошко, содержащее код вашей таблички, который в последующем можно вставить в любую запись и страницу вашего блога. Все очень удобно, просто и понятно! До следующих встреч дорогие друзья.