Wyklikane

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

Wyklikane

Jak i dlaczego stworzyć własną wtyczkę WordPress

Cześć! W jednym z poprzednich wpisów opisywałem czym jest plik functions.php i gdzie go szukać. Dowiedziałeś się z niego także, jak edytować wspomniany plik i kiedy lepiej jest tego nie robić. Zaproponowałem Ci też, żeby alternatywne rozwiązanie do wprowadzania nowego kodu na stronie. Dziś konkretny przykład, czyli jak i dlaczego stworzyć własną wtyczkę WordPress. Po co tworzyć własną wtyczkę? Jak już pisałem poprzednio, istnieje wiele poradników w sieci, które udostępniają gotowe kawałki kodu, tzw. snippety, które należy wkleić do pliku functions.php aby osiągnąć pożądany efekt. Dodasz tak nowe pola w formularzach, obliczysz kwotę do darmowej wysyłki, wstawisz kod liczenia statystyk Google lub Facebook. Nie wszystkie snippety są jednak związane stricte z wyglądem (motywem) strony. Powinny działać niezależnie od aktualnie używanego motywu. WordPress generalnie oddziela stronę wizualną (motywy) od strony funkcjonalnej (wtyczki). Gdy zmienisz motyw WordPress na inny, to dopisane w pliku functions.php funkcje nie będą wykonywane. Zdecydowanie lepszym pomysłem od edycji plików motywu jest sytuacja gdy: a) napiszesz własną wtyczkę wykonującą kod, który chcesz wprowadzić na stronieb) użyjesz gotowej wtyczki, np. Code Snippets i wkleisz w nią pożądany fragmentu kodu. Dzięki temu, odseparujesz od motywu cały

Czytaj więcej
Formularz kontaktowy Elementor z Google reCAPTCHA

Formularz kontaktowy Elementor z Google reCAPTCHA

Cześć! Korzystając z okazji, że publikuję ostatnio poradniki o rozbudowie widżetu formularza kontaktowego Elementor Pro, chciałbym dziś pokazać, jak zabezpieczyć formularz kontaktowy Elementor z Google reCAPTCHA. Proponuję Ci przy okazji dwa super wpisy o tym, jak zrobić w Elementorze automatycznie rozwijany formularz kontaktowy oraz dodać możliwość wyboru adresata wiadomości.  Pokazałem w nich, jak automatycznie rozszerzać pole wpisywanej wiadomości w miarę wpisywania treści oraz dać użytkownikowi możliwość wyboru, do kogo chce wysłać swoją wiadomość z formularza. Dziś pokażę Ci, jak zabezpieczyć się przed spamem, czyli dużą ilością maili rozsyłanych przez złośliwe roboty i automaty wykorzystujące Twój formularz kontaktowy. reCAPTCHA v2 vs reCAPTCHA v3 Jeśli zastanawiasz się czym różni się reCAPTCHA v2 od reCAPTCHA v3, już wyjaśniam. reCAPTCHA v2 wymaga od użytkownika rozwiązania prostego quizu – tak, wszyscy lubimy zaznaczać przejścia dla pieszych 😉 reCAPTCHA v3 nie wymaga od użytkownika żadnych dodatkowych czynności. Algorytm Google na podstawie wielu czynników sam decyduje czy formularz kontaktowy został wypełniony przez człowieka czy przez spamującego robota. Formularz kontaktowy Elementor z Google reCAPTCHA Zabezpieczenie formularza jest bardzo proste. Procedurę podzielę na dwa etapy: wygenerowanie kluczy

Czytaj więcej

Czym jest functions.php i dlaczego go nie edytować

Jeśli jesteś trochę bardziej świadomym użytkownikiem to prawdopodobnie słyszałeś/aś o edycji pliku functions.php. Prawdopodobnie, gdy zaszła potrzeba usprawnienia strony o nową funkcjonalność lub poprawę już istniejącej. W poniższym tekście opiszę Ci czym jest functions.php, jak go edytować i dlaczego tego nie robić. Czym jest functions.php Plik functions.php jest częścią motywu i pełni w WordPress ważną rolę. Podobnie jak wtyczki, posiada kod PHP z funkcjonalnościami używanymi przez motyw na stronie. W pliku tym możesz np. dodać kod umieszczający sekcję z widżetami w stopce lub dodać dodatkowe pole adresowe w formularzu wysyłki WooCoomerce. Możesz też dopisać funkcję obliczającą kwotę do osiągnięcia darmowej wysyłki, dodać kod śledzenia Google Analitycs lub Facebook. Zakres możliwości, które daje Ci możliwość edycji tego pliku jest nieskończony. Plik ten jest po prostu miejscem, gdzie „wpinasz” czyli dopisujesz wszystkie dodatkowe funkcje WordPress. Jest on automatycznie ładowany i używany przez WordPress. Gdzie jest zlokalizowany Plik functions.php znajduje się w folderze z plikami Twojego motywu. W zapleczu WordPress znajdziesz go w zakładce „Wygląd -> Edytor motywu”. To właśnie tam musisz go szukać, gdy chcesz dopisać do niego nową funkcję. Nie jest to jednak zalecane miejsce zmian. Po pierwsze, jeśli

Czytaj więcej
wybór adresata wiadomości formularza

Elementor: wybór adresata wiadomości formularza kontaktowego

Cześć! Chciałbym Ci pokazać jak rozbudować widżet formularza kontaktowego dostępnego w Elementor Pro. Jeśli jesteś stałym czytelnikiem mojego bloga, to zapewne widziałeś wpis Elementor: automatycznie rozwijany formularz kontaktowy.  Pokazałem w nim, jak automatycznie rozszerzać pole wpisywanej wiadomości w miarę wpisywania treści. Dziś opiszę jak umożliwić użytkownikom wybór adresata wiadomości formularza kontaktowego. Załóżmy, że tworzysz formularz kontaktowy dla firmy usługowej i chcesz dać użytkownikowi możliwość wyboru, do kogo chce wysłać swoją wiadomość z formularza. Zobaczy on opcję kontaktu z biurem obsługi klienta, kadrami lub księgowością. W przeciwieństwie do wspomnianego wcześniej wpisu, tym razem skorzystasz z wbudowanej, ale trochę ukrytej opcji Elementora Pro. Nie musisz wklejać żadnych kawałków kodu JavaScript ani podobnych. 100% Elementora. Zaczynamy! Wybór adresata wiadomości formularza kontaktowego Zakładam, że masz już zbudowany prosty formularz i teraz jedynie rozszerzymy jego funkcje. Krok 1 Pierwsze co musisz zrobić, to zaznacz swój formularz kontaktowy aby zobaczyć jego opcje w panelu Elementora i kliknij przycisk „+ DODAJ ELEMENT” Krok 2 Ustaw typ treści pola jako „Select” Krok 3 Wpisz opcjonalną etykietę pola, np. „Odbiorca wiadomości” Krok 4

Czytaj więcej
jak znaleźć i usunąć niedziałające linki

Jak znaleźć i usunąć niedziałające linki w WordPress

Niedziałające linki są zmorą każdego administratora stron. Również tych opartych na WordPress. Im dłużej Twoja strona istnieje w sieci, tym większa szansa, że niektóre linki (szczególnie do serwisów zewnętrznych) przestały działać. Szkodzi Ci to przynajmniej w dwóch aspektach: niszczy SEO oraz zniechęca użytkowników. Kliknięcie w niedziałający link nie tylko frustruje użytkownika i zniechęca do dalszego klikania w odnośniki. Niedziałające linki są też sygnałem dla wyszukiwarek, że Twoja strona jest niezadbana i odsyła użytkowników do nieistniejących źródeł. W efekcie czego wyszukiwarki mogą uznać, że nie warto promować Twojej strony na wysokich pozycjach. Spadniesz w rankingach a ruch na witrynie znacznie się zmniejszy. Dziś pokażę Tobie jak znaleźć i usunąć niedziałające linki w WordPress. Przyczyna problemu Najczęstszą przyczyną niedziałających linków jest sytuacja, gdy linkowana strona przestała istnieć. Jej autor zamknął serwis lub przebudował strukturę linków. Niestety nie masz na to wpływu i jedyne co możesz w takiej sytuacji zrobić to usunąć niedziałający link lub zamienić na inny. Ale jak w ogóle dowiedzieć się, że któreś linki na Twojej stronie nie działają i szkodzą ciężko wypracowanej optymalizacji SEO? Jak znaleźć i usunąć niedziałające linki Cóż, na szczęście w Internecie jest całkiem sporo darmowych narzędzi które mogą Ci pomóc w tym zadaniu. W niniejszym artykule przedstawię

Czytaj więcej

Jak ustawić strukturę linków w WordPress

Właściwa struktura linków na stronie internetowej ma kluczowe znaczenie w długoterminowej strategii SEO. Nie tylko ze względu na pozycjonowanie w wyszukiwarkach ale także ze względu na wygodę użytkowników. W tym wpisie pokażę Tobie jak ustawić strukturę linków WordPress. I jak zrobić to dobrze. Zaczynamy! Czym są bezpośrednie odnośniki Bezpośrednie odnośniki to adresy URL widoczne w pasku przeglądarki tuż za adresem Twojej strony. Ich ustawienia znajdziesz w zakładce Ustawienia -> Bezpośrednie odnośniki. Jak widać na powyższym obrazku, do wyboru mamy 5 wstępnie skonfigurowanych opcji wyświetlania odnośników oraz jedno pole pozwalające ustawić własny format linków. Oto jak działają poszczególne opcje: Prosty – w adresie odnośnika widoczny będzie ID wpisu Dzień i nazwa – w adresie odnośnika widoczna będzie nazwa wpisu lub strony wraz z datą publikacji Miesiąc i nazwa – jak wyżej, tylko bez dnia publikacji Liczbowy – widoczny będzie link do archiwum oraz ID wpisu Nazwa wpisu – w adresie odnośnika widoczna będzie jedynie nazwa wpisu W polu dla własnego formatu możemy budować własna strukturę odnośników w oparciu o 10 dostępnych zmiennych. Na co zwrócić uwagę Planując strukturę linków w WordPress musisz mieć na uwadze jeszcze jedną rzecz. Wpisy i strony zachowują się w tej materii

Czytaj więcej
Ustawienia ogólne WordPress

Ustawienia ogólne WordPress – konfiguracja

Mnogość ustawień WordPress może być czasem przytłaczająca. Proste z pozoru ustawienia są niezmiernie ważne a zła konfiguracja niesie swoje konsekwencje. Szczególnie, jeśli chodzi o ustawienia ogólne. W dzisiejszym wpisie wezmę pod lupę ustawienia ogólne WordPress i pokażę Ci jak je prawidłowo skonfigurować. Ustawienia ogólne WordPress Pomimo, że ustawienia ogólne WordPress wydają się niespecjalnie ze sobą powiązane, to mają jednak ogromne znaczenia dla konfiguracji witryny. Znajdziesz je w zakładce Ustawienia -> Ogólne po zalogowaniu się do zaplecza strony. Wiele opcji jest tutaj dość prostych, ale kilka z nich zasługuje na wyjaśnienie. Omówię je w poszczególnych sekcjach. Tytuł witryny Ten dość oczywisty parametr mówi sam za siebie. Nazwa (tytuł) strony wyświetla się na karcie zakładki w przeglądarce oraz w wynikach wyszukiwarki. Wiele motywów umieszcza go jako nazwę strony w menu w przypadku, gdy nie wgrasz własnego logo. Tytuł witryny jest niezwykle istotny z punktu widzenia SEO. Warto dobrze przemyśleć nazwę, choć jest to bardzo proste kiedy masz pomysł na tematykę strony. Najczęściej jest to nazwa zbliżona (jeśli nie identyczna) do nazwy domeny. Opis Opis witryny to krótki opis o czym traktuje strona. To taki slogan, który może, ale nie musi wyświetlać się na stronie głównej oraz w wynikach

Czytaj więcej
Klikalny numer telefonu

Klikalny numer telefonu na stronie

Jeśli zastanawiasz się jak zrobić klikalny numer telefonu na urządzeniach mobilnych, to jesteś w dobrym miejscu. Dziś pokażę Ci, jak ułatwić życie Twoim czytelnikom, aby przeglądając Twoją stronę internetową na telefonie, mogli w wygodny sposób kliknąć w numer telefonu i od razu zadzwonić. Bez potrzeby kopiowania lub przepisywania numeru. Trywialne powiadasz? Przecież telefon sam wykrywa numer? Niekoniecznie. Pamiętaj, że niestety nie wszystkie przeglądarki i nie wszystkie urządzenia automatycznie wykrywają numery telefonów zapisane zwykłym tekstem. Zadbaj o komfort użytkowników wszystkich systemów operacyjnych. Nie tylko iOS czy Android, ale też Windows, Windows Mobile, MasOS czy różne dystrybucje Linux. Klikalny numer telefonu Jeśli chcesz mieć 100% pewność, że numer telefonu który podajesz na swojej stronie internetowej (niezależnie czy w domyślnym edytorze blokowym, Divi, Elementorze czy innym narzędziu) będzie klikalny na wszystkich urządzeniach – zapisz go jako link. Dla przykładu numer +48 123 456 789 możesz poprawnie zapisać tak: +48 123 456 789 Zobacz poniżej jak wygląda przykładowy link z numerem telefonu. Zauważ, że atrybucie href zamiast „https://” musisz wpisać „tel:”. Numer telefonu podawaj zawsze wraz numerem kierunkowym kraju, aby wyeliminować ryzyko pomyłki.

Czytaj więcej
Jak usunąć numer wersji WordPress z kodu strony

Jak usunąć numer wersji WordPress z kodu strony

Dzisiaj porozmawiamy trochę o bezpieczeństwie. Wielu doświadczonych praktyków głosi, że ze względów bezpieczeństwa warto wyrzucić z kodu źródłowego numer wersji WordPress. Pomaga to zwiększyć jej bezpieczeństwo i uniknąć prób włamania. W poniższym wpisie pokażę Ci jak usunąć numer wersji WordPress z kodu strony. Dlaczego warto usuwać numer wersji? Zainstalowałeś WordPress? Starasz się być na bieżąco? Jak dobrze wiesz – WordPress jest dość często aktualizowany. W różnych aktualizacjach – czy to samego WordPress czy to wtyczek i motywów – poza usprawnieniami funkcjonalnymi pojawiają się też łatki bezpieczeństwa. Naprawiają one rozmaite podatności na włamania i działanie złośliwego oprogramowania. Znając podatność konkretnej wersji WordPress, hakerzy mogą masowo skanować wszystkie strony w internecie w poszukiwaniu dokładnie tej samej wersji a następnie przeprowadzić atak. Dlatego tak ważne są aktualizacje. Jeśli nie masz czasu wykonywać regularnych aktualizacji lub wykonujesz stronę dla kogoś innego, to rozważ ten poradnik. Usunięcie numeru wersji WordPress sprawi, że roboty indeksujące nie będą wiedziały czy Twoja wersja strony jest podatna na włamania do których zostały zaprogramowane. Oczywiście w dużym uproszczeniu i z pewną dozą prawdopodobieństwa. WordPress domyślnie generuje numer swojej wersji w kodzie strony. Gdy zbadasz źródło swojej strony

Czytaj więcej
Jak się bronić przed atakami XSS

Jak się bronić przed atakami XSS. 3 metody zabezpieczeń

Włamania do stron opartych o WordPress nie są niczym niezwykłym. Stanowią jeden z wielu typowych problemów właścicieli stron. Jednym z popularnych ataków na na strony internetowe są ataki typu cross-site scripting, znane inaczej jako XSS. Są trudne w zwalczaniu, ale nie jesteś całkiem przed nimi bezbronny/a. Wystarczy kilka prostych środków ostrożności aby zminimalizować ryzyko ataku. Dziś pokażę Tobie jak się bronić przed atakami XSS w trzech krokach. Czym jest atak XSS Ataki XSS są jedną z wielu metod przejęcia kontroli nad Twoją stroną internetową. Wykorzystują one luki w jej zabezpieczeniach w dość specyficzny sposób. Zainteresowany włamaniem haker szuka w pierwszej kolejności słabego punktu Twojej strony. Może nim być niechlujnie napisana wtyczka lub motyw. Gdy owy nikczemnik znajdzie słaby punkt, wykorzystuje go aby za jego pomocą „wstrzyknąć” (czyli dodać) złośliwy kod do plików strony lub bazy danych. Jako złośliwy kod, możesz sobie wyobrazić wirusa komputerowego w potocznym rozumieniu. Kilka linijek złośliwego oprogramowania wystarczy, aby Twój WordPress otworzył hakerowi swoje drzwi i pozwolił np. wykraść dane użytkowników lub wyświetlić niechciane treści. Jeśli na Twojej stronie czy blogu nagle zaczną pojawiać się reklamy których nie zamieszczałeś – z dużym prawdopodobieństwem

Czytaj więcej