Archived topic
I want a section to allow users to select an icon and see related content
12 replies · Started by Amit Nair on October 18, 2019
I want a section to allow users to make their choice after selecting an icon.
This section should be below the menu bar.
You can see the screenshot via the link.
Many thanks!!!
Hi there,
I think using Gutenberg columns would be your best bet.
If you are comfortable with a bit of CSS and HTML coding, then you could consider using header element and flexbox:
https://docs.generatepress.com/article/header-element-overview/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
If you aren’t comfortable with coding, a page builder solution would be worth looking into as well.
Please note that providing full custom solution for something like this is out of the scope of this support forum.
Thanks for your understanding :)
Thanks Leo. Is there a GP theme that already has something like this?
Have you checked out Aspire?
All the available sites are listed here:
https://generatepress.com/site-library/
Thanks, Leo. Checked Aspire. Those icons are static images if I am correct. I want the user to be able to click on one and that will lead them to a series of blog posts.
We don't have something exactly like that unfortunately.
Image with a link can be done with HTML pretty easily though. Lots of tutorials for things like this on Google.
If you aren't comfortable with that, page builder is definitely the best option :)
Thanks, Leo. Any suggestions for WP plugin-based page builders? Also, can I use them along with GP or you are suggesting to go for a different theme altogether?
Leo, I had a look at our GP library and these 2 themes are something similar, I am looking for.
They are called PEAK and CATALYST.
The only question is: for the 3 selections, can I link them to a series of blog posts or a single master post?
Please see the Google Docs URL for the screenshots.
Hi there,
if you use the Gutenberg block editor then you can add an Image Block, once the image is added you will see a Link option in the toolbar. Click that and add the URL to where you want it to go.
You can link it to a single post or post category.
Below each image add a heading block and give it a link to the same location.
Apply this within a Columns Block and job done.
Wow, David. That answers my question! Thanks a lot. I will try that out!
You're welcome
Hi David,
I tried to import the SPLIT theme and tried to add a column but it somehow doesn't do anything.
Can you please send me some documentation links to do this?
Maybe an article like this would help?
https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/
Gutenberg is a Wordpress core feature so we don't cover it in our documentation.
You can find lots of articles and tutorials on Google though.