Wyklikane

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

Wyklikane
Przykllejone menu w WordPress

Jak zrobić przyklejone menu w WordPress

W poprzednim wpisie pokazałem jak zrobić przyklejone menu w Elementor. Zgodnie z obietnicą, dziś kontynuuję wątek. Tym razem chciałbym Ci pokazać, jak osiągnąć ten sam efekt, czyli przyklejone menu w WordPress dla motywów bez użycia Elementora. Jest to sposób kompatybilny praktycznie z każdym motywem WordPress. Zaciekawiony? Zaczynamy! Przyklejone menu w WordPress Bez zbędnej zwłoki, napiszę od razu, że potrzebna będzie dedykowana wtyczka. Wtyczka, która rozpozna dowolny element na stronie (w naszym przypadku menu) i przyklei go na górze ekranu. Mam na myśli sprawdzoną już przeze mnie wtyczkę Sticky Menu & Sticky Header, która po instalacji objawi się na liście wtyczek jako Sticky Menu (or Anything!) on Scroll. Jej darmowa wersja w zupełności pozwoli Ci osiągnąć pożądany efekt. Krok 1: Zainstaluj i włącz wtyczkę Pierwszym krokiem, jest przejście do menu “Wtyczki -> Dodaj” nową i wyszukanie wtyczki Sticky Menu & Sticky Header. Dla ułatwienia pokazuję poniżej jej ikonę, opis i autora. Po instalacji włącz wtyczkę. Krok 2: Przejdź do ustawień Ustawienia wtyczki znajdziesz w zakładce “Ustawienia -> Sticky Menu (or Anything!)”. Na głównej karcie zobaczysz takie ustawienia jak poniżej. Aby wtyczka zadziałała, jedyne co musisz zrobić, to zatroszczyć

Czytaj więcej
Przyklejone menu Elementor

Jak zrobić przyklejone menu w Elementor

Podczas pracy nad stronami internetowymi dla swoich klientów, już kilkakrotnie zostałem poproszony aby zaprojektowane menu główne, było zawsze widoczne na ekranie. Przyklejone do góry ekranu, zawsze pływało za użytkownikiem, niezależnie w której części strony się on znajduje. Nieco podobnie jak u mnie na blogu, tyle że moje menu jeszcze się chowa i pokazuje dopiero przy delikatnym scrollu w górę. Ale to trick do pokazania na inny artykuł. Wrócę teraz do tematu głównego. A zatem jak zrobić przyklejone menu w Elementor? Potrzebujesz Elementor Pro Zanim przejdziemy do poradnika muszę Cię uprzedzić, że jeśli planujesz wykonać przyklejone menu w 100% na Elementor, to potrzebujesz wersji Pro tej wtyczki. Sprawdza się idealnie w połączeniu z darmową wersją bazową i zapewnia pełną zgodność. Jeśli tworzysz strony w Elementorze i nie chcesz wspierać się dodatkowymi wtyczkami, to rozwiązanie jest właśnie dla Ciebie. Zaczynamy: Krok 1: Stwórz menu Na początek oczywista oczywistość – do stworzenia “pływającego” menu potrzebujesz… menu. Stworzysz je w zakładce WordPress pod pozycją Wygląd -> Menu. Zakładam jednak, że ten banalny krok masz już za sobą i oczekujesz konkretnej porady. Idźmy dalej. Krok 2: Otwórz Kreator Motywów Po tym jak stworzysz menu, przejdź do Kreatora Motywów

Czytaj więcej
Jak wyłączyć prawy przycisk myszy w WordPress

Jak wyłączyć prawy przycisk myszy w WordPress

Jeśli jesteś twórcą treści publikowanych w internecie, musisz liczyć się z tym, że czasem Twoje teksty będą powielane. Nie zawsze jednak jest to rzecz pożądana. Szczególnie, jeśli Twoje teksty lub obrazy są kopiowane i używane dalej bez podawania ich autora. I o ile nie da się w 100% zabezpieczyć przed tym procederem, to można delikatnie utrudnić kradzież takich treści. W dzisiejszym wpisie pokażę Ci, jak wyłączyć prawy przycisk myszy w WordPress. Czy warto wyłączać prawy przycisk myszy? Na to pytanie trudno jest odpowiedzieć jednoznacznie. Z jednej strony utrudnia to kopiowanie treści a w szczególności obrazów. Nie da się w prosty sposób kliknąć na obrazek i zachować go na pulpicie lub skopiować adresu i wkleić na innej stronie. Takie bezczelne linkowanie do Twojego obrazu, znajdującego się na Twoim serwerze, dodatkowo zużywa zużycie jego transferu. Prawda, że wredne? Warto więc blokować. Z drugiej strony nie warto blokować PPM gdy np. tak jak ja, prowadzisz stronę z poradami. W takich przypadkach użytkownicy często kopiują fragmenty strony czy nawet są o to proszeni. Sam zresztą udostępniam snippety czy inne materiały, które należy skopiować i wkleić na swojej stronie. Takim blokowaniem prawego przycisku myszy bym tylko was wkurzał. A przecież zależy mi na pomaganiu. Niektórzy też, mogą zechcieć pod prawym przyciskiem myszy wyłączyć

Czytaj więcej
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