Edit html with code editor Tourjours

  • I have been trying unsuccessfully to edit the “previous” and “next” navigation links on my posts. Previously, they displayed on the code editor, in html but now I cannot edit them to link to other posts. Some of the links are incorrect.

    Eg. On the ‘Okinawa’ page – https://blog.knbtouring.com.au/?p=117,

    Categories Japan
    Previous Great Ocean Road……………………………… Next N.Z. Discovered 2013

    I want to link the ‘previous’ to https://blog.knbtouring.com.au/?page_id=85 and the ‘next’ to https://blog.knbtouring.com.au/?page_id=130 .

    Could anyone possibly advise me how to do that, either in the block editor or classic editor? I also have a number of other posts where I need to edit similar links.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello there,

    It wouldn’t be possible to change this per post dynamically. It’s possible to hide this section with some custom CSS.

    You would need to add these buttons into the post content, and I would recommend using a column block:

    https://wordpress.com/support/wordpress-editor/blocks/columns-block/

    And a button block https://wordpress.com/support/wordpress-editor/blocks/buttons-block/

    I hope this helps.

    Thread Starter kkw1

    (@kkw1)

    Thank you Adam. When I look at the html from the webpage on ‘inspect source html’ I see
    <div class=”nav-links”><div class=”nav-previous”><span class=”nav-subtitle”>Previous</span> <span class=”nav-title”>Great Ocean Road</span></div><div class=”nav-next”><span class=”nav-subtitle”>Next</span> <span class=”nav-title”>N.Z. Discovered 2013</span></div></div>

    When I log in to my www.remarpro.com account and try to edit that same page, the above html is not present. Not sure why, as it has been in the past. Only thing I can think of is the Jetpack plugin has maybe denied the view of the pages entire html?

    Hello there,

    When I log in to my www.remarpro.com account and try to edit that same page, the above html is not present. Not sure why, as it has been in the past.

    I’m not sure if this was always available as this is built into the template.

    Has this HTML been added somewhere along the way to a page?

    Thread Starter kkw1

    (@kkw1)

    Adam, no. I just looked at the template on https://wordpress.com/theme/toujours. If you click on the Perfect Bouquet page, you can see the previous and next ‘tabs’ under the categories block. I guess I will have to keep trying to find how to edit my pages.

    Hi @kkw1,

    As Adam explained above, the Previous/Next links at the bottom of blog posts are generated by the theme itself. It doesn’t form part of the post content inside the editor, and cannot be modified from within the editor.

    Those links are generated dynamically, and link to the previous and next posts that exist in the site’s database based on publication date. If they’re not linking to the correct posts based on publication date, it’s most likely a caching issue, so in that case I’d recommend refreshing your site’s cache via your hosting provider’s control panel, or your caching plugin’s settings, if you’re using one.

    I see in your original post you say you used to be able edit those from the HTML view in the editor, but I can assure you that’s not possible, as that’s simply not how this theme works or has ever worked. If you had such links available in the editor, the only way that’s possible is if you were using a plugin that added its own links in addition to, or in place of, those generated by the theme.

    Thread Starter kkw1

    (@kkw1)

    Thank you very much. That makes sense to me. I was sure that I could see the nav html in previous years, but perhaps not. Thank you both for your responses. I have a LOT to learn and at my age not too much time to do so.

    Glad to help ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Edit html with code editor Tourjours’ is closed to new replies.