{"id":1356,"date":"2019-12-16T09:52:51","date_gmt":"2019-12-16T09:52:51","guid":{"rendered":"http:\/\/kevinbk.com\/\/?p=1356"},"modified":"2019-12-16T10:43:18","modified_gmt":"2019-12-16T10:43:18","slug":"por-que-troquei-o-menu-por-uma-sidebar","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/pl\/por-que-troquei-o-menu-por-uma-sidebar\/","title":{"rendered":"Dlaczego zamieni\u0142em menu na pasek boczny?"},"content":{"rendered":"

Voc\u00eas devem ter percebido que nos meus 3 sites eu mudei o menu que ficava no topo fixo por uma pasek boczny<\/strong> (barra lateral) sta\u0142a. Dlaczego to zrobi\u0142em? Jakie s\u0105 zalety i r\u00f3\u017cnice? W tym artykule chc\u0119 opisa\u0107 t\u0119 wielk\u0105 zmian\u0119. <\/p>\n\n\n\n

Mam nadziej\u0119, \u017ce ten artyku\u0142 z moj\u0105 opini\u0105 pomo\u017ce ci zdecydowa\u0107, czy chcesz u\u017cywa\u0107 paska bocznego czy g\u00f3rnego menu na sta\u0142e. <\/p>\n\n\n\n– \n– \n– \n– <\/pre>\n\n\n\n

Dlaczego u\u017cywa\u0142em sta\u0142ego menu na g\u00f3rze? <\/h2>\n\n\n\n

Przez te 5 lat zawsze lubi\u0142em sta\u0142e menu na g\u00f3rze strony. Podczas gdy wielu umieszcza\u0142o menu na g\u00f3rze, ale nie sta\u0142e, ja nalega\u0142em, \u017ceby je trzyma\u0107 jako sta\u0142e, aby ludzie mogli zawsze z niego korzysta\u0107. <\/p>\n\n\n\n

My\u015bla\u0142em, \u017ce to pozwala osobie przegl\u0105da\u0107 wi\u0119cej stron na stronie internetowej, ale w praktyce nikt tego nie robi. Odwiedziny w kategorii s\u0105 bardzo niskie, nawet wyszukiwania, kt\u00f3rych ludzie zazwyczaj dokonuj\u0105 na stronie. <\/p>\n\n\n\n

To jest jednym z skutk\u00f3w posiadania organicznych wizyt, gdzie ludzie po prostu wchodz\u0105, czytaj\u0105 i wychodz\u0105 ze strony. Dlatego wa\u017cne jest, aby pisa\u0107 bardzo przyci\u0105gaj\u0105co i oryginalnie, aby przekona\u0107 osob\u0119 do zostania na sta\u0142e czytelnikiem strony. <\/p>\n\n\n\n

Tak jak menu, zauwa\u017cy\u0142em, \u017ce pasek boczny nie przynosi takich samych rezultat\u00f3w jak formularze i linki wewn\u0105trz artyku\u0142u. Obecnie u\u017cywam formularza przechwytywania adresu e-mail tu\u017c pod tytu\u0142em artyku\u0142u na stronie, aby generowa\u0107 zainteresowanie zar\u00f3wno na komputerze, jak i na urz\u0105dzeniach mobilnych. <\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

Moje problemy z paskiem bocznym<\/h2>\n\n\n\n

Przez lata stara\u0142em si\u0119 zdobywa\u0107 leady, zach\u0119ca\u0107 ludzi do interakcji i nawigowa\u0107 po stronie za pomoc\u0105 pask\u00f3w bocznych (sidebar). Po pewnym czasie zda\u0142em sobie spraw\u0119, \u017ce paski boczne sprawia\u0142y, \u017ce strona wygl\u0105da\u0142a bardzo brzydko, dlatego zdecydowa\u0142em si\u0119 u\u017cywa\u0107 tylko jednej kolumny artyku\u0142u. <\/p>\n\n\n\n

Spodoba\u0142 mi si\u0119 ten uk\u0142ad, kt\u00f3ry wymusi\u0142 zwi\u0119kszenie domy\u015blnej wielko\u015bci obraz\u00f3w wysy\u0142anych na serwer. Strona, zar\u00f3wno na urz\u0105dzeniach mobilnych, jak i na komputerze, wy\u015bwietla\u0142a tylko artyku\u0142 bez \u017cadnych rozprosze\u0144 po bokach.<\/p>\n\n\n\n

Porzuci\u0142em u\u017cywanie bocznych wid\u017cet\u00f3w WordPressa i zamie\u015bci\u0142em tylko 3. Stopka<\/strong> gdzie rzadko kto\u015b zwraca uwag\u0119. Z formularzem do przechwytywania na pocz\u0105tku artyku\u0142u przechwytywa\u0142 dane kontaktowe z wszystkich urz\u0105dze\u0144 bez potrzeby wyskakuj\u0105cych okien i dyskretnie. <\/p>\n\n\n\n

Ten formularz w nag\u0142\u00f3wku, podobny do tego, kt\u00f3ry viverdeblog - nie do przet\u0142umaczenia<\/strong><\/em> u\u017cywa\u0142em go, zwi\u0119kszy\u0142 znacznie moje konwersje, staj\u0105c si\u0119 najwi\u0119kszym afiliantem w mojej g\u0142\u00f3wnej bran\u017cy. Zawsze mog\u0142em polega\u0107 na tym, \u017ceby nie u\u017cywa\u0107 wid\u017cet\u00f3w lub bocznego paska bocznego przez lata. <\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

Dlaczego i jak wr\u00f3ci\u0142em do korzystania z paska bocznego?<\/h2>\n\n\n\n

Zmartwi\u0142o mnie tempo \u0142adowania strony, wi\u0119c postara\u0142em si\u0119 jak mog\u0142em zredukowa\u0107 ilo\u015b\u0107 \u017c\u0105da\u0144 generowanych przez stron\u0119, nawet u\u017cywaj\u0105c bardzo lekkiego szablonu o nazwie \"super ultra lekki\". generatepress - generujpresk\u0119<\/a><\/strong>. Robi\u0105c to, ostatecznie zdecydowa\u0142em si\u0119 zast\u0105pi\u0107 sta\u0142e menu bocznym paskiem nawigacyjnym. <\/p>\n\n\n\n

Oczywi\u015bcie to nie by\u0142 jedyny pow\u00f3d, ani te\u017c uzasadniony pow\u00f3d, poniewa\u017c wyniki w PageSpeed by\u0142y szkodzone przez reklamy google, kt\u00f3re umie\u015bci\u0142em na stronie. Ju\u017c od jakiego\u015b czasu chcia\u0142em doda\u0107 pasek boczny na stronie, ale chcia\u0142em alternatywy dla standardowego paska bocznego. <\/p>\n\n\n\n

Pasek boczny standardowych motyw\u00f3w wordpress<\/strong> spowoduj, \u017ce pole zawieraj\u0105ce tekst artyku\u0142u b\u0119dzie mniejsze. To bardzo mnie dra\u017cni\u0142o, poniewa\u017c lubi\u0142em to du\u017ce pole, kt\u00f3re daje wra\u017cenie otwartego pliku tekstowego w programie Word lub Pages. <\/p>\n\n\n\n

Odkry\u0142em, \u017ce niekt\u00f3re motywy u\u017cywaj\u0105 nag\u0142\u00f3wka i menu z bocznym paskiem bocznym, kt\u00f3ry umo\u017cliwia umieszczanie wid\u017cet\u00f3w, co sprawia, \u017ce jest to prawdziwa boczna belka, kt\u00f3ra nie przeszkadza w uk\u0142adzie mojej strony i przyci\u0105ga uwag\u0119 swoim po\u0142o\u017ceniem po lewej stronie. <\/p>\n\n\n\n

Na bibliotece Site do GeneratePress havia 2 configura\u00e7\u00f5es que deixavam o site dessa forma. Depois de horas configurando tudo direitinho no CSS, consegui deixar o tema do meu site da forma que eu queria. <\/p>\n\n\n\n

Najwi\u0119ksz\u0105 zalet\u0105 jest to, \u017ce Menu Mobilne wy\u015bwietla Wid\u017cety, kt\u00f3re zazwyczaj s\u0105 przesuni\u0119te na koniec strony na urz\u0105dzeniach mobilnych. Nawet je\u015bli umie\u015bci si\u0119 Wid\u017cety przed artyku\u0142em, zaj\u0119\u0142yby ogromn\u0105 przestrze\u0144. <\/p>\n\n\n\n

Menu rozsuwane na urz\u0105dzenia mobilne pozwala mi zaprezentowa\u0107 wi\u0119cej informacji, reklam, formularzy, link\u00f3w i menu przed wy\u015bwietleniem artyku\u0142u, tylko je\u015bli osoba zdecyduje si\u0119 na rozsuni\u0119cie menu z ciekawo\u015bci. Kontynuuj\u0119 r\u00f3wnie\u017c u\u017cycie formularza do przechwytywania adresu e-mail w tytule artyku\u0142u.<\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

Trudno\u015bci zwi\u0105zane z ustalon\u0105 belk\u0105 boczn\u0105 <\/h2>\n\n\n\n

Najwi\u0119kszym wyzwaniem tej zmiany jest wyb\u00f3r kolor\u00f3w i stworzenie pi\u0119knego wzornictwa. Na pocz\u0105tku jasne kolory, kt\u00f3re wybra\u0142em, sprawi\u0142y, \u017ce moja strona wygl\u0105da\u0142a jak strona z 2003 roku napisana w HTML. Po wielu zmianach osi\u0105gn\u0105\u0142em satysfakcjonuj\u0105cy rezultat. <\/p>\n\n\n\n

Korzystaj\u0105c z tego Panel bocznyMog\u0142em usun\u0105\u0107 3 dodatk\u00f3w motywu GeneratePress i zaoszcz\u0119dzi\u0107 procesy w moim WordPressie. Co\u015b, co pocz\u0105tkowo mnie zmartwi\u0142o, to spos\u00f3b, w jaki strona si\u0119 wczytuje z wtyczk\u0105 pami\u0119ci podr\u0119cznej, by\u0107 mo\u017ce to zauwa\u017cycie. <\/p>\n\n\n\n

Sp\u0119dzi\u0142em kilka dni konfiguruj\u0105c CSS, aby upi\u0119kszy\u0107 u\u017cywane przeze mnie selektory kategorii. Doda\u0142em te\u017c spersonalizowan\u0105 belk\u0119 przewijania na bocznym pasku bocznym, aby projekt wygl\u0105da\u0142 bardziej nowoczesny. Nadal nie jestem w pe\u0142ni zadowolony, ale wkr\u00f3tce zostan\u0105 wprowadzone kolejne zmiany. <\/p>\n\n\n\n

Celem jest prosty i jasny, zapewnienie najlepszych mo\u017cliwych do\u015bwiadcze\u0144 u\u017cytkownikom, jak najlepsze umonetyzowanie strony internetowej, zwi\u0119kszenie pr\u0119dko\u015bci strony, poprawienie pozycji strony w wynikach wyszukiwania oraz pozyskanie wi\u0119kszej liczby potencjalnych klient\u00f3w. <\/p>\n","protected":false},"excerpt":{"rendered":"

Voc\u00eas devem ter percebido que nos meus 3 sites eu mudei o menu que ficava no topo fixo por uma<\/p>","protected":false},"author":1,"featured_media":1368,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,2],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/kevinbk.com\/wp-content\/uploads\/2019\/12\/sidebar.jpg","_links":{"self":[{"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/posts\/1356"}],"collection":[{"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":0,"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/posts\/1356\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/media\/1368"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/media?parent=1356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/pl\/wp-json\/wp\/v2\/categories?post=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}