# What next for tutorials?!?

**URL:** <https://forum.pinegrow.com/t/what-next-for-tutorials/4926>\
**Category:** Tutorials\
**Created:** [February 6, 2021, 8:47pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926 "2021-02-06T20:47:05Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 6, 2021, 8:47pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/1 "2021-02-06T20:47:05Z")

</div>

Hi All,  
I have a tutorial on using Lottie animation in Pinegrow,as well as using Pinegrow Interactions to manipulate them, in the editing booth for release soon. Any other ideas for cool tutorials?  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [February 7, 2021, 5:11pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/2 "2021-02-07T17:11:35Z")

</div>

Hi Bob,

What about a tutorial about Bootstrap 5 Carousel with Interactions Animation on the overlay text. But all in Vanilla JavaScript, because jQuery is gone in Bootstrap 5.

This is the example I made with the Bootstrap 4 Carousel and Interactions, but this is still jQuery initialization:  
[https://yourweblab.nl/interactions-2/](https://yourweblab.nl/interactions-2/)

Did you managed to have a look at the building system you downloaded from my site?

Warm Regards & Thanks,

David

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 7, 2021, 7:40pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/3 "2021-02-07T19:40:15Z")

</div>

Hey David,  
I think I’ll wait until Pinegrow supports Bootstrap 5 before I go forward with that. 😁 Should happen fairly soon though!  
Bob

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [February 7, 2021, 8:21pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/4 "2021-02-07T20:21:05Z")

</div>

> **[Bootstrap](https://getbootstrap.com/)**
>
> The most popular HTML, CSS, and JS library in the world.

Hi Bob,

As you can see Bootstrap 5 is the version to use now!

Bootstrap 4 is added to the previous releases: [https://getbootstrap.com/docs/versions/](https://getbootstrap.com/docs/versions/)

Unfortunately they use the word Beta, so a lot of people mistake this with not ready yet, but at Bootstap this means ready to use there are no revolutionary changes made anymore and you can even buy the official templates authorized by Marc Otto the founder of Bootstrap with version 5 in it on the getbootstrap website:

> **[Folio – Creative Agency Portfolio Theme - Bootstrap Themes](https://themes.getbootstrap.com/product/folio-creative-agency-portfolio-theme/)**
>
> Meet Folio, just what your projects have been waiting for — Next-gen agency & portfolio theme perfect for showcasing your creativity. Bundled with an enormous assortment of exciting and creative layouts so you can present your agency & your...

---

<div class="post-metadata">

**Author:** ![beatngu](https://avatars.discourse-cdn.com/v4/letter/b/6a8cbe/32.png) [@beatngu](https://forum.pinegrow.com/u/beatngu)\
**Post date:** [February 8, 2021, 8:28am UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/5 "2021-02-08T08:28:03Z")

</div>

Hi Bob ,  
I would like to see more wordpress tutorials.  
What i would like the most is how you convert a full theme to wordpress and make it fully modular with ACF.  
So a homepage (not showing latest post like all the other tutorials and maybe add some custom posts using ACF repeater) , blog page , single blog page and contact page.

Also some tips with styling and changing the html of the widgets on the blog page etc from pinegrow.

Each time i convert a theme to wordpress something ends up not working and suddenly it works again so it would be nice to have a reference to check my conversion with the proper way to do it so i am sure i am doing it the right way and it’s not a bug.

So the end product should be something the clients can edit easy them self with gutenberg blocks,

A theme like this would be nice to see fully converted : [Moderna Bootstrap Template Demo (bootstrapmade.com)](https://bootstrapmade.com/demo/Moderna/)

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [February 8, 2021, 12:17pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/6 "2021-02-08T12:17:16Z")

</div>

Hi @beatngu,

Hope you realize that those templates have a terrible build quality and are old designs with a new jacket on. They are original Bootstrap 3 designs. That’s the reason you can have all templates for a lifetime for $ 99-

When you look at this theme:  
[https://bootstrapmade.com/bethany-free-onepage-bootstrap-theme/](https://bootstrapmade.com/bethany-free-onepage-bootstrap-theme/)

It looks modern and even contains Bootstrap 5 but when you look in to the source code of the website you discover the use of Owl Carousel a deprecated slider that is replaced by Tiny Slider 3 years ago::

> **[OwlCarousel2/OwlCarousel2](https://github.com/OwlCarousel2/OwlCarousel2)**
>
> DEPRECATED jQuery Responsive Carousel. Contribute to OwlCarousel2/OwlCarousel2 development by creating an account on GitHub.

> **[ganlanyuan/tiny-slider](https://github.com/ganlanyuan/tiny-slider)**
>
> Vanilla javascript slider for all purposes. Contribute to ganlanyuan/tiny-slider development by creating an account on GitHub.

Owl Carousel is not updated for years and buggy as hell. Bootstrap 5 doesn’t use jQuery so the idea is to use all dependencies in Vanilla Java Script. Owl Carousel is also jQuery. The replacement of Owl Carousel (Tiny Slider) is written in plain JavaScript so that is what you want now.

I would advice to build the template your self in Pinegrow with the new building blocks and Interactions animations (that contains sliders etc. too). Specially for a tutorial it makes more sense to build it in Pinegrow and then convert to WordPress.

Regards,

David

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [February 8, 2021, 12:45pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/7 "2021-02-08T12:45:28Z")

</div>

@AllMediaLab @beatngu  
Also, we have recently introduced some very clean Bootstrap 4 & Tailwind templates AND blocks to build your own, directly included with Pinegrow, and some awesome new ones coming soon 🙂

 ![2021-02-08_13-44-20](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/5/585815c233545c56053a9bc926047114338faa14.jpeg) ![2021-02-08_13-44-03](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/f02531906f35f9868e4973a319be356298d89baf.jpeg)

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [February 8, 2021, 12:57pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/8 "2021-02-08T12:57:43Z")

</div>

Yes that’s what I am saying in my post!

> I would advice to build the template your self in Pinegrow with the new building blocks and Interactions animations (that contains sliders etc. too). Specially for a tutorial it makes more sense to build it in Pinegrow and then convert to WordPress.

---

<div class="post-metadata">

**Author:** ![beatngu](https://avatars.discourse-cdn.com/v4/letter/b/6a8cbe/32.png) [@beatngu](https://forum.pinegrow.com/u/beatngu)\
**Post date:** [February 8, 2021, 1:20pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/9 "2021-02-08T13:20:37Z")

</div>

Hey there,  
I just used one as example to get a idea on what pages etc the tutorial could include.  
I don’t use any themes form there myself but this was the first thing that popped up in search.

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [February 8, 2021, 2:03pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926/10 "2021-02-08T14:03:13Z")

</div>

Oh 😄 I sleep better now! 😉
