Building Custom Visual Composer Elements

Visual Composer is a page builder plugin for WordPress which allows you to create website content using a simple drag-and-drop interface. Visual Composer comes with several pre-built elements that can be used for your everyday blogging needs and can be extended with addons that you can purchase through its own marketplace. However, when you need a custom design or functionality for your website, often these addons cannot solve your problem and you may have to build an element by yourself. Despite the fact that Visual Composer is very popular, it is not easy to find tutorials on extending its capabilities.

This talk focuses on how to build custom Visual Composer elements by showing the minimum requirements without diving too deep. In addition to using Visual Composer’s powerful API, we will use jQuery Isotope library, WordPress custom fields and custom post types to build a “Team Members” content element with 2 different style options.

Speaker

WordCamp San Diego 2017 is over. Check out the next edition!