Jak dodać własne menu nawigacji w motywie WordPress?

99 komentarzyZostaw odpowiedź

1. Imran

   I have a custom header built for wordpress when had menu items hardcoded, How can i use the wordpress menu in the header instead of the hardcoded menu ?

   Odpowiedz

2. cheryl

   I am fairly new to wordpress however I would like to edit a custom menu that we have created as something appears wrong within the menu.

   How do i do this?

   Odpowiedz

3. Manu

   Excellent tutorial! This was exactly what I needed right now. Within 5 minutes I was able to set up a footer menu in a theme that by default didn’t have any. Thank you so much

   Odpowiedz

4. Munna Hossain

   Helpful article. I am a WordPress user and this tips will help me to add custom navigation menus. Thanks for sharing.

   Odpowiedz

5. Daniel Keith

   Hi there,
   Great tutorial. How can I apply CSS to this custom menu?
   Though this is a great way to add multiple menus but without proper CSS the website look odd.

   Odpowiedz

6. Zaheer Abbas

   I m creating my word press theme but menu and widget is not showing in admin panel ???
   is it built in features in word press or i have to create menus and widgets with code plz guide

   Odpowiedz

7. Tabitha

   How can I make my drop down menu into columns? My current drop down is too long.

   Odpowiedz

8. Aakash Salunke

   I’m little bit advanced user. My theme supports only one menu. But I want to add one more menu. I have made it but how can I add?

   Odpowiedz

   • WPBeginner Support

     First you will need to register the menu location, then you will need to edit your theme files to display your navigation menu.

     Odpowiedz

     Administrator

9. bobit

   its worked, thanks for the great post

   Odpowiedz

10. Aijaz Ansari

    Awsome, tutorial, it really helps a novice like me.
    thanks

    Odpowiedz

11. Victoria

    Thanks for the article!!! I created my new menu.
    I have a problem though.
    My website has a fixed width, and when I resize the window everything stays in place, exept for the new menu. Min-width is not an option because it’s not exactly the behavior I want.
    How can I make it behave the same way as the rest of the contents of the page?
    Thanks!

    Odpowiedz

12. Joey

    THANKS! I was looking a long time for this, never thought it was so simple.

    Odpowiedz

13. Cory

    i have a crazy old theme that didnt support WP 3.0+ menus. This tutorial was so easy. Took me 3 minutes to bring it a little more up to date. thanks so much.

    Odpowiedz

14. Jacques Goudreau

    Thanks for the tip! Great tut!

    Odpowiedz

15. Emma

    Where do you even go to make these changes? I can’t see any of those options under the Theme or Theme Options tabs.

    I use the Buenos Theme, but can’t find on the Buenos theme page does it support these changes? I want to put in an Archive menu with a list of all the recipes on my blog… should be easy but proving impossible

    Odpowiedz

    • Editorial Staff

      Most themes do support this. Look at Appearance > Menus. This article is for theme designers who want to add this feature in their themes to allow users to add menus from the backend.

      Odpowiedz

      Administrator

16. Zoe

    I’ve been trying to add a custom class to a singular custom url (to change the color of just one url) in the Top Nav Menus section, but it just adds my class as an extension of the existing class in the output source code and nothing happens.

    Here’s my css code and the source code that is output on my site:

    .myCustomClass { color: #FFFF00; }

    A one-off colored link

    Any suggestions on how to get this to work?

    Odpowiedz

    • Editorial Staff

      Yes add it like color: #ffff00 !important; in that class. This should do the trick.

      Odpowiedz

      Administrator

17. Jeremy Johnson

    I was able to implement these modifications and the custom menu works. However, the css in my chosen theme doesn’t seem to support sub-menus. The submenu item is always visible, mousing over the parent item does nothing, and the parent menu item is as wide as the wider child item which pushes the other menu items farther to the right than they should be. Any suggestions on making the sub-menu act dynamically? I’m fairly new to CSS.

    Odpowiedz

    • Editorial Staff

      The best place to start would be to take the default Twenty Eleven theme. Use the navigation CSS from there, and start modifying.

      Odpowiedz

      Administrator

    • Cedric

      Still looking for a solution for this.

      Odpowiedz

18. shaunling

    This is just great!

    Odpowiedz

19. digitfox

    Yeah! its a nice tutorial for me! I am very new to WP! Thanks

    Odpowiedz

20. PauloNeves

    I need help.
    Follow all steps, but in Apparance Panel the option menu not enable.
    When select other theme working.
    How do enable option menu?
    Thanks.
    Paulo Neves

    Odpowiedz

    • wpbeginner

       @PauloNeves You have to add this line in your theme’s functions.php file: add_theme_support( 'menus’ );

      Odpowiedz

21. Brad

    Thanks for this! Worked awesomely for me and helped my client a lot! – aptdesign 

    Odpowiedz

22. eeebasic

    That is very helpful me although wordprees 3.3 version released few days ago.

    Odpowiedz

23. citydan

    I have followed the instructions and this post and the post here (https://www.wpbeginner.com/wp-tutorials/adding-a-second-menu-to-the-twenty-ten-theme/), and figured out how to get my CSS to make the menu appear correctly, but the child items (sub menu items) are not appearing. I have them set up correctly in the menus editor, but on the site they do not show. They are not hidden by CSS because they are not there in the source code of the page.

    Any ideas why my menu sub-items are not showing?

    Odpowiedz

24. GourabMalla

    Hi,

    I have added the custom menu in top navigation but want to know how can I active the “Current Page Class”.

    I’m using WordPress 3.2

    Thanks

    Gourab

    Odpowiedz

25. DanFlynnDesign

    Thank you! Love how this is all dynamic so the client can edit if needed, plus able to state which is the current page and apply hover effect! EXACTLY what I was looking for!

    Odpowiedz

26. asharperrazor

    I have tried this many times. I have an old wordpress theme. So old I’m not even sure what version of wrodpress it was written for. Anyway, I can get the functions part to work. I can save the correct menu. I can put the code into other parts of my website, say the footer, although it displays as a hierarchy list and not horizontally.

    Won’t display in the top nav menu. Do I need a new theme or is it possible to edit my current theme to allow the new menu function?

    Thanks in advance. The website is http://www.asharperrazor.com

    Odpowiedz

27. JamesGeorge

    I implemented this with NO problems-thank you! I took the „nav menu” code and put it in the div where my client’s theme was calling the list of pages. I basically replaced it with your code from above and uploaded it, and the css kept it in the same style. It looks great and functions perfectly. AWESOME!

    Odpowiedz

28. ÁlvaroBenavides

    I really need help implementing the CSS of the classes, so please notify when u finish!

    Odpowiedz

29. Bec

    Great post – thank you!

    I have implemented as above and my menu items are showing on site only problem is that each page is empty?!

    any ideas?

    Odpowiedz

    • Editorial Staff

      Sounds like a PHP error. Please validate your PHP to make sure there is no error.

      Odpowiedz

      Administrator

30. Joseph McCullough

    Quick and dirty – the way I like my code snippets. Thanks a bunch.

    Odpowiedz

31. Paul

    I have created custom navigation menus a couple of times. What is weird is that after I create and save them, they appear for a while and then the navigation bar returns to 2 tabs only as if the settings are automatically overwritten. On sites with the same template were I never created a custom bar they display correctly.
    Any ideas?

    Odpowiedz

    • Editorial Staff

      Nope, no clue why it is doing that.

      Odpowiedz

      Administrator

32. Narendra Choudhary

    You can define custom classes to each navigation, and then add image in the background. You can even use CSS (text-indent) property to get rid of the Menu text if you want.
    Reply

    Odpowiedz

33. Ram

    I have a question on nav menu,
    is there any way to add the image to the list of navigation menus..

    Thanks,
    Ram

    Odpowiedz

    • Editorial Staff

      You can define custom classes to each navigation, and then add image in the background. You can even use CSS (text-indent) property to get rid of the Menu text if you want.

      Odpowiedz

      Administrator

      • Ram

        thanks for your response but i need more clearly that custom menu image for the wordpress.
        Im using wp_list_categories(’exclude=4,7&title_li=’); to show the navigational menu so is it any possibility to add the different images to the different menu button. Im trying the CSS but it never works for me

        Thanks,
        Ram

        Odpowiedz

        • Editorial Staff

          Yes it is possible to add different images with the custom menu. The one you are using is not the menu that we are talking about in this article.

34. Julie @ Inspired to Write

    Can you add code to make it look more presentable (fonts, buttons, size, etc)? If so, can you give me an example and where to put this code? Thanks!

    Odpowiedz

    • Editorial Staff

      That is a CSS related question. You will have to add the font size in the appropriate classes in the CSS file. We will be doing a writeup on the CSS styles soon.

      Odpowiedz

      Administrator

35. Chris

    Question about the menu handling.

    I have a menu that is right aligned, so the menu items show up in reverse order.

    Is there a way to sort the menu_order in REVERSE?

    so: sort_column’ => 'menu_order’ would have something added to reverse the order.

    Thanks!

    Odpowiedz

    • Editorial Staff

      Just because they are right aligned, shouldn’t make it appear in reverse order. To fix that, you need to change your CSS rather than reversing the hook. Make a container div that is aligned right, and then make the list tags float left.

      Odpowiedz

      Administrator

36. Julie

    Have followed instructions but after creating menus and adding appropriate categories to use, I can’t see them in my nav bar – any ideas what I have done wrong?

    Odpowiedz

    • Editorial Staff

      Have you pasted the codes in your header.php or wherever that menu should appear?

      Odpowiedz

      Administrator

37. dan

    You also need to add this to your functions.php file in order for you to use the menus

    register_nav_menus( array(
    'primary’ => __( 'Main Navigation’, 'twentyten’ ),
    ) );

    Odpowiedz

    • Editorial Staff

      Certainly a thing that you should have when releasing free themes, but for custom themes it all depends on what you need. Sometimes you don’t have to register locations.

      Odpowiedz

      Administrator

38. errr

    i’m soooo not following … could u be more clear where i would plug this code (add_theme_support( 'menus’ );) into the functions.php file?

    i’m totally lost

    Odpowiedz

    • Editorial Staff

      Somewhere within the php tags. If you do not have PHP experience, we recommend you hire a professional.

      Odpowiedz

      Administrator

      • BanyanTree

        If you are going to write articles for newbies, it follows you should answer simple questions. Otherwise, just pay for ads to push your business and save the pretense.

        Odpowiedz

        • wpbeginner

          @BanyanTree Adding codes to functions.php file is not that hard. You paste it within the php tags. We have written an articles like this:https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/ But its just impossible to link to that one article from all of our articles. When someone asks you how do I change the background in CSS and you tell them that you add background: #000 or another hexcode in the CSS property thats help enough.Now if they ask where in the CSS file I paste that, then that is something you need to know before hands. This site is not a PHP for Dummies site or CSS for dummies site. We do our best to help as much people as possible for FREE.

        • BanyanTree

          @wpbeginner@BanyanTree You don’t need to link to articles, no one asked for that. Three words answers his question; „at the end,” which is easier to type than a snide remark. Keep in mind, you named your site; „wpbeginner,” and if that’s the audience you seek, cater accordingly.

        • wpbeginner

          @f1mktsol Yes and the site has grown beyond the audience we initially started with. This site has evolved. That is why we have categories… The word „beginner” is being used on a relative scale.

          We have articles for Very Newbies who are just users in our Beginners Guide Category… We also have articles in our WordPress plugins category that are catered to that audience.If you are in our WP Themes category, then the articles are written for beginning theme developers. They are beginners in the developer area. Same with the tutorials.

          Hope that explains it.

        • f1mktsol

          @wpbeginner If you’ve outgrown your name, you should change it to suit the audience you seem to prefer. Consider consulting a professional.

39. Skubeedoo

    I added add_theme_support( 'menus’ );
    and saw no option in the admin panel [where do i look?] I’m using intrepidity theme. I’m a noob, so it might be right in front of me and don’t know the difference. I have a website that has a WP inside it and want to be able to navigate out of WP and back to my main URL. All I need is a „Home” nav link.
    Thanks in advance.

    Odpowiedz

    • Editorial Staff

      It should show under Appearance Tab.

      Odpowiedz

      Administrator

40. ianarosh

    friend you have an awesome site and I am glad i’ve found it!
    I was killing my head to figure how to add the costum menu and it was easy after i’ve seen this! Simply amazing.

    A sugestion ever pondered in making posts about blog/server security? (not sure if you’ve had already need to explore more :O)

    Best regards and keep the good work mate!

    Odpowiedz

    • Editorial Staff

      Do a search, we already have a post about that.

      Odpowiedz

      Administrator

41. Charles

    Can any of you tell me how to add support for multiple menus in the functions php file. I want to include two set’s of menus

    Odpowiedz

    • Editorial Staff

      You don’t need to have two set of functions.php… Just call the main function. Create multiple menus using the user interface in wp-admin. Then you would have to call the menus in the php code.

      Odpowiedz

      Administrator

42. Jamie

    Just to let you know but the following:

    „add_theme_support( 'nav-menus’ );”

    Has changed in the final release to:

    „add_theme_support( 'menus’ );”

    Thanks!

    Odpowiedz

    • Peter Luit

      @Jamie: Thanks for that latest remark!

      Odpowiedz

    • Editorial Staff

      Thanks Jamie, Post fixed

      Odpowiedz

      Administrator

43. Jacob

    Great. Just what I was looking for. How do you add the menu slug to the function?

    Odpowiedz

    • Editorial Staff

      ’menu’ => 'Project Nav’ like this <<

      Odpowiedz

      Administrator

44. Chris Creed

    Thanks for this – I’m currently playing around with the new menu system – it’s a great additional feature that’s going to make things so much easier. I develop themes and get quite a few support requests from people wanting to create custom navigation sections on their site – the new menus should hopefully help to simply things a lot (especially for people with little WordPress experience).

    Odpowiedz

45. Gopal Bhattacharjee

    I am also testing WordPress 3.0 Beta, now I can play arround with menu…Thanks!

    Odpowiedz

46. Angie

    I am wondering how to remove HOME from my nav menu using WP 3.0 beta. Do I edit the wp_nav_menu function or is there some other way?

    If I edit the function, can you provide instruction?

    Odpowiedz

    • Editorial Staff

      You can simply click Remove…just like any other navigation link.

      Odpowiedz

      Administrator

47. Kevin

    Its a pity there’s no way to add the „home” page to the menu from within the menu builder. This is a major flaw.

    Odpowiedz

    • Editorial Staff

      Why not? You can create a custom navigation link called Home and add your homepage URL to it.

      Odpowiedz

      Administrator

48. Noor

    I am also testing WordPress 3.0 Beta and I found few bad things in Menus…e.g it is inconsistent and hope till the final release it will become consistent

    Odpowiedz

49. michelle

    nice tutorial! thanks for the share!

    Odpowiedz

50. Mani Viswanathan

    Good Tutorials first up! will be useful while I upgrade to 3.0

    Odpowiedz