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

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

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

________________________
Это вообще сложно? Из чего состоит создание блока? И правильно ли я понимаю создание Wordpress-темы?
- создание блоков для визуального редактора и через фреймворк создание опций темы - тема создается таким образом?
  • Вопрос задан
  • 590 просмотров
Пригласить эксперта
Ответы на вопрос 3
azerphoenix
@azerphoenix
Java Software Engineer
Сколько тем не встречал на ВП, которые были созданы на основе 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 добавить в нее
Ответ написан
lukoie
@lukoie
0 рисуете дизайн
1 верстаете
2 натягиваете на ВП
3 делаете все странички с контентом для демонстрации дизайна темы
4 устанавливаете вижуал компоузер
5 при помощи набора блоков вижуалкомпоузера переделываете все те же странички из шага 3 самим вижуалкомпоузером.

у него есть набор "примитивов", которыми Вы и реализовуете всё то что Вы нарисуете в фотошопе и сверстаете.
тема будет содержать условно шапку и подвал.
а контент будет накидываться вижуал компоузером.
Ваша задача - сделать стили, чтобы условный заголовок и условная подпись у картинки вставленные на страницу при помощи вижуалкомпоузера, выглядели так, как было нарисовано в фотошопе.
Ответ написан
@easycode
не боюсь задавать глупые вопросы ))
Судя по ответам - Вас или не поняли или не особо вдавались в Ваш вопрос.
Вы наверняка нашли материалы по данной теме.
Один из: https://webdesign.tutsplus.com/ru/tutorials/how-to...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы