Wyklikane

Praktyczne wskazówki jak zaprojektować, a następnie zarządzać stroną internetową.

Wyklikane
Własny kod JavaScript w WordPress

Jak dodać własny kod JavaScript w WordPress

Jeśli zdarza Ci się sporadycznie coś majstrować przy WordPress na własną rękę, to może przyjść taki moment w którym odbijesz się od ściany. Zaczniesz szukać pomocy w wyszukiwarce i natkniesz się na rozwiązanie swojego problemu. Jeśli masz szczęście, wystarczy kilka kliknięć i jesteś w domu. Czasem jednak znalezione poradniki przedstawią Ci rozwiązanie oparte o konieczność dodania własnych skryptów. I tu zaczynają się schody. Widzisz kod, ale nie wiesz jak go zaimplementować na stronie. Dziś pokażę Ci jak dodać własny kod JavaScript w WordPress. Własny kod JavaScript w WordPress Wbudowane narzędzia WordPress bez problemu pozwalają w relatywnie prosty sposób dodać kod CSS do strony. Kod CSS odpowiedzialny jest za warstwę wizualną. Kod JavaScript natomiast (ale nie tylko on sam) odpowiada za warstwę funkcjonalną. Może uruchamiać czy wykonywać określoną akcję. Przydatny jest gdy chcesz podpiąć kod śledzenia Google Analytics, Facebook Pixel lub inny skrypt potrzebny do wykonania określonego zadania. W zależności od Twojego poziomu zaawansowania, masz kilka sposobów na to, aby własny kod JavaScript dodać do WordPress. Omówię dzisiaj dwie najwygodniejsze metody. JavaScript za pomocą wtyczki Pierwszą i najłatwiejszą metodą dodania własnego kodu JavaScript do strony WordPress jest instalacja dedykowanej wtyczki. W repozytorium WordPress znajdziesz

Czytaj więcej
Jak przyspieszyć sklep internetowy

Jak przyspieszyć sklep internetowy. 5 metod na szybszy WooCommerce

Prędkość wczytywania się strony internetowej ma kluczowe znaczenie. Jeszcze większe, gdy ową stroną internetową jest Twój sklep. Wolne ładowanie się sklepu może skutecznie zniechęcić potencjalnych klientów. Nawet jeśli wyczekają kilka długich sekund na pojawienie się pierwszych elementów witryny, to z dużym prawdopodobieństwem opuszczą ją zanim złożą jakiekolwiek zamówienie. Nie dopuszczaj do takiej sytuacji. W tym wpisie pokażę Ci jak przyspieszyć sklep internetowy za pomocą 5-iu metod na szybszy WooCommerce (i nie tylko). Jak przyspieszyć sklep internetowy Metod na przyspieszenie sklepu internetowego zbudowanego przy pomocy WordPress i wtyczki WooCommerce jest kilka. Jedne z poniżej opisanych są prostsze a inne trudniejsze w realizacji. Dzięki poniższym metodom nie tylko przyspieszysz działanie sklepu ale i poprawisz wygodę użytkowania. Zapraszam do czytania. 1. Zacznij od wydajnego motywu O motywach WordPress i sklepów WooCommerce pisałem już wielokrotnie. Były wpisy o klasycznych motywach ogólnych jak i motywach dla Elementor, który również współpracuje z WooCommerce.  Szybki i wydajny motyw to najważniejsza zasada jeśli myślisz poważnie o swoim biznesie. Jeśli jeszcze nie posiadasz sklepu a dopiero planujesz jego budowę, to jesteś w bardzo komfortowej sytuacji. Możesz z wyprzedzeniem uwzględnić niniejszą poradę. Takie motywy jak Astra, Neve, Zakra, Rife czy Phlox są super

Czytaj więcej
Jak wymusić 9 cyfr numeru telefonu w WooCommerce

Jak wymusić 9 cyfr numeru telefonu w WooCommerce

WooCommerce jako sklep internetowy to bardzo dobre i wysoko rozwinięte narzędzie sprzedaży. Jest to obecnie chyba najpopularniejszy silnik sklepów internetowych na świecie. Jego specyficzny formularz realizacji zamówienia jest na tyle przemyślany, że potrafi walidować poprawność podanego przez Klienta numeru telefonu. Bez problemu wykryje, jeśli Klient w tym polu wpisze adres e-mail czy jakiekolwiek zdanie nie będące cyframi. Ale co w sytuacji, gdy przez swoje roztargnienie Klient poda za krótki lub za długi numer? Standardowo WooCommerce nie wykryje błędu i przyjmie zamówienie z niewłaściwym numerem telefonu. Możesz jednak zminimalizować to ryzyko. W tym wpisie pokażę Ci jak wymusić 9 cyfr numeru telefonu w WooCommerce (lub dowolną inną liczbę). Po co weryfikować numer telefonu Powód weryfikacji numeru telefonu jest oczywisty – aby zapobiec pomyłkom. Klienci czasem w swoim roztargnieniu zwyczajnie się mylą i zdarza się im “zjeść” jakąś cyfrę lub wpisać ją przypadkowo dwa razy wydłużając tym samym cały numer telefonu. W swojej historii miałem już kilka próśb od właścicieli sklepów, aby wprowadzić dodatkowe zabezpieczenie bo klienci się mylą. Małe i średnie sklepy są w stanie wyłapać takie błędy ręcznie i w razie potrzeby napisać do klienta maila z prośbą o poprawny numer telefonu

Czytaj więcej
Jak zmienić nazwę sklepu WooCommerce

Jak zmienić nazwę sklepu WooCommerce

Jeśli posiadasz sklep internetowy WooCommerce, to pewnie zauważyłeś, że domyślny tytuł strony po wejściu do sklepu to “Sklep” lub “Shop”. Jeśli chcesz, możesz swobodnie spersonalizować jego nazwę. Zarówno widoczną w samym sklepie jak i w tytule zakładki w przeglądarce. W tym wpisie pokażę Ci, jak zmienić nazwę sklepu WooCommerce. To bardzo proste! Metoda 1: Domyślna strona w WordPress Pierwszą metodą zmiany nazwy sklepu, jest metoda najprostsza. Przejdź w zapleczu WordPress do zakładki Strony -> Wszystkie strony. Z listy wszystkich stron które posiadasz w zapleczu odszukaj docelowej strony sklepu. Rozpoznasz ją po specjalnym dopisku przy tytule — Strona sklepu. Najedź myszką na nazwę strony i kliknij łącze “Szybka edycja”. Wpisz nowy tytuł i zapisz zmiany. Koniec. Kropka. Takie proste! Oczywiście jeśli chcesz, możesz zamiast szybkiej edycji zmienić nazwę sklepu poprzez standardową edycję po wejściu w klasyczną edycję strony. Metoda 2: Edycja pliku functions.php Niektóre motywy WordPress, mogą ignorować zmianę tytułu strony pierwszą metodą. Zmiany takiej dokonuje się wtedy prawdopodobnie w ustawieniach motywu lub zakładce “Wygląd -> Dostosuj”.  Jeśli nie możesz znaleźć tego ustawienia lub go po prostu nie ma, możesz

Czytaj więcej
Jak wyświetlić polecane produkty

Jak wyświetlić polecane produkty w WooCommerce

Polecane produkty są jedną z kilku ważnych metod zwiększenia sprzedaży w sklepie internetowym. Objawiają się jako spersonalizowane podpowiedzi bazujące na historii przeglądania sklepu, kategorii produktu czy grupy produktów. Mogą występować jako upsell, czyli produkty zwiększające wartość kupowanego produktu (“Jeśli kupujesz koszulę, kup także spinki do mankietów!”). Mogą też występować jako cross-sell by namówić do zakupu powiązanego przedmiotu (“Proponujemy Ci jeszcze buty do garnituru!”). W tym wpisie dowiesz się jak wyświetlić polecane produkty w sklepie WooCommerce. Dlaczego warto polecać produkty? Polecanie produktów ma bardzo duży potencjał w zwiększeniu sprzedaży a także zwiększeniu satysfakcji klienta. Proponując Klientowi powiązane produkty, pomagasz mu dobrać przedmioty o których mógł w pierwszej chwili nie pomyśleć. W efekcie tego zwiększasz sprzedaż, zmniejszasz liczbę porzuconych koszyków, zwiększasz współczynnik konwersji i poprawiasz ogólne doświadczenie Klienta z Twoim sklepem. Ustawienie polecanych produktów w WooCommerce jest proste i zajmuje kilka minut. Jednak czas spędzony na rzetelne zaplanowanie strategii sprzedażowej zwróci się kilkukrotnie. Jak wyświetlić polecane produkty bez wtyczek? Zasadniczo WooCommerce ma wbudowaną funkcję polecania produktów. Wystarczy, że odpowiednio skonfigurujesz swój sklep. Co musisz zrobić? Przejdź do zakładki Produkty – Wszystkie produkty. Odszukaj

Czytaj więcej
Jak zbudować sklep internetowy

Jak zbudować sklep internetowy w WordPress

Cześć, w niniejszym wpisie chciałbym poruszyć temat budowy sklepu internetowego w oparciu o WordPress. Na początku musisz jednak wiedzieć, że WordPress pierwotnie został stworzony jako platforma do blogowania. Później przerodził się w platformę do budowy stron internetowych. Dzięki swojej popularności i niezliczonej ilości dodatkowych wtyczek zdobył również największą popularność wśród sklepów internetowych. Wszystko za sprawą wtyczki WooCommerce. Po poniższym wstępie teoretycznym, pokażę Ci jak zbudować sklep internetowy w WordPress. Czym jest WooCommerce? Pierwotnie WooCommerce został wydany jako wtyczka do WordPress w 2011 roku przez firmę WooThemes. W 2015 roku została wykupiona przez Automattic, czyli firmę, która jest głównym twórcą WordPress. Od tego czasu nastąpił dynamiczny rozwój WooCommerce i poszerzanie jego funkcjonalności. Obecnie jest to najpopularniejszy mechanizm sklepów internetowych. Dominuje na rynku i powiększa swoje globalne zasięgi, dzięki relatywnie prostej instalacji, konfiguracji i utrzymaniu. Nie można zapominać również o ogromnej ilości dodatkowych wtyczek, które dokładają do WooCommerce swoje własne usprawnienia i funkcje. Rynek eCommerce jest tak wielki, że nowe wtyczki rozwijające WooCommerce zawsze znajdują swoje miejsce. To właśnie ogromna różnorodność potrzeb administratorów sklepów połączona z dużą elastycznością i relatywnie tanią pracą programistów jest siłą napędową

Czytaj więcej
Sierotki w WordPress

Sierotki w WordPress. Wiszące spójniki i przyimki

Cześć! Dziś czas na walkę z sierotkami. Spokojnie – mam na myśli tylko te typograficzne. Problem wiszących spójników i przyimków powraca nieustannie co jakiś czas u każdego twórcy stron. W tym wpisie pokażę Ci, jak poradzić sobie z tą niezręcznością typograficzną w WordPress. Sierotki w WordPress nie będą już straszne! Czym są dokładnie sierotki? Po dokładną definicję odsyłam Cię do Wikipedii. Poniżej zamieszczę jednak najważniejsze fragmenty w formie cytatu: Sierotka, sierota, zawieszka, wiszący wyraz – błąd składu tekstu, który polega na pozostawieniu na końcu lub na początku wersu osamotnionego krótkiego słowa, zwłaszcza jednoznakowego. (…) Sierotka jest uchybieniem typograficznym, nie jest zaś błędem ortograficznym. Jeśli sierotka jest jedynym słowem w ostatnim wierszu akapitu, to jest jednocześnie wdową. Sierotki rażą szczególnie w sąsiedztwie znaków interpunkcyjnych, przykładowo na początku lub końcu zdania. Spójniki, przyimki, zaimki, partykuły, wykrzykniki, rzeczowniki, czasowniki i inne Podlinkowana wyżej strona Wikipedii podaje dużo przykładów sierotek. Szczerze powiedziawszy, zanim na nią nie spojrzałem, sam nie byłem świadomy ich istnienia. Najbardziej rzucające się w oczy to sierotki jednoznakowe. Są to łatwo zauważalne spójniki oraz przyimki. W języku polskim występuje 6 podstawowych wyrazów jednoliterowych, czyli potencjalnych sierotek:  2 spójniki

Czytaj więcej
atrybut “alt” dla obrazków

Czy atrybut “alt” dla obrazków pomaga w SEO?

W ostatnim czasie kilka osób pytało mnie o sprawę opisów do obrazków w WordPress. Osoby te pytały dokładnie, czy wprowadzanie opisów jest ważne i czy muszą to robić. Zastanawiały się czy atrybut “alt” dla obrazków pomaga w SEO i czy ma jeszcze jakieś znaczenie. Jak na to patrzy Google? Czy opisy pomagają w pozycjonowaniu? Co do samego Google, to pomimo iż oficjalne stanowisko mówi, że opisy nie mają znaczenia w pozycjonowaniu, to faktyczne pozycje w wyszukiwarkach zdają się temu przeczyć. Nie będę Cię więc trzymał dłużej w niepewności: tak, atrybuty “alt” dla obrazków pomagają w SEO. Czym jest atrybut “alt”? Atrybut “alt” dla obrazków jest specjalnym atrybutem HTML, będącym niczym innym jak tekstowym opisem obrazka. Opis ten, powinien z grubsza opisywać co dzieje się na obrazku. Pojawia się zazwyczaj w przeglądarce, gdy najedziesz kursorem myszy na zdjęcie i chwilę poczekasz. W WordPress przetłumaczony jest jako “Tekst alternatywny”. Tekst alternatywny jest opisem widocznym przez wyszukiwarki oraz inne systemy indeksujące strony czy pomagające osobom niewidomym. Nie można go jednak mylić z opisem (lub podpisem) obrazka widocznym przez użytkownika najczęściej pod spodem. Wiele osób, po prostu wrzuca zdjęcie do WordPress i nie uzupełnia tekstu alternatywnego. A szkoda, bo warto. Czy atrybut “alt” dla obrazków pomaga w SEO? No jasne!

Czytaj więcej
przełącznik języka na ekranie logowania

Jak wyłączyć przełącznik języka na ekranie logowania

W dzisiejszym dość krótkim acz treściwym wpisie, pokażę Tobie jak wyłączyć przełącznik języka na ekranie logowania WordPress. Opcja ta została wprowadzona w WordPress 5.9 i nie każdemu przypadła do gustu. Jeśli ze względów estetycznych chcesz ją wyłączyć to nic nie stoi na przeszkodzie.  Powyższa opcja pojawia się na ekranie logowania tylko wtedy, kiedy na Twojej stronie aktywny jest więcej niż jeden język. Miej na uwadze, że zmiana języka dotyczy tylko zaplecza strony i jej komunikatów. Nie czyni ona Twojej strony wielojęzycznej.  Metoda 1: Wyłączenie za pomocą wtyczki Najprostszą i najszybszą metodą wyłączenia możliwości zmiany języka na ekranie logowania jest skorzystanie z darmowej wtyczki Disable Login Language Switcher prosto z repozytorium WordPress. Powyższa wtyczka jest ultra prosta i ma za zadanie tylko jeden cel: schować wspomniany przełącznik języka. Jeśli potrzebujesz pomocy przy instalacji, sprawdź mój wpis jak dodać wtyczkę.  Metoda 2: Edycja pliku functions.php Drugą metodą jest klasyczna i niezastąpiona edycja pliku functions.php. Najlepiej w motywie potomnym, ponieważ wszelkie zmiany dokonane na motywie głównym zostaną utracone w przypadku aktualizacji motywu. Edycji tego pliku dokonasz albo za pomocą FTP lub poprzez opcję edycji w menu “Wygląd -> Edytor plików motywu”. Następnie

Czytaj więcej
Jak przyspieszyć Elementor

Jak przyspieszyć Elementor

Wszyscy wiemy, że szybkość ładowania się witryny ma ogromne znaczenie dla odwiedzających. Aby upewnić się, że ich doświadczenie z Twoją witryną będzie na najwyższym poziomie, musisz zadbać o optymalizację. O samej optymalizacji w ujęciu ogólnym pisałem już kilkukrotnie. Dziś jednak chciałbym skupić się na optymalizacji pracy jednego z najpopularniejszych edytorów drag & drop dla WordPress, tj. Elementor. Bez wątpienia szybko rośnie on siłę i staje się coraz popularniejszy. Wraz z popularnością podnoszą się głosy krytyczne w sprawie jego wpływu na wydajność witryny. Sami autorzy wtyczki dużo się starają aby przyspieszyć swoje narzędzie i dają nam dodatkowe możliwości optymalizacji. Zatem jak przyspieszyć Elementor? Na to pytanie odpowiem właśnie w tym wpisie. Zalety Elementora Sam Elementor ma już ogromna rzeszę fanów. Licząca ponad 8 milionów użytkowników społeczność chwali go sobie za niesamowitą wygodę użytkowania oraz możliwość efektownych rozwiązań. Oferuje bardzo intuicyjne menu nawigacyjne, sporą bazę gotowych do użycia szablonów i setki, jeśli nie tysiące widżetów tworzonych przez niezależne firmy i developerów. Nie wymaga znajomości HTML ani CSS i integruje się z niemal każdym motywem WordPress. Pomimo, że posiada wiele zalet, to główną jego wadą jest generowanie dużej

Czytaj więcej