Debi F asked 2 years ago
My site is http://www.aromatherapy.com
On the home page, I have a picture gallery. (From this video.)
I have a link embedded on each picture. I want it to go to a “SPECIFIC TOPIC blog post “grid”.
EACH topic/picture needs to go to its own set of blog posts. Then click on the post to read more.
Here is an example of a site that has what I want: https://draxe.com/nutrition-category/fruit/
Thank you,
Debbie
Shawn Hesketh Staff answered 2 years ago
Hi Debbie,
In the example site you shared (draxe.com/fruit), that’s not an image gallery. It’s simply a blog archive page that displays the featured image from each blog post.
I suppose you could manually create a page that mimics this layout, using the Columns block, and then inserting an Image block within the left-hand column, and a Text block within the right-hand column.
But that’s not really the way to go about this. You’d have to then manually create a new group of blocks every time you created a new blog post on your site.
No, what you really want is to be able to publish a new blog post, then have the blog archive page automatically display that new blog post in a layout that is similar to the one on Dr. Axe’s website.
That is precisely what the blog archive page template in a WordPress theme does.
This is a theme problem, not a blocks problem. You want a blog archive page with a layout like Dr. Axe’s site.
The default theme included in WordPress includes a blog archive page, but it doesn’t look like that layout.
Dr. Axe’s website actually uses a completely custom theme, created just for that site. So that doesn’t help much.
You can either hire a coder to create a custom blog archive page for your site that mimics that layout, or choose a new theme for your site that more closely resembles what you want.
There are thousands of themes out there from which to choose. But you might consider Astra, a popular theme that includes dozens of pre-built layouts from which to choose. That theme is bound to have a layout similar to the one you’re trying to emulate.
I hope this helps point you in the right direction!