How to customize navigation buttons

  • Resolved poukinie

    (@poukinie)


    3 years, 2 months ago

    Hi!
    I’m trying to make a website for my webcomic and I have zero knowledge in programmation. I’m playing around in wordpress to try understanding stuff.

    I was wondering if it was possible to change the navigation buttons (<< < random > >>) on the webcomic plugin. I tried to find how everywhere but didn’t find anything. I found out how to do it with comic easel but I prefer the webcomic plugin because it seems easier to understand and have more options that I’m interested in. I want to draw images and asign those images so it replaces the default (<< < random > >>) buttons.

    Can you help out the noob that I am?

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

  • No worries, this one’s easy — go into the Widgets area and drag your own custom widgets into the “Webcomic Navigation Header” and/or “Webcomic Navigation Footer” zones. Whatever you put there will replace the default navigation.

    There are pre-made, customizable “First/Previous/Next/Last Webcomic Link” widgets, to make it simpler. Where it says “Link” you just type the HTML for the button images you made.

    Thread Starter poukinie

    (@poukinie)

    @sailorptah
    Thank you for your answer! I think I understand a little. Can you explain to me how to turn my image into an HTML link? (i’m really noob hahaha)

    Not a problem! Okay, total step-by-step breakddown…

    Here’s how to add widgets to different areas of your site.

    Follow those steps to add the widgets with “Webcomic Link” in their names, to the zones with “Webcomic Navigation” in their names.

    Each widget has a box labeled “Link:”. You can just put text there, like “First”/”Last”/etc, or you can put the HTML to display an image. (You don’t have to worry about turning it into a link — the widget does that part.)

    Here’s how you upload the button images to your site in the first place.

    And here’s the code to display the images in HTML.

    (That’s from the HTML reference guide at W3Schools.com. It’s got everything, from the most basic stuff onward. Definitely bookmark it.)

    So! On the WordPress dashboard, choose “Library” to see all the images you’ve uploaded. Click a button image in the library and find where it says “File URL”. Put that URL in the image HTML, put that image HTML in the widget, and there you go.

    Thread Starter poukinie

    (@poukinie)

    @sailorptah
    Thank you so so much!!! I managed to do it ??
    Thanks for all the links and resources, I think I’ll manage to do a website after all <3

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to customize navigation buttons’ is closed to new replies.