How to add a jquery nav bar to WP?

  • Hello, I am very new to WordPress.
    I started building a site using html & CSS.

    I decided to duplicate what I have so far into Wp so I can utilize plugins, etc.

    I am getting there, but am stuck. My orig site has a jquery horiz navbar, and I am not sure how to put it in my new WP site. Would I just edit the html code as I did in my first site? Or is there a tool for implementing jquery into a WP site? Any advive would be greatly appreciated. Sincerely, Buffmin

    Old site: https://test.doubledoubleny.com/ (You can see the navbar)
    New site: https://doubledoubleny.com/

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

  • The Codex is your friend.
    https://codex.www.ads-software.com/Using_Javascript
    https://codex.www.ads-software.com/Function_Reference/wp_enqueue_script

    Thread Starter Buffmin2

    (@buffmin2)

    I will check it out. Thank you very much!

    Thread Starter Buffmin2

    (@buffmin2)

    Well….. although I am comfortable with html & CSS, I am just somewhat comfortable with jquery. I understand the basics, and know the basics of functions and that, but have a question.

    On the one link: https://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/ I understand the first 2 parts (editing the head section of header.php)to call jquery. It then explains how to insert the functions into the code. But, with the “magicline” navbar that I am using, my code is in a separate “featuredcontentglider.js” filethat I normally leave in my root. Can I still leave the sheet in my root, or do I need to pull the code (I know it is just a series of functions) and place it on my page?

    Please excuse my ignorance, but I am new to WP. Sincerely, Buffmin

    I would say that the best thing to do is to use functions.php and reference youglider.js file into the head. you should be able to hook it. then you can use the wp menu in the dashboard to make life easier.
    I have an HTML theme inside WP and its tough to integrate all of these things.

    learn hooks, or use genesis child themes, and you could do anything for sure.

    Thread Starter Buffmin2

    (@buffmin2)

    Thanks KrashCart,
    I appreciate your tips. I have been watching some tutorials on utilizing the functions.php, and need to just get more comfortable, but it is nice to have you guys (or girls) steering me in the right directions! I wasn’t sure if I could reference my js file from the head, but now I know. Thanks again, Buffmin

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to add a jquery nav bar to WP?’ is closed to new replies.