Stanislav Khromov: Building Excellent Web Experiences with Advanced Custom Fields and Visual Composer

My presentation from WordCamp Norrköping!

Slides available here

WordPress.tv

View original post

Advertisements
Explore posts in the same categories: Computers

5 Comments on “Stanislav Khromov: Building Excellent Web Experiences with Advanced Custom Fields and Visual Composer”


  1. Hello, I am trying to use Toolset Layouts + ACF + Visual Composer framework to make a nice solution for clients (although I’m not sure if Visual Composer is too bloated yet – I am still testing)

    Do you have experience with VC? Is it easy to extend? Did you make a full integration with ACF? Or are ACF meta boxes separate still.

    Nice talk – I watched it on WordPress.tv.

    Thanks in advance
    Doug

    • khromov Says:

      Hey Doug,

      From what I understand, Layouts provides the same functionality as Visual Composer – a drag and drop page builder.

      If you check the GitHub repositories for the talk, there are working Visual Composer integrations available, here is an example:
      https://github.com/khromov/wp-custom-shortcodes/blob/master/mappings/show_books.php

      Since it builds on top of shortcodes it is very easy to extend.

      I have not tried to embed ACF fields in the Visual Composer block settings modal dialogue. I thought about it a long time ago but came to the conclusion that it doesn’t make a lot of sense in that context.

      What I do is use ACF for fields that are related to the post being edited, and Visual Composer fields to the shortcode being edited. The data is very different. ACF fields are post attributes, while VC block fields are presentational data related to that specific shortcode and how it should be presented.

      Hope that helps.


      • Hi Stanislav – thanks for your reply.

        Layouts is very good, but is slightly different to VC. Currently I use it to build ‘global’ elements (headers, footers, sidebar), but the layouts are held elsewhere – rather than at the page level.

        You assign the layout like a WordPress template, but do the editing of the layout within the Layouts plugin – so it’s a bit clunky from a user’s perspective: having to be in 2 places to edit 1 page – hence why I only use it for the global elements. But this is very powerful, as I can build any number of variations of these, and then hand it to a client for them to easily choose.

        For the page level stuff, I’ve been using ACF: Flexible content, which is really really nice, but for a client – it’s just not intuitive enough – and to build even half of the features that VC currently offers would take me months!

        Your logic makes sense regarding ACF for page attributes + VC for data – however, it does raise one question: How do you query this data from elsewhere?

        As a not-quite-real-life example: If I have a CPT with a title, subtitle & content – the title and content are WP default fields, but the subtitle I would use a custom field.

        If I wanted to loop through my items inside the CPT, and output the subtitle – once I was in the loop, I could simply do

        the_field(‘subtitle’);

        to output the subtitle. How would you approach this sort of thing with VC? Could you store the custom field data in the post, and then output using VC?

        Thanks again 🙂

        PS – the link you sent is very helpful

    • khromov Says:

      PS. If you feel VC is a bit bloated, you can disable the built-in blocks to provide a cleaner appearance. It is available both as a setting and as a filter, example:
      https://github.com/khromov/wp-vc-template-manager/blob/master/wp-vc-template-manager.php#L20

  2. RV Says:

    Hello Stanislav,
    I want to thank you for taking the time to explain this at WordCamp Norrköping and for posting it here, it helps a lot understanding the workflow and correct it if necessary. Your post is useful and it show a clean working method.
    For this, my hat’s off to you and thank you a lot !


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s