Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Building Custom Visual Composer Elements
Ähnlich wie Building Custom Visual Composer Elements (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Building Custom Visual Composer Elements
- 2. BUILDING CUSTOM VISUAL COMPOSER ELEMENTS http://wcsd2017.creahive.com https://github.com/btdogan/wcsd17-building-custom-visual-composer-elements
- 3. BUILDING CUSTOM VISUAL COMPOSER ELEMENTS Burak Dogan Engineer (MSc, MBA)
- 7. • Gravity Forms • Contact Form 7 • Revolution Slider • Layer Slider • Ninja Forms • Woo Commerce • Essential Grid • 200+ Premium Addons
- 8. Advanced Grid Builder Shortcode Mapper or You can build your own custom element.
- 9. <?php vc_map( /*parameters*/ ); ?> https://wpbakery.atlassian.net/wiki/display/VC/Inner+API
- 10. 1 2 3 4
- 15. • Twenty Seventeen with bootstrap. • jQuery • Custom Post Type • Isotope plugin.
- 29. QUESTIONS?
- 30. THANK YOU!
Hinweis der Redaktion
- Hi My name is Burak Today I am gonna talk about Building Custom Visual Composer Elements.
- I am a mechanical engineer, I built a tunnel which connects Europe and Asia. Also I have been doing software development for more than 10 years. I decided to quit mechanical engineering at top of my career to pursue another challenge and moved to beautiful San Diego 3 years ago. Please bare with my accent, I am Turkish. I am a javascript guy, but also I am in love with WordPress. I am helping big agencies on their development jobs also I have my own clients.
- Also it supports these plugins and there are over 200 addons you can buy from their marketplace.
- Anyway, these addons may not fit your design well, or what is in your mind. In this kind of situations, you can use built in Advanced Grid Builder or Shortcode Mapper. Or you can build your own custom elements.
- To build a custom element or customize one, Visual Composer API provides the vc_map function. Also it has a parameter where you define what is in the element editor.
- Number 1: Categories Number 2: Name of the element Number 3: Description of the element Number 4: Icon
- And this is the element settings window. Each of these sections is another array of parameters of the params parameter.
- vc_map function allows us to add an element to the elements list. As you see on line 4, there is an action to the vc_before_init Visual Composer hook, so our function will be called before Visual Composer init. Also we need the shortcode to display our element. We use the base parameter as the shortcode tag to connect our shortcode with our element.
- There are different approaches you can follow to add a custom element. You can add it to your theme’s function.php file. Or you can create a plugin. We want to build things FAST EFFICIENT SCALABLE And RE-USABLE SO…
- We can hang out at the beach at weekends, or watch a movie with our friends at night instead of spending time in front of the screen.
- This file is long so I split it into pieces.