{"id":5781,"date":"2018-05-04T11:05:17","date_gmt":"2018-05-04T11:05:17","guid":{"rendered":"https:\/\/www.templatemonster.com\/pl\/blog\/?p=5781"},"modified":"2018-05-04T11:05:17","modified_gmt":"2018-05-04T11:05:17","slug":"wp_nav_menu-na-stronie-wordpress","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/","title":{"rendered":"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()"},"content":{"rendered":"<p style=\"text-align: justify;\">Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b zawarto\u015b\u0107, ale nie jest ona dynamiczn\u0105.<\/p>\n<p style=\"text-align: justify;\">Najlepsz\u0105 metod\u0105 by\u0142oby stworzenie w\u0142asnej <strong>nawigacji WP<\/strong>, kt\u00f3r\u0105 administrator mo\u017ce nast\u0119pnie powi\u0105za\u0107 z jednym z ich w\u0142asnych menu.<\/p>\n<h3 style=\"text-align: center;\">Podstawy<\/h3>\n<p style=\"text-align: justify;\">Jeszcze przed wieloma post\u0119pami tw\u00f3rc\u00f3w WordPress 3.0 zazwyczaj podcyas tworzenia motyw\u00f3w u\u017cywano <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">wp_page_menu()<\/a>. Wy\u015bwietla pe\u0142n\u0105 list\u0119 stron wraz z linkiem strony domowej.<\/p>\n<p style=\"text-align: justify;\">Ale bardziej popularn\u0105 metod\u0105 tworzenia nawigacji jest <a href=\"https:\/\/codex.wordpress.org\/WordPress_Menu_User_Guide\" target=\"_blank\" rel=\"nofollow\">wbudowany system menu WordPress<\/a>. Korzystaj\u0105c z niej administratorzy mog\u0105 tworzy\u0107 tyle niestandardowych menu, ile chc\u0105, przeci\u0105gaj\u0105c i upuszczaj\u0105c linki, aby r\u0119cznie\u00a0utworzy\u0107 potrzebn\u0105 hierarchi\u0119 i struktur\u0119. Mo\u017cna r\u00f3wnie\u017c bezpo\u015brednio zarz\u0105dza\u0107 linkami do post\u00f3w, stron, kategorii, tag\u00f3w\u00a0itd.<\/p>\n<p style=\"text-align: justify;\">Pierwszym krokiem jest napisanie kodu w pliku <strong>functions.php<\/strong>, kt\u00f3ry tworzy menu nawigacyjne. Mo\u017cna to zrobi\u0107 za pomoc\u0105 <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menu\" target=\"_blank\" rel=\"nofollow\">register_nav_menu()<\/a> lub <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menus\" target=\"_blank\" rel=\"nofollow\">register_nav_menus()<\/a>. Te menu wymagaj\u0105 tylko jednego identyfikatora o nazwie <strong>$location<\/strong> wraz z ma\u0142ym opisowym ci\u0105giem znak\u00f3w.<\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\r\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\" style=\"font-family: monospace;\">register_nav_menu<span style=\"color: #009900;\">(<\/span> <span style=\"color: #0000ff;\">'primary'<\/span><span style=\"color: #339933;\">,<\/span> <span style=\"color: #0000ff;\">'Primary Menu'<\/span> <span style=\"color: #009900;\">)<\/span><span style=\"color: #339933;\">;<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p style=\"text-align: justify;\"><strong>$location<\/strong>\u00a0jest bardziej podobny do slug ID u\u017cywanego do identyfikacji menu w motywie. B\u0119dziesz odwo\u0142ywa\u0142 si\u0119 do tego zdefiniowanego elementu wewn\u0105trz dowolnego pliku motywu PHP, kt\u00f3ry b\u0119dzie mu potrzebny. Nale\u017cy r\u00f3wnie\u017c pami\u0119ta\u0107, \u017ce menu nawigacyjne automatycznie inicjuje obs\u0142ug\u0119 motyw\u00f3w, wi\u0119c nie trzeba <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/\" target=\"_blank\" rel=\"nofollow\">u\u017cywa\u0107 menu add_theme_suppor()<\/a>.<\/p>\n<hr \/>\n<h3 style=\"text-align: center;\"><\/h3>\n<h3 style=\"text-align: center;\">Pozycja w motywie<\/h3>\n<p style=\"text-align: justify;\">Przy konfiguracji menu w pliku <strong>functions.php<\/strong> powinni\u015bmy przej\u015b\u0107 do innych plik\u00f3w motywu. Zacznijmy od typowej lokalizacji, takiej jak <strong>header.php<\/strong>, gdzie mo\u017cemy doda\u0107 bardzo prosty kod. Ten przyk\u0142ad jest kopiowany z <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_nav_menu\/\" target=\"_blank\" rel=\"nofollow\">wp_nav_menu()<\/a> i zawiera wszystkie opcjonalne parametry.<\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20\r\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\" style=\"font-family: monospace;\"><span style=\"color: #000088;\">$defaults<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #990000;\">array<\/span><span style=\"color: #009900;\">(<\/span>\r\n\t<span style=\"color: #0000ff;\">'theme_location'<\/span>  <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'menu'<\/span>            <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'container'<\/span>       <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">'div'<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'container_class'<\/span> <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'container_id'<\/span>    <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'menu_class'<\/span>      <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">'menu'<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'menu_id'<\/span>         <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'echo'<\/span>            <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #009900; font-weight: bold;\">true<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'fallback_cb'<\/span>     <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">'wp_page_menu'<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'before'<\/span>          <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'after'<\/span>           <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'link_before'<\/span>     <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'link_after'<\/span>      <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'items_wrap'<\/span>      <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">'&amp;lt;ul id=\"%1$s\" class=\"%2$s\"&amp;gt;%3$s&amp;lt;\/ul&amp;gt;'<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'depth'<\/span>           <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #cc66cc;\">0<\/span><span style=\"color: #339933;\">,<\/span>\r\n\t<span style=\"color: #0000ff;\">'walker'<\/span>          <span style=\"color: #339933;\">=&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span> <span style=\"color: #0000ff;\">''<\/span>\r\n<span style=\"color: #009900;\">)<\/span><span style=\"color: #339933;\">;<\/span>\r\n\u00a0\r\nwp_nav_menu<span style=\"color: #009900;\">(<\/span> <span style=\"color: #000088;\">$defaults<\/span> <span style=\"color: #009900;\">)<\/span><span style=\"color: #339933;\">;<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p style=\"text-align: justify;\">Zamierzam zag\u0142\u0119bi\u0107 si\u0119 w te opcje w nast\u0119pnej sekcji. Ale zaczn\u0119 od pierwszych dw\u00f3ch. Pami\u0119taj, \u017ce wszystkie te\u00a0funkcje s\u0105 <em>opcjonalne,<\/em> poniewa\u017c warto\u015bci, kt\u00f3re widzisz powy\u017cej, stan\u0105 si\u0119 domy\u015blnymi, je\u015bli nie zostan\u0105 nadpisane. <strong>theme_location<\/strong> powinien odpowiada\u0107 selekcji lokalizacji wybranej podczas rejestrowania menu. Jest to jedyna warto\u015b\u0107, kt\u00f3r\u0105 nale\u017cy zmieni\u0107, aby upewni\u0107 si\u0119, \u017ce jest odpowiednio dopasowana.<\/p>\n<p style=\"text-align: justify;\">Czasami ludzie myl\u0105 lokalizacj\u0119 menu z <strong>menu<\/strong>, poniewa\u017c oba s\u0105 bardzo podobne. W rzeczywisto\u015bci menu powinno prawie zawsze zosta\u0107 pomini\u0119te, co pozwala webmasterowi przypisa\u0107 w\u0142asne menu do tej lokalizacji. Ten parametr <strong>menu<\/strong> s\u0142u\u017cy do w\u0142\u0105czenia gotowego menu administratora. Powinien by\u0107 identyczny z wcze\u015bniej istniej\u0105cym menu, kt\u00f3re zosta\u0142o ju\u017c utworzone. Ale poniewa\u017c wi\u0119kszo\u015b\u0107 os\u00f3b nie ma istniej\u0105cego menu, najlepiej jest po prostu opu\u015bci\u0107 to menu nawigacyjne.<\/p>\n<hr \/>\n<h3><\/h3>\n<h3 style=\"text-align: center;\">Setting Parameters<\/h3>\n<p style=\"text-align: justify;\">Pozosta\u0142e ustawienia s\u0142u\u017c\u0105 g\u0142\u00f3wnie do dostosowania, dlatego mo\u017cesz je zignorowa\u0107. Ale\u00a0om\u00f3wimy reszt\u0119, aby dobrze zrozumie\u0107 mo\u017cliwo\u015bci. <strong>container<\/strong>, <strong>container_class<\/strong> i <strong>container_id<\/strong> s\u0105 korzystne przy stylizacji menu. Zewn\u0119trzny element\u00a0pojemnika owija si\u0119 wok\u00f3\u0142 UL, wi\u0119c mo\u017ce to by\u0107 nawet tag HTML5 &lt;<strong>nav<\/strong>&gt; je\u015bli lubisz semantyk\u0119.<\/p>\n<p style=\"text-align: justify;\"><strong>menu_class<\/strong>\u00a0i\u00a0<strong>menu_id<\/strong> zostan\u0105 zastosowane na li\u015bcie nieuporz\u0105dkowanych element\u00f3w. Ka\u017cde menu dostaje klas\u0119 .menu, wi\u0119c mo\u017cna to zmieni\u0107, je\u015bli u\u017cywasz wi\u0119cej ni\u017c jednego. Parametr <strong>echo<\/strong> informuje t\u0105\u00a0funkcj\u0119 o wy\u015bwietleniu menu HTML, w przeciwnym razie zwr\u00f3ci warto\u015b\u0107 z powrotem do funkcji lub zmiennej PHP. Kiedy <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">wp_nav_menu()<\/a> nie mo\u017ce by\u0107 uruchomiona z jakiegokolwiek powodu, automatycznie\u00a0zostanie u\u017cyta funckja\u00a0<a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">wp_page_menu()<\/a>, jak wspomnia\u0142am wcze\u015bniej.<\/p>\n<p style=\"text-align: justify;\">Nast\u0119pne dwa parametry\u00a0<strong>before<\/strong>\u00a0i\u00a0<strong>after<\/strong>\u00a0wyprowadz\u0105 dowolny HTML tu\u017c przed ka\u017cdym z \u0142\u0105czy kotwicznych lub tu\u017c po ich zamkni\u0119ciu. Paramatery <strong>link_before<\/strong>\u00a0i\u00a0<strong>link_after<\/strong> b\u0119d\u0105 do\u0142\u0105cza\u0107 HTML wewn\u0105trz link\u00f3w kotwicznych, tu\u017c przed i po samym tek\u015bcie. Zapami\u0119taj te opcje i pami\u0119taj, aby ich nie pomiesza\u0107! W razie w\u0105tpliwo\u015bci sprawd\u017a kodeks w celu uzyskania pomocy.<\/p>\n<p style=\"text-align: justify;\">Je\u015bli nie chcesz u\u017cywa\u0107 nieuporz\u0105dkowanej listy, mo\u017cesz to zmieni\u0107\u00a0to w\u00a0 <strong>items_wrap<\/strong>. Ten parametr u\u017cywa sk\u0142adni typu <a href=\"http:\/\/php.net\/manual\/en\/function.sprintf.php\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">sprintf()<\/a>, aby zast\u0105pi\u0107 warto\u015bci parametrami dynamicznymi w tej samej funkcji. <strong>%1$s<\/strong> odnosi si\u0119 do menu_id,\u00a0<strong>%2$s<\/strong>\u00a0- do menu_class, a <strong>%3$s<\/strong> jest zwi\u0105zany z danymi wyj\u015bciowymi listy. Poniewa\u017c zmiana element\u00f3w <strong>&lt;li&gt;<\/strong> zabiera du\u017co dodatkowej pracy, najlepiej jest pozostawi\u0107 ten\u00a0tag w spokoju.<\/p>\n<p style=\"text-align: justify;\">Na koniec parametr <strong>depth<\/strong> informuje menu o tym, jak g\u0142\u0119boko powinni\u015bmy przej\u015b\u0107 do hierarchii. Je\u015bli nasza nawigacja w nag\u0142\u00f3wku to tylko menu rozwijane z jednym poziomem, potrzebujemy tylko 1 poziomu g\u0142\u0119boko\u015bci. Lub mo\u017cemy mie\u0107 2-poziomowe menu wysuwane, kt\u00f3re mo\u017ce wykorzystywa\u0107 2 poziomy g\u0142\u0119boko\u015bci. -1 jest specjaln\u0105 warto\u015bci\u0105, kt\u00f3ra wy\u015bwietla wszystkie \u0142\u0105cza w menu, ale skrapla je razem na tym samym poziomie wy\u015bwietlania.<\/p>\n<p style=\"text-align: justify;\">Teraz element <strong>$walker<\/strong>to specjalny parametr s\u0142u\u017c\u0105cy do dostosowywania sposobu, w jaki WordPress b\u0119dzie generowa\u0142 zawarto\u015b\u0107 w hierarchii drzewa.\u00a0Potrzebuje nowego obiektu klasy, kt\u00f3ry zawiera niestandardowe metody dla danych wyj\u015bciowych. Jest to do\u015b\u0107 zaawansowany temat, ale mo\u017cesz dowiedzie\u0107 si\u0119 wi\u0119cej na ten temat z <a href=\"https:\/\/codex.wordpress.org\/Class_Reference\/Walker\" target=\"_blank\" rel=\"nofollow\">przewodnika po klasach Walker<\/a>.<\/p>\n<hr \/>\n<h3 style=\"text-align: center;\"><\/h3>\n<h3 style=\"text-align: center;\">Generowanie menu\u00a0w adminie WP<\/h3>\n<p style=\"text-align: justify;\">Ta metoda zapewni\u0107 administratorom i webmasterom lepszy spos\u00f3b na zrozumienie menu. Po zalogowaniu si\u0119 w panelu administracyjnym najed\u017a kursorem na \"Wygl\u0105d\", a nast\u0119pnie kliknij link menu.<\/p>\n<p><a href=\"http:\/\/blog.templatemonster.com\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-48247\" style=\"display: block;\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg?x56506\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg?x56506 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot-300x193.jpg?x56506 300w\" alt=\"select-menu-wp-admin-screenshot\" width=\"620\" height=\"400\" data-lazy-loaded=\"true\" \/><noscript>&lt;img class=\"aligncenter size-full wp-image-48247\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg?x56506\" alt=\"select-menu-wp-admin-screenshot\" width=\"620\" height=\"400\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg?x56506 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot-300x193.jpg?x56506 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/&gt;<\/noscript><\/a><\/p>\n<p style=\"text-align: justify;\">Tutaj nale\u017cy zmieni\u0107 uk\u0142ad link\u00f3w,\u00a0umieszczaj\u0105c je od lewego akordeona do prawej sekcji. Mo\u017cesz nada\u0107 menu nazw\u0119, do kt\u00f3rej mo\u017cna si\u0119 odwo\u0142ywa\u0107 w PHP - ale zauwa\u017c, \u017ce\u00a0w g\u00f3rnej cz\u0119\u015bci pojawi si\u0119 rozwijane menu wyboru. Po zarejestrowaniu nawigacji i nadaniu jej lokalizacji motywu pojawi si\u0119 w tym menu, aby administrator m\u00f3g\u0142 wybra\u0107. W ten spos\u00f3b webmasterzy mog\u0105 organizowa\u0107 w\u0142asne menu bez potrzeby pisania kodu PHP.<\/p>\n<p style=\"text-align: justify;\">Po lewej stronie mo\u017cesz wybiera\u0107 strony, posty, linki, kategorie i tagi. Je\u015bli klikniesz ma\u0142\u0105 zak\u0142adk\u0119 \"Opcje ekranu\" w prawym\u00a0g\u00f3rnym rogu, mo\u017cesz ukry\u0107 niekt\u00f3re z tych opcji na ekranie. Znajdziesz tu tak\u017ce opcje menu zaawansowanego, kt\u00f3re ka\u017cdemu linkowi podadz\u0105 cel (np. target=\"_blank\") lub nawet unikalne klasy CSS.<\/p>\n<p><a href=\"http:\/\/blog.templatemonster.com\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-48246\" style=\"display: block;\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg?x56506\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg?x56506 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options-300x193.jpg?x56506 300w\" alt=\"wordpress-menus-screen-options\" width=\"620\" height=\"400\" data-lazy-loaded=\"true\" \/><noscript>&lt;img class=\"aligncenter size-full wp-image-48246\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg?x56506\" alt=\"wordpress-menus-screen-options\" width=\"620\" height=\"400\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg?x56506 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options-300x193.jpg?x56506 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/&gt;<\/noscript><\/a><\/p>\n<p style=\"text-align: justify;\">Ka\u017cde \u0142\u0105cze kategorii mo\u017ce\u00a0u\u017cywa\u0107\u00a0innej klasy dla unikalnych kolor\u00f3w po aktywacji. Domy\u015blnie podasz ka\u017cdemu linkowi jaki\u015b tekst i kr\u00f3tki opis, kt\u00f3ry jest cz\u0119sto u\u017cywany tylko przez administratora strony. \u0141\u0105cza mog\u0105 mie\u0107 r\u00f3wnie\u017c atrybuty tytu\u0142u i unikalne warto\u015bci XFN.<\/p>\n<hr \/>\n<p style=\"text-align: center;\">* * *<\/p>\n<p style=\"text-align: justify;\"><em>Ten artyku\u0142 zosta\u0142 przet\u0142umaczony z angielskiego. Orygina\u0142 mo\u017cna znale\u017a\u0107 tutaj:\u00a0<\/em><em><a href=\"https:\/\/www.templatemonster.com\/blog\/how-to-build-wordpress-navigation-using-wp_nav_menu\/\" target=\"_blank\">How to Build WordPress Navigation Using wp_nav_menu()<\/a>.\u00a0<\/em><\/p>\n<hr \/>\n<p style=\"text-align: center;\">* * *<\/p>\n<p style=\"text-align: justify;\"><strong>P.S.<\/strong>\u00a0Mam nadziej\u0119, \u017ce ten tutorial pomo\u017ce\u00a0pocz\u0105tkuj\u0105cym programistom ulepszy\u0107 motywy. Wypr\u00f3buj te przyk\u0142adowe kody PHP i zobacz, co mo\u017cna zrobi\u0107, u\u017cywaj\u0105c WordPress jako podstaw\u0119.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b zawarto\u015b\u0107, ale nie jest ona dynamiczn\u0105. Najlepsz\u0105 metod\u0105 by\u0142oby stworzenie w\u0142asnej nawigacji WP, kt\u00f3r\u0105 administrator mo\u017ce nast\u0119pnie powi\u0105za\u0107 z jednym z ich w\u0142asnych menu. Podstawy Jeszcze przed wieloma post\u0119pami tw\u00f3rc\u00f3w WordPress 3.0 zazwyczaj podcyas tworzenia motyw\u00f3w u\u017cywano [&hellip;]<\/p>\n","protected":false},"author":2098093,"featured_media":5783,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[270,80,126,23,136],"tags":[66,97,127,11,8,75,10],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()<\/title>\n<meta name=\"description\" content=\"Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()\" \/>\n<meta property=\"og:description\" content=\"Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Polski Blog TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-04T11:05:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2018\/05\/featured_image6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Katarzyna Paw\u0142owska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katarzyna Paw\u0142owska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/\"},\"author\":{\"name\":\"Katarzyna Paw\u0142owska\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8\"},\"headline\":\"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()\",\"datePublished\":\"2018-05-04T11:05:17+00:00\",\"dateModified\":\"2018-05-04T11:05:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/\"},\"wordCount\":1246,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"keywords\":[\"Dostosowywanie\",\"Narz\u0119dzia\",\"Porady Guru\",\"Responsywne\",\"Szablony CMS &amp; Blog\",\"Tworzenie stron internetowych\",\"WordPress\"],\"articleSection\":[\"Motywy WordPress\",\"Narz\u0119dzia\",\"Porady Guru\",\"Tutoriale\",\"Tworzenie stron internetowych\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/\",\"name\":\"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\"},\"datePublished\":\"2018-05-04T11:05:17+00:00\",\"dateModified\":\"2018-05-04T11:05:17+00:00\",\"description\":\"Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"name\":\"Polski Blog TemplateMonster\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/pl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\",\"name\":\"MonsterPost Polska\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Polska\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/templatemonster_pl\/\",\"https:\/\/www.pinterest.com\/TM_Polska\/\",\"https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ\",\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\",\"https:\/\/twitter.com\/TM_Polska\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8\",\"name\":\"Katarzyna Paw\u0142owska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Katarzyna Paw\u0142owska\"},\"description\":\"W bran\u017cy IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwi\u0105za\u0144 u\u017cytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propaguj\u0105ce wiedz\u0119 z dziedziny SMM i rozwija swoj\u0105 mi\u0142o\u015b\u0107 do crossfitu.\",\"url\":\"https:\/\/monsterspost.com\/pl\/author\/katrina\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()","description":"Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/","og_locale":"pl_PL","og_type":"article","og_title":"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()","og_description":"Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b","og_url":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/","og_site_name":"Polski Blog TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonster.Poland\/","article_published_time":"2018-05-04T11:05:17+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2018\/05\/featured_image6.jpg","type":"image\/jpeg"}],"author":"Katarzyna Paw\u0142owska","twitter_card":"summary_large_image","twitter_creator":"@TM_Polska","twitter_site":"@TM_Polska","twitter_misc":{"Napisane przez":"Katarzyna Paw\u0142owska","Szacowany czas czytania":"7 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/"},"author":{"name":"Katarzyna Paw\u0142owska","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8"},"headline":"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()","datePublished":"2018-05-04T11:05:17+00:00","dateModified":"2018-05-04T11:05:17+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/"},"wordCount":1246,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"keywords":["Dostosowywanie","Narz\u0119dzia","Porady Guru","Responsywne","Szablony CMS &amp; Blog","Tworzenie stron internetowych","WordPress"],"articleSection":["Motywy WordPress","Narz\u0119dzia","Porady Guru","Tutoriale","Tworzenie stron internetowych"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/","url":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/","name":"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/#website"},"datePublished":"2018-05-04T11:05:17+00:00","dateModified":"2018-05-04T11:05:17+00:00","description":"Ka\u017cdy wsp\u00f3\u0142czesny motyw WordPress powinien zawiera\u0107 wiele wsp\u00f3lnych element\u00f3w w kodzie. Kodowanie nawigacji r\u0119cznej dzia\u0142a, je\u015bli ju\u017c stworzy\u0142e\u015b","breadcrumb":{"@id":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/pl\/wp_nav_menu-na-stronie-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Nawigacja na stronie WordPress z pomoc\u0105 wp_nav_menu()"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/pl\/#website","url":"https:\/\/monsterspost.com\/pl\/","name":"Polski Blog TemplateMonster","description":"","publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/pl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/pl\/#organization","name":"MonsterPost Polska","url":"https:\/\/monsterspost.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Polska"},"image":{"@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/templatemonster_pl\/","https:\/\/www.pinterest.com\/TM_Polska\/","https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ","https:\/\/www.facebook.com\/TemplateMonster.Poland\/","https:\/\/twitter.com\/TM_Polska"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8","name":"Katarzyna Paw\u0142owska","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Katarzyna Paw\u0142owska"},"description":"W bran\u017cy IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwi\u0105za\u0144 u\u017cytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propaguj\u0105ce wiedz\u0119 z dziedziny SMM i rozwija swoj\u0105 mi\u0142o\u015b\u0107 do crossfitu.","url":"https:\/\/monsterspost.com\/pl\/author\/katrina\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/5781"}],"collection":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/users\/2098093"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/comments?post=5781"}],"version-history":[{"count":3,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/5781\/revisions"}],"predecessor-version":[{"id":5836,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/5781\/revisions\/5836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media\/5783"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media?parent=5781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/categories?post=5781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/tags?post=5781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}