Link a title to a text

  • Author
    Posts
  • #125963
    tomcliment
    Member

    Hi there,
    I have a bibliography section in my wordpress blog. In it I have various reviews and articles. I have them numbered and titled and then the corresponding reviews/articles written in full below this list. I’m trying to see if I can link the titles to the reviews/articles, i.e if you click on a title you’ll be brought to the corresponding review/article in full. Can I do this within the blog itself?

    Hope this makes sense.
    Thanks
    Best wishes,
    Tom

    The blog I need help with is: (visible only to logged in users)

    #126135
    scottrrollo
    Theme Author

    Hey there, Tom 👋

    Lovely work with your website and art! Yes, you absolutely can do that. Here’s how:

    1. Switch to the Text editor view for your Bibliography page.
    2. For each review (full article) you’ll want to add a unique HTML ID like this:

    <strong id="add-your-id-here">add your review title here</strong>

    3. Then, link your review (the numbered point) like this:

    <a href="https://tomcliment.com/bibliography#add-your-id-here">add your numbered review title here</a>

    Give that a try! I know if you’re new to HTML that might seem tricky, but I’m happy to help with any questions.

    #126143
    tomcliment
    Member
    Original poster

    Hi Scott,

    Thanks a million, that’s great. I’ve done the first one but I just have a couple of questions.

    The titles are coming twice, the original one plus the new code. The link is working though. I’m not sure where to place the new HTML code( in text editor) in each full review and corresponding numbered list title.

    What do I need to do to just have one title coming up? Also I’d like to keep the original brown/red colour of the full review titles as well.

    Hope all this makes sense, thanks again for your help.

    Best wishes,
    Tom

    #126168
    tomcliment
    Member
    Original poster

    Hi Scott,

    I forgot to say as well I wasn’t sure what to do with “add-your-id-here”. I left it as it was. Should I replace this with something else?

    I’m not sure what my id is?

    Thanks again.
    Best wishes,
    Tom

    #126178
    scottrrollo
    Theme Author

    Hey! Glad to see we’re making progress, Tom 😀

    So, you’ll actually want to replace your existing titles with this new code. To give you a clearer picture, ‘code’ is actually just your content plus some formatting that the browser understands.

    One of the things in my original message that I didn’t make clear, is that each ID needs to be unique. So, where it says ‘add-your-id-here’ you want to name it something meaningful like Cristinleach01. Otherwise, if more than one title shares the same ID the browser doesn’t know which title to navigate to.

    So please give that another go and report back! Happy to help you here!

    #126208
    tomcliment
    Member
    Original poster

    Hi Scott,

    Thanks a million, that’s worked great now. Thanks for your help with this.

    I have another couple of questions but I’ll start another thread if that’s ok.

    Best wishes,
    Tom

    #126236
    scottrrollo
    Theme Author

    Happy to help, Tom!

  • The topic ‘Link a title to a text’ is closed to new replies.