Archived topic
I got lost with hooks, headers etc, need some help
1 reply · Started by Michal on July 13, 2021
Hello,
I try to copy the upper part of the financer.com/us/company/5kfunds/ landing page.
I mean this - https://share.getcloudapp.com/mXurNg9J
breadcrumps (I have yoast); this company field which I already have as a hook (perhaps a header will be a wiser idea?)
And I like a lot this links - https://share.getcloudapp.com/wbu6O410 where Reviews scrolls you to the comments section.
I already have this design:
https://wordpress-561881-1991384.cloudwaysapps.com/index.php/2021/06/16/welcome-to-cloudways/
1. I need a clarification of what would be a better option with this company field - https://share.getcloudapp.com/Wnux5vKX
hook or header and why?
2. I also have some problems with stylying yoast breadcrumps here to be aligned exactly like this.
3. this links - https://share.getcloudapp.com/wbu6O410 - where Reviews scrolls you to the comments section - any idea of how to do that?
I gave my test website details for you if necessary
Hi Michal,
1. Hook is fine. Header element is technically a hook as well, and we're trying to replace it completely with Block element in the future. If you don't need the merge function of Header element, then you don't need to use a Header element.
If the content of this hook is going to be dynamic, eg. different company names/different reviews scores. I would recommend using Block element which has dynamic content function and custom fields of the posts.
Here's an tutorial video:
https://youtu.be/H6wHd83DfDI
2. How did you add the breadcrumbs? Hook a Shortcode? If so, could you use Block element instead Hook element, wrap a GB container outside a shortcode block? In this way, you can set colors/container width in the GB container's settings.
3. The link is a screenshot, so I can't see how it scrolls exactly, but I guess it's using an HTML anchor. This tutorial video should be helpful:
https://youtu.be/f_OaAiJ3oV4
