I am trying to set up a menu where one of the drop downs of it contains is a link to a place on that parent page. As an example, I am building a page for my girlfriend massage therapy studio and I have a page that has all of styles and because I do not want a page for each style but I do want them referenced in the menu as drop downs I am at a loss. What I have done so far is build a menu with a link and a link name but I want that to point to that particular product on the products page.
Here would be my menu:
Home – About Me – Styles of Massage
Under “Products” there is:
– Style 1
– Style 2
– Style 3
So I want to have the drop down menu have them listed but I don’t want to have individual pages for each style but instead have a place marker on the styles page for each of them. I hope that makes sense.
I should have elaborated more.. I know I am talking about referencing an “Anchor” here.. Just want to know how to include the anchor code I guess and reference that from a WP link..
Hi Bill
Thanks for your support.
I’ve just chatted about this on the following threads:
Thread: create an embedded link on the same page
Thread: Link to part of another page – Anchor?
Perhaps give those a read and see how you do.
Trying to make it work Andrew and conceptually I understand what you are getting at.. The problem I seem to be running into is that I can not find the “ID” that you speak of in your reply when you said “find the ID’s closest to where you want the user to go to and then add #the-id-name-goes-here to the end of the services link.”
I did some looking around on other pages on the web and I tried to insert a but it never saves to the file when I am in editor mode for the page instead of page builder mode.. Does that make sense.
For sure.
All major browsers have a developer tool. This tutorial goes over using Chrome’s: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.
In Chrome you can right click any element and click Inspect Element. That takes you to that section in the page source. Then you just need to find the nearest ID. For example navigate here: http://demo.siteorigin.com/vantage/. Go to the Latest Posts heading in Chrome, right click and click Inspect Element. Look up four lines and you’ll see:
To link to this section you’d link to:
Andrew… Many thanks for being patient with my ignorance of some of this. I thought I had to manually name the element instead of inspecting the element.. Worked like charm.. Many thanks for your assistance and your prompt replies.. So pleased that I learned that..
Bill
No problem at all. The most basic way of doing this would have been to insert your own ID’s but aspects of this method is easier.
All the best.
So let me ask you this Andrew. Is it best to create my own IDs and name them appropriately to the style of massage to help with SEO or would that not be reflected in the rating.
Example:
Currently we are using something like “Panel 34-0-1-1” or whatever.. Would it not be better to rename that panel “Ashiatsu_Massage” to increase key search words?
Just a thought
For sure you can definitely do that. Widget titles can’t handle HTML but any widget content area or general content area can. So you could say:
or