Как создавать блоки для Visual Composer?
Сколько тем не встречал на ВП, которые были созданы на основе 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 добавить в нее
0 рисуете дизайн
1 верстаете 
2 натягиваете на ВП
3 делаете все странички с контентом для демонстрации дизайна темы
4 устанавливаете вижуал компоузер
5 при помощи набора блоков вижуалкомпоузера переделываете все те же странички из шага 3 самим вижуалкомпоузером.
у него есть набор "примитивов", которыми Вы и реализовуете всё то что Вы нарисуете в фотошопе и сверстаете.
тема будет содержать условно шапку и подвал.
а контент будет накидываться вижуал компоузером.
Ваша задача - сделать стили, чтобы условный заголовок и условная подпись у картинки вставленные на страницу при помощи вижуалкомпоузера, выглядели так, как было нарисовано в фотошопе.