Introducing Pinegrow Live Preview

Pinegrow is introducing a brand-new Live Preview feature for WordPress that make it even easier to visualize what your custom blocks or your classic themes will look like on a website.
📝Note: I'm not affiliated with Pinegrow in any way. I'm just a happy, paying customer who wants to see the product continue to grow and thrive, and to help build a more active community around it.
🧰 Resources:
• pinegrow.com/
• docs.pinegrow.com/docs/wordpr...
• docs.pinegrow.com/release_not...
🌐 My Websites:
• adamlowe.io
• peakperformancedigital.com
✅ Connect with Me:
• Facebook: / peakperformancedigital
• LinkedIn: / adasmshawnlowe
• CZcams: / @adamloweio
• Twitter: / @adamslowe
⚙️Tools I Use:
• WordPress.org: wordpress.org/
• Pinegrow Website Editor: pinegrow.com/
⌚ Timestamps:
00:00 - Intro
00:17 - The problem it solves
01:10 - Don't most page builders do this?
01:54 - Setting up the Environment
02:30 - Picking a page to preview
02:58 - Using AutomaticCSS
03:22 - Using Core Framework
03:42 - WordPress REST API
04:03 - Query Loop Demo
04:55 - Outro
05:15 - Limitations
05:50 - Display Modes

[@BrendanOConnellWP]

Great video, Adam! That was awesome

[@user-km8ls5oc3z]

Thank you! I really need it😃

[@vuetamil]

Brilliant intro to the live preview, thanks Adam! 👍

[@LupusDesign]

Excellent video as always, Adam.

[@SiteStreetLtd]

Thanks Adam. Will be giving this a go. 👍

[@JamesJosephFinn]

Very cool. More Pinegrow content, please! With Cwicly's sudden and scandalous demise, I'm looking for a new home; and Pinegrow caught my eye recently; so your Pinegrow -> WP content is most timely! Thank you very much, sir! (PS - I'm digging Pinegrow UI's old-school look and feel; has me surmising the developers are dyed-in-the-wool senior devs who've earned their stripes in the trenches. It's kind of refreshing, actually. Cwicly had a slick UI, but I'll take a hard-nosed veteran over a trendy young-buck now after this Cwicly bs.)

[@AdamLoweIO]

Thanks, James. I need to make a few minor edits to the course, so I'm trying to get the first module published Friday and the others released by Monday. And, you are right about the Pinegrow team being veterans. Pinegrow has been around since 2014 and, if I rememer correctly, it was originally an alternative to Dreamweaver. It was only later that they added the WordPress functionality that I've been making content around. Lat year, one of their users partnered with them to make a version of Pinegrow for designing Vue applications, which has also been pretty amazing to watch. They are long due for a facelift, but cosmetics really aren't that high on their priority list.

[@JamesJosephFinn]

@@AdamLoweIO Neat! Will you be publishing the course here to your channel? (I'm 43, so superficial UI appearance isn't a deal breaker at my age ... as long as it's organized, makes sense, is easy to work with, and functions, I'll take stability over "modern" [whatever that means] any day of the week. Sadly, as we all know, a tech project's potential for growth and adoption is undeniably affected by its UI's "appearance". Even if it doesn't matter to us old-heads, UI is a part of marketing that attracts the youngins.)

[@AdamLoweIO]

@@JamesJosephFinn Damn kids. Get off my lawn! And yes, I'll be publishing it on this channel. I'll also post an announcement in The Admin Bar and in the Cwicly group.

[@pepitogrande]

Thanks for the video, that's a super useful feature :)

[@dzulhelmi81]

OMG this is amazing. It's like best of both worlds.

[@AdamLoweIO]

Seriously! Even with the API limitations it’s pretty sweet.
Of course, now my brain is thinking of all the ways it can be improved. I feel bad for the Pinegrow team when they have to deal with my endless neediness.

[@micheltsa]

I can't get the Live Preview to work. I watched the video and followed the instructions on the documentation page, but I can't see my classes and variables from the Core Framework or AutomaticCSS in Pinegrow. I followed all the steps, and the test live connection was completed successfully.
What am I missing? It's a plugin, not a theme. Could there be a setting on the local site that is preventing this sync?

[@AdamLoweIO]

Michael,
It might be worth posting in the Pinegrow forums. I can’t think of any reason why it wouldn’t work with a block plugin, but you might need to enqueue the framework’s css differently. Unfortunately, I’m away from my computer all day today so it’s hard to help you when I’m flying blind.

[@micheltsa]

​@@AdamLoweIO Thank you.. I already posted there. I've tried so many things that I'm feeling lost. It's probably something simple that I'm missing because I can get the preview of global smart actions like the site title, description, and logo. It's just the CSS framework that isn't syncing.