{"id":14245,"date":"2011-01-12T11:00:00","date_gmt":"2011-01-12T10:00:00","guid":{"rendered":"http:\/\/www.numlock.edu.pl\/blog\/2011\/01\/12\/witryny-google-pozioma-nawigacja\/"},"modified":"2011-01-12T11:00:00","modified_gmt":"2011-01-12T10:00:00","slug":"witryny-google-pozioma-nawigacja","status":"publish","type":"post","link":"http:\/\/www.numlock.edu.pl\/blog\/2011\/01\/12\/witryny-google-pozioma-nawigacja\/","title":{"rendered":"Witryny Google &#8211; pozioma nawigacja"},"content":{"rendered":"<p>Ods\u0142ony: 37<\/p><p>W Witrynach Google zazwyczaj tworzymy panel nawigacyjny po lewej lub prawej stronie, co pokazali\u015bmy we wpisie <a href=\"http:\/\/komputipsy.blogspot.com\/2011\/01\/witryny-google-tworzymy-nawigacje.html\">Witryny Google &#8211; tworzymy nawigacj\u0119<\/a>. Masz jednak tak\u017ce mo\u017cliwo\u015b\u0107 zbudowania dwupoziomowego, rozwijanego menu u g\u00f3ry strony.<\/p>\n<ul>\n<li>W zapleczu administracyjnym, na karcie <b>Uk\u0142ad witryny,<\/b> kliknij przycisk <b>Zmie\u0144 uk\u0142ad witryny<\/b>. <\/li>\n<\/ul>\n<p>Uka\u017ce si\u0119 okno <b>Zmie\u0144 uk\u0142ad witryny<\/b>.<\/p>\n<p><a href=\"http:\/\/lh6.ggpht.com\/_2COsbOM02Pw\/TSzZr27OJsI\/AAAAAAAAJiY\/TVgI_tSxBus\/s1600-h\/image%5B2%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh3.ggpht.com\/_2COsbOM02Pw\/TSzZsoT4GaI\/AAAAAAAAJig\/oHW63d_yN0A\/image_thumb.png?imgmax=800\" width=\"277\" height=\"364\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Modyfikowanie uk\u0142adu witryny<\/strong><\/p>\n<p><b>Poziomy pasek nawigacyjny<\/b> nie jest domy\u015blnie w\u0142\u0105czony<b>. <\/b>Gdy zaznaczysz t\u0119 opcj\u0119,<b> <\/b>po zapisaniu opcji klikni\u0119ciem OK zmieni si\u0119 zawarto\u015b\u0107 karty <b>Uk\u0142ad witryny<\/b> i b\u0119dziesz m\u00f3g\u0142 utworzy\u0107 poziomy pasek nawigacyjny znajduj\u0105cy si\u0119 nad stronami, ale poni\u017cej nag\u0142\u00f3wka.<\/p>\n<p><a href=\"http:\/\/lh6.ggpht.com\/_2COsbOM02Pw\/TSzZtNUdLHI\/AAAAAAAAJio\/HHukwjwEM3c\/s1600-h\/image%5B5%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh4.ggpht.com\/_2COsbOM02Pw\/TSzZtzdkFVI\/AAAAAAAAJiw\/SEb6o9PVX-0\/image_thumb%5B1%5D.png?imgmax=800\" width=\"326\" height=\"219\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Edycja zawarto\u015bci poziomego paska nawigacyjnego<\/strong><\/p>\n<p>Po klikni\u0119ciu linku <b>edytuj zawarto\u015b\u0107<\/b> uka\u017ce si\u0119 okno <b>W\u0142a\u015bciwo\u015bci nawigacji poziomej<\/b>.<\/p>\n<p><a href=\"http:\/\/lh5.ggpht.com\/_2COsbOM02Pw\/TSzZusDK-CI\/AAAAAAAAJi4\/oRHtn7SNFpY\/s1600-h\/image%5B8%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh3.ggpht.com\/_2COsbOM02Pw\/TSzZvD5OOJI\/AAAAAAAAJjA\/pWHwnbul-os\/image_thumb%5B2%5D.png?imgmax=800\" width=\"318\" height=\"364\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Okno dodawania stron do nawigacji poziomej<\/strong><\/p>\n<p>Gdy klikniesz <b>Dodaj stron\u0119<\/b>, w oknie <b>Wybierz stron\u0119 do dodania<\/b> znajd\u017a potrzebn\u0105 ci stron\u0119 i wprowad\u017a j\u0105 do poziomego paska nawigacyjnego.<\/p>\n<p><a href=\"http:\/\/lh5.ggpht.com\/_2COsbOM02Pw\/TSzZvmgWxvI\/AAAAAAAAJjI\/7y3lgx9557c\/s1600-h\/image%5B11%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh6.ggpht.com\/_2COsbOM02Pw\/TSzZwYe8K0I\/AAAAAAAAJjQ\/D24tJGIH4A4\/image_thumb%5B3%5D.png?imgmax=800\" width=\"314\" height=\"330\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Wybieranie strony do dodania<\/strong><\/p>\n<p>Domy\u015blny styl element\u00f3w nawigacyjnych to <b>Pola<\/b>.<\/p>\n<p><a href=\"http:\/\/lh5.ggpht.com\/_2COsbOM02Pw\/TSzZw-cR1AI\/AAAAAAAAJjY\/8QJESafQ0V8\/s1600-h\/image%5B14%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh6.ggpht.com\/_2COsbOM02Pw\/TSzZxz-eAeI\/AAAAAAAAJjg\/1mc02V03xp8\/image_thumb%5B4%5D.png?imgmax=800\" width=\"169\" height=\"146\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Style element\u00f3w nawigacyjnych<\/strong><\/p>\n<p>Po zapisaniu zmian pasek nawigacyjny wygl\u0105da nast\u0119puj\u0105co:<\/p>\n<p><a href=\"http:\/\/lh6.ggpht.com\/_2COsbOM02Pw\/TSzZyeAk7cI\/AAAAAAAAJjo\/2BuD4l3blIw\/s1600-h\/image%5B17%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh4.ggpht.com\/_2COsbOM02Pw\/TSzZzJQ_qsI\/AAAAAAAAJjw\/NP74i1qzsqU\/image_thumb%5B5%5D.png?imgmax=800\" width=\"364\" height=\"134\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Pola w pasku nawigacyjnym<\/strong><\/p>\n<p><b>Karty <\/b>maj\u0105 bardzo podobny wygl\u0105d, natomiast <b>Linki<\/b> maj\u0105 nast\u0119puj\u0105c\u0105 posta\u0107:<\/p>\n<p><a href=\"http:\/\/lh6.ggpht.com\/_2COsbOM02Pw\/TSzZzs3jkEI\/AAAAAAAAJj4\/jtnLagV1Apk\/s1600-h\/image%5B20%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh5.ggpht.com\/_2COsbOM02Pw\/TSzZ0c5HE0I\/AAAAAAAAJkA\/_xs8AB9bE-w\/image_thumb%5B6%5D.png?imgmax=800\" width=\"364\" height=\"131\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Linki w pasku nawigacyjnym<\/strong><\/p>\n<p>Masz jeszcze mo\u017cliwo\u015b\u0107 tworzenia menu rozwijanego \u2013 najlepiej zilustruje to przyk\u0142ad.<\/p>\n<p>Definicja nawigacji (zwr\u00f3\u0107 uwag\u0119 na wci\u0119cie stron ni\u017cszego szczebla \u2013 s\u0105 jednak maksymalnie dwa poziomy):<\/p>\n<p><a href=\"http:\/\/lh6.ggpht.com\/_2COsbOM02Pw\/TSzZ0iUvvVI\/AAAAAAAAJkI\/SHoZsuQJiXE\/s1600-h\/image%5B23%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh5.ggpht.com\/_2COsbOM02Pw\/TSzZ1dyXb_I\/AAAAAAAAJkQ\/bREoQqsCebI\/image_thumb%5B7%5D.png?imgmax=800\" width=\"364\" height=\"175\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Definiowanie rozwijanego menu<\/strong><\/p>\n<p>Wynik w witrynie \u2013 menu rozwija si\u0119 po przesuni\u0119ciu nad nie kursora myszki:<\/p>\n<p><a href=\"http:\/\/lh5.ggpht.com\/_2COsbOM02Pw\/TSzZ1xAFMjI\/AAAAAAAAJkY\/n6AL7Raz930\/s1600-h\/image%5B26%5D.png\"><img decoding=\"async\" loading=\"lazy\" style=\"background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/lh5.ggpht.com\/_2COsbOM02Pw\/TSzZ2s_i1cI\/AAAAAAAAJkg\/kCgxYJ5NmOQ\/image_thumb%5B8%5D.png?imgmax=800\" width=\"364\" height=\"172\" \/><\/a><\/p>\n<p><strong>Rysunek &#8211; Rozwijane menu w witrynie<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ods\u0142ony: 37W Witrynach Google zazwyczaj tworzymy panel nawigacyjny po lewej lub prawej stronie, co pokazali\u015bmy we wpisie Witryny Google &#8211; tworzymy nawigacj\u0119. Masz jednak tak\u017ce mo\u017cliwo\u015b\u0107 zbudowania dwupoziomowego, rozwijanego menu u g\u00f3ry strony. W zapleczu administracyjnym, na karcie Uk\u0142ad witryny, kliknij przycisk Zmie\u0144 uk\u0142ad witryny. Uka\u017ce si\u0119 okno Zmie\u0144 uk\u0142ad &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[95,54,96],"tags":[],"_links":{"self":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/14245"}],"collection":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/comments?post=14245"}],"version-history":[{"count":0,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/14245\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media?parent=14245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/categories?post=14245"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/tags?post=14245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}