How to recreate a similar layout while using ACF

Hey everyone! I have to build a similar layout with acf and it’s the first time that I have to achieve such results and I don’t know which would be a proprer approach as I’ll have to build it with ACF or pods or any similar plug in, as my client should be able to modify the content of the layout from the front end when the website will be delivered.

So what it seems complicated it that in the layout images, text and H1 they get alternated not following a specific scheme. So in the future, maybe, they will change the whole text and H1 or invert the order. Is it possible to achieve such layout with pods/acf?

The scroll in the page will be horizontal but I don’t think that will make any difference!

If you have any particular resource that I should check it out please don’t hesitate to post it!

Thanks in advance

https://preview.redd.it/80rxaqyjdlmc1.png?width=1299&format=png&auto=webp&s=da91146f3baccb6de5f52aa1f426226f74fd86bf

​

4 Comments
  1. When you say “ACF” are you talking about custom post types, which you can create with the ACF plugin? Because it *sounds* like what you’re really trying to do is setup a basic WordPress loop function that calls post content.

    I mean, the client creates a post, adds a title, body, and (optional) featured image, then you use a loop to grab the content you want and then output those elements. Then you’d use CSS to line them up however you wanted.

    Your user would never need to go to the “builder” to update things but would instead just add new posts of whatever type in the normal way, and your loop code would just automatically grab and display them.

    Does that sound right? Or am I missing something?

    If using a block, builder widget, or a simple snippet of PHP for for a loop sounds too complicated you could use an ACF repeater field as some kind of pseudo-CPT. I think you said you didn’t want your users editing the page, though?

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer