Wszystko o menu | Webinsider - Internet widziany od środka ™

Tag: menu

Ikony z flagami zmiany języka w menu na stronie na WordPressie, korzystającej z tłumaczeń za pomocą wtyczki Google Language Translator

Zwróciła się do mnie z zapytaniem koleżanka, czy mógłbym pomóc z wtyczką do automatycznych tłumaczeń, korzystającą z Google Translate (Tłumacz Google), tak by pozbyć się niezbyt estetycznego (to fakt) widżetu Tłumacza Google, a zamiast tego dodać do menu na stronie ikonki z flagami. Zadania się podjąłem, nawet bez wystawiania faktury, bo nawet nie tyle, że to prośba koleżanki, co po prostu prosta sprawa, a przy okazji będzie artykuł.

Full Site Editing (FSE) w WordPressie na przykładzie Twenty Twenty-Two, czyli wirus Gutenbergiozy zaatakował edycję menu na stronie

Niedawno miała miejsce premiera WordPressa 5.9, i jak to od dawna już bywa, premiera właściwie dla mnie obojętna, bo większość nowości to kolejne usprawnienia i nowości w edytorze blokowym (Gutenberg), z którego nie korzystam. Właściwie, bo pojawiło się “małe zamieszanie” w połączeniu z wtyczką Tutor LMS i PHP 8.0, o czym niedawno pisałem. Ale jest jeszcze jedna nowość, z która w ostatnich dniach miałem wątpliwą przyjemność się zmierzyć. Na szczęście tylko w ramach eksperymentu.

Dodawanie ikony koszyka do menu w sklepie internetowym na WooCommerce (WordPress)

Dostałem wczoraj kolejne zapytanie o wdrożenie na stronie sklepu internetowego ikony koszyka w menu. I choć nie każdy pomysł “na wdrożenie” ma sens, to w tym wypadku zdecydowanie jest to gra warta świeczki. Zwłaszcza że takie wdrożenie w wersji podstawowej, korzystając z gotowej wtyczki to chwila. A co najważniejsze – działa.

Dodatkowy komunikat (np. tekst) w podziękowaniu za zamówienie w sklepie internetowym na WooCommerce (WordPress)

Wtyczka WooCommerce jest rozwijana od dawna, regularnie pojawiają się aktualizacje, a i samo rozwiązanie jest na tyle dojrzałe, że nie tylko świetnie sprawdza się pod sklep internetowy (nie tylko w klasycznym rozumieniu tego określenia), ale też z tego co kojarzę, jest to obecnie najpopularniejsza platforma eCommerce, i to nie tylko ze względu na to, że WordPress jest najpopularniejszym silnikiem CMS. Nie oznacza to jednak, że nie ma elementów, które warto poprawić. Jednym z takich elementów może być informacja, która pojawia się na stronie podziękowania za zakup.

W WooCommerce 4.1 pojawił się WooCommerce Marketing Hub, czyli nowa pozycja w menu głównym WordPressa, którą na szczęście można prosto wyłączyć

Choć cały czas, jeśli chodzi o wybór CMSa moim pierwszym (i najczęstszym) wyborem jest WordPress, a w przypadku sklepów internetowych WooCommerce (co trochę wynika też z pierwszego wyboru, czyli WordPressa jako bazy ;-)), to od jakiegoś czasu z pewnego rodzaju obawami patrzę na kolejne aktualizacje WordPressa. Dlatego właściwie przestałem pisać o kolejnych wydaniach, bo te – przynajmniej pomijając naprawy błędów – w moim odczuciu coraz bardziej sprowadzają się do implementowania kolejnych nowości w edytorze blokowym (Gutenberg), z którego nie korzystam. I choć wtyczka Gutenberg jest integralną częścią WordPressa od ponad roku, doczekał się już w wersji 8.1 (sic!), to nadal “dostaję spazmów”, gdy na jakiejś stronie chcę/muszę coś zmodyfikować i na niego trafię. Niestety, ale w przypadku WooCommerce też powoli zaczynam dostrzegać to, że autorzy wtyczki zaczynają jakby obierać odmienny kierunek od tego, który by mi pasował…

WordPressa 5.4 (Adderley) i WooCommerce 4.0, czyli kolejna aktualizacja blokowa w WordPressie, a WooCommerce nawet nawet

Choć może się wydawać, że świat żyje w dużej mierze koronawirusem, to jednak są miejsca/branże, gdzie życie toczy się dalej. I tak w ostatnich dniach mieliśmy premierę WordPressa 5.4 (Adderley), oraz wtyczki WooCommerce w wersji 4.0 (chyba bez specjalnej nazwy ;-)). Początkowo miały być z tego niezależne artykuły, ale po analizie stwierdziłem, ze jak w ogóle mam na te aktualizacje poświęcać czas, to puszę to razem. Właściwie tylko dla zasady, z kronikarskiego obowiązku…

Strona ZTM w nowej odsłonie, do tego portal Warszawski Transport Publiczny na WordPressie, czyli kolejna medialna gównoburza

Wczoraj po internecie rozlała się informacja o tym, że Warszawski Transport Publiczny (strona WTP przejęła przy okazji część “zadań” od strony ZTM, która także się zmieniła) ma nową stronę. To akurat zapewne dostrzegł (prawie) każdy, kto w ostatnich dniach chciał choćby sprawdzić rozkład. No ładne to to nie jest, ale to nie wygląd czy nawet (okrojenie) funkcjonalności stoi za tym “rozgłosem” (a być może szkoda). Media – a za nimi niestety niektórzy politycy – podchwycili temat od absurdalnej strony, pokazując – moim zdaniem – swoją totalną niewiedzę w temacie, jak i to, że nieprzypadkowo mówi się, że dziennikarzy już właściwie nie ma, bo zastąpili ich pracownicy mediów…

Divi Library Global Modules, czyli elementy globalne (wspólne) przy tworzeniu zawartości strony za pomocą edytora Divi (Divi Builder)

Kilka dni temu skontaktowała się ze mną Magdalena, z pytaniem, czy moglibyśmy chwilę porozmawiać przez telefon, na temat strony, którą na motywie Divi (WordPress) robi dla firmy jej koleżanki pewien freelancer. Po krótkiej wymianie wiadomości zgodziłem się i tak otworzyłem worek problemów. Nie tyle z motywem, co bardziej z wdrożeniem i samym freelancerem (akurat taki się trafił ;-)), który na prawie każde pytanie o… odpowiadał, że się nie da, że ten motyw tak ma i się nie da nic z tym zrobić. I choć Divi nie jest motywem idealnym, tak samo, jak sam WordPress, to ten duet pozwala na wiele, a już na pewno na wszystko to, co zostało mi przedstawione, a wspomniany freelancer negował.

Stan witryny w WordPressie (5.2+) to przydatna opcja, ale warto wiedzieć, że/jak można wyłączyć poszczególne testy

Wraz z niedawną premierą WordPressa 5.2 (Jaco) zadebiutował też mechanizm sprawdzający stan witryny/strony, dzięki czemu nawet mniej zaawansowana osoba może w prosty sposób sprawdzić, czy strona działa prawidłowo i spełnia wszystkie wymagania WordPressa. Z naprawą/korektą w większości przypadków pewnie już tak łatwo nie będzie, i tu już może być wymagana trochę bardziej techniczna wiedza, ale zawsze od czegoś trzeba zacząć. Są jednak sytuacje, gdy niekoniecznie chcemy tego typu testem dzielić się np. z potencjalnym klientem…

Dodawanie ikon do strony internetowej (np. do menu) na przykładzie Font Awesome 5 (i Dashicons) i WordPressa

Będzie o ikonach (nie tylko) w menu, czyli temacie trochę pochodnym ostatnich zmian na Webinsider.pl – ikony w menu były chyba od zawsze, ale niedawno dorobiły się ich wszystkie pozycje (w menu głównym), i od razu w statystykach widzę, że jest dużo większe zainteresowanie poszczególnymi pozycjami. Dostałem też kilka pytań, jak takie ikony wdrożyć, stąd ten artykuł…

Modyfikacja wyglądu menu zależnie od (rozmiaru) urządzenia za pomocą CSSa, na przykładzie WordPressa

Troszkę zmieniałem dziś strukturę menu na stronie, i podczas rutynowych testów wyszło, że przy pewnej szerokości ekranu menu główne po zmianach nie mieści się w jednej linii, tylko łamie się na 2 wiersze. Niby drobiazg, ale ja wolę, jak menu trzyma się razem. Wymagało to malutkiej modyfikacji wyglądu strony (w pewnych warunkach) za pomocą kodu CSS, i pomyślałem, że od razu też opublikuje artykuł na ten temat… Zwłaszcza że niedawno było m.in. jak zmodyfikować zawartość menu zależnie do wielkości ekranu (schować lub pokazać tekst/etykietę), czy jak zmienić wygląd linków, zależnie od adresu, na który wskazują.

Modyfikacja zawartości menu zależnie od (rozmiaru) urządzenia za pomocą CSSa, na przykładzie WordPressa

Koleżanka właśnie kończy jedną ze stron na WordPressie (landing page), którą od strony technicznej dla niej przygotowywałem. Ja odpowiadam za sprawy techniczne i co bardziej skomplikowane elementy na stronie, a ona zajmie się warstwą graficzną. Działa to całkiem sprawnie – ja lubię elementy techniczne, a koleżanka z chęcią “bawi się” wyglądem (zwłaszcza z motywem Divi, który bardzo, ale to bardzo jej w tym kontekście pasuje). Zainspirowana ikonami w menu, które zazwyczaj dodaje na stronach (np. w menu głównym na Webinsider.pl), postanowiła takie same ikony dodać u siebie…

Etykiety, kotwice (anchor) i zakładki (odsyłacze) w HTML, czyli nawigacja (nie tylko) dla One Page (Single Page) i Landing Page (Sales Page)

Jak działa klasyczny link wie prawie każdy, kto tworzył choćby najprostszą stronę. Wstawiamy odpowiedni kod HTML i jako parametr “href” podaje adres URL, do którego link (odnośnik) ma prowadzić. Oczywiście są też mniej typowe odnośniki, jak choćby te, o których pisałem na początku roku, czyli mailto, callto, tel, skype, sms i fax. Ale popularność stron typu One Page (Single Page) i Landing Page (Sales Page) sprawia, że warto przyjrzeć się jeszcze jednemu typowi odnośników…

Statyczna strona główna, strona z wpisami i menu, czyli podstawy nawigacji po stronie internetowej w WordPressie

Ostatnio zapytała mnie koleżanka o dwie niby proste rzeczy związane z WordPressem – o to, jak zrobić, by po wejściu na stronę (domenę) wyświetlała się od razu konkretna strona – jako strona główna. Do tego chciałaby na stronie mieć bloga, coś tam nawet napisała, ale nie wie jak wyświetlić te wpisy na stronie, i co dodać do menu, by tam pojawiła się taka pozycja jak blog, z listą wpisów. No i by ogólnie coś z robić z menu, bo teraz są tam jakby przypadkowe strony, w przypadkowej kolejności…

Sprzedawaj produkty i usługi na Facebooku, czyli przycisk “kup teraz”, oferty promocyjne oraz (karta) sklep

Mogę lubić lub nie lubić Facebooka, ale nie zmienia to faktu, że cały czas są tam tłumy ludzi, z których być może niektórzy nawet nie wiedzą, że istnieje “inny internet”. A skoro są ludzie, to są marki, a skoro są marki to… marki chciałyby sprzedawać ludziom, którzy tam są. Próby są różne – sporo zależy nie tylko od samego Facebooka, ale też od wiedzy, umiejętności, czy… wyobraźni. Dlatego nie dziwi też fakt, że jest sporo firm, które chcą na “pomocy w dotarciu do klienta” zarobić. Nie ma w tym nic złego, zwłaszcza że sami też zajmujemy się m.in. obsługą profili naszych klientów w mediach społecznościowych. Ale czasem jednak trafi się jakaś… ciekawostka.

Zobacz jak w prosty sposób możesz zmienić kolejność treści na Facebookowym profilu firmowym (fanpage)

Są takie rzeczy, które nam wydają się być oczywistością, a inni widzą w nich drugie dno i przez to nie zauważają, że to coś może ułatwić życie. Jest tak z możliwością zmiany kolejności treści na profilu firmowym na Facebooku.

Masowe kasowanie wpisów, stron, kategorii i tagów w WordPressie z poziomu phpMyAdmin

W marcu 2014 napisałem artykuł o tym, jak masowo usunąć w WordPressie komentarze, który – według statystyk – cieszy się dość sporą popularnością. Dziś wracamy do tego tematu, z tym, że zamiast komentarzy będziemy masowo kasować wpisy, tagi, kategorie…

Dodatkowe menu i pole na widżety (sidebar) w WordPressie

Wprawdzie większość motywów – zwłaszcza tych bardziej rozbudowanych – do WordPressa ma zazwyczaj przynajmniej kilka miejsc na widżety i 1-2 miejsca na menu (choć czasem dziwnie rozmieszczonych), to warto wiedzieć, że w kilku prostych krokach możemy dodać dodatkowe miejsca tego typu, właściwie w dowolnym miejscu naszego motywu.

Loading

Pin It on Pinterest