Как создавать блоки для Visual Composer?

Question

[bogette]

Хочу подойти к Themeforest, но без визуального редактора ожидать успеха моей темы - глупость. Но проблема в том, что раннее никогда с ними не работал. Сейчас имею натянутый на wordpress сайт, который необходимо поделить на блоки.

Подскажите ресурсы, где показывают пример создания блока для VC. Их документация во многом непонятна, больше интересуют статьи "шаг за шагом".

________________________
Это вообще сложно? Из чего состоит создание блока? И правильно ли я понимаю создание Wordpress-темы?
- создание блоков для визуального редактора и через фреймворк создание опций темы - тема создается таким образом?

Answer 1

[Орхан Гасанлы]

Сколько тем не встречал на ВП, которые были созданы на основе Visual Composer... все они работают следующим образом - создается самая обычная тема на ВП (например, на бубстрап). После чего разработчик устанавливает плагин visual composer и собирает сайт, как необходимо через визуальный редактор. Добавляет демо страницы - Homepage, About Us, Contact Us и т.д. Дальше - можно интегрировать тему с плагином https://ru.wordpress.org/plugins/one-click-demo-import/

А дальше предлагаете пользователю установить минимальный набор плагинов для корректной работы темы. Например, фреймворк... redux framework etc. плагин Visual Composer Contact Form 7 Woocommerce Revolution Slider
Ниже представлена библиотека для создания required plugins for theme
tgmpluginactivation.com
Ну и конечно же вышеупомянутый плагин - One click demo import.
Юзер устанавливает тему, устанавливает необходимый набор плагинов, а потом импортирует демо данные и все.

Ну и не забываем подключить какой-нибудь фреймворк для вашей темы. Например, Redux. При необходимости можете также Carbon Fields добавить в нее

Comments

[bogette]

Всё предельно понятно, помимо

После чего разработчик устанавливает плагин visual composer и собирает сайт, как необходимо через визуальный редактор.

Что вы имеете ввиду под "собирает"? Делит сайт на блоки (секции) и создает новые элементы непосредственно в Visual Composer? А как это сделать? Есть ли подробная статья по этому поводу?

Answer 2

[lukoie]

0 рисуете дизайн
1 верстаете
2 натягиваете на ВП
3 делаете все странички с контентом для демонстрации дизайна темы
4 устанавливаете вижуал компоузер
5 при помощи набора блоков вижуалкомпоузера переделываете все те же странички из шага 3 самим вижуалкомпоузером.

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

Comments

[bogette]

Первые три шага сделал. Я нарисовал дизайн и реализовал все необходимые страницы - прикрутил к Wp.

Насчёт последнего пункта вопросы - не совсем с этим знаком. Есть ли подробная статься?

[lukoie]

bogette, https://www.youtube.com/watch?v=nOUm4PRv33Y

Answer 3

[Леонид]

Судя по ответам - Вас или не поняли или не особо вдавались в Ваш вопрос.
Вы наверняка нашли материалы по данной теме.
Один из: https://webdesign.tutsplus.com/ru/tutorials/how-to...