We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

How to use anchor links from theme settings?

January 30, 2023 at 11:48 pm #9203

[anonymous]

That is, I would like to mark text in a post as anchor and link to this position it from text in the theme settings.

February 9, 2023 at 5:34 am #9290
[anonymous]
Hi! What do you mean by linking to the anchor in the theme settings?

Typically, to create an anchor, you would add an ID to the markup of the text. Here’s an example for the webpage http://www.mysite.com/page:
```
<p>This is my text. Here's my <span id="the-id">anchor</span>. Hope you like it!</p>
```
Then, to create an anchor link, you would add a reference to that webpage, follow by a slash, # and the ID:
```
<p>Here is my anchor. Hope it works!</p>
```
February 11, 2023 at 2:26 pm #9327
[anonymous]
I mean a link from the frontpage’s hero section to a certain position on a certain page, namely a certain meal with a h4 heading.

With your method, this is what I get:
- 16 – YAKI-TORI
  4,50 €
  
  2 STK – Japanische Hühnchenspieße mit Teriyaki Sauce
- anchor class=”uKXCDd”>17 – Satay Gay
  4,50 €
  
  2 STK – Thailändische Hühnchenspieße mit Erdnuss Sauce
February 11, 2023 at 5:08 pm #9329

[anonymous]

You need to use an ID inside your H4, not a class. Anchors only work with IDs.

February 12, 2023 at 2:43 pm #9331

[anonymous]

The anchor class has the same identifier than the headings’ and got created automatically upon saving, maybe due to the span tag.

I tried without span tag and now it works:

<h4 id=”satay-gay” class=”uKXCDd”>17 – Satay Gay</h4>

Thanks for your help!

February 12, 2023 at 6:07 pm #9336

[anonymous]

Yes, I should have specified: the ID should be added to whatever HTML tag you want to reference to. Could be a p tag, a heading, a div, etc.