Wyklikane

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

Wyklikane
Jak kompletnie wyłączyć Google Fonts

Jak kompletnie wyłączyć Google Fonts

W poprzednim wpisie pisałem o tym jak przyspieszyć ładowanie Google Fonts. Podałem tam 3 sposoby na skuteczne przyspieszenie wczytywania się strony opartej o WordPress. A co jeśli nie chcemy używać Google Fonts w ogóle? Na przykład, gdy mamy własną czcionkę a używamy motywu, który domyślnie ładuje niechciane fonty? Dziś pokażę Ci, jak kompletnie wyłączyć Google Fonts ze strony WordPress. Po co wyłączać Google Fonts? Tak jak pisałem we wstępie, czcionek Google możesz nie potrzebować, jeśli posiadasz własną czcionkę wgraną na serwer i podlinkowaną w stylach CSS motywu. Możesz też ich nie chcieć w sytuacji, gdy wolisz używać domyślnych czcionek systemowych w komputerach i telefonach użytkowników odwiedzających Twoją stronę.  W sytuacji, gdy nie używasz żadnych czcionek z Google Fonts a są one ładowane przez motyw, to wyłącz je całkowicie. Tylko niepotrzebnie spowalniają stronę. Dlaczego spowalniają? Bo przeglądarka przed wyświetleniem strony, musi połączyć się z serwerem Google, poczekać a następnie pobrać żądaną czcionkę, której i tak ostatecznie może nie użyć… Jak kompletnie wyłączyć Google Fonts Najwygodniejszą formą wyłączenia Google Fonts, jest instalacja prostej wtyczki “Disable and Remove Google Fonts” z repozytorium WordPress. Po prostu zainstaluj ją i włącz. Wtyczka nie ma żadnych ustawień, więc nie musisz robić nic więcej! Czy działa z Twoim motywem? Autorzy wtyczki

Czytaj więcej
3 porady jak przyspieszyć ładowanie Google Fonts

3 porady jak przyspieszyć ładowanie Google Fonts

Wszyscy lubimy czytelne czcionki. Wszyscy lubimy ładnie wyglądające i intuicyjne strony internetowe. Nie wszyscy jednak lubimy czekać na otwarcie strony i załadowanie wszystkich jej elementów. Niektóre strony, wczytują się szybko, inne wolniej. Na prędkość ładowania się strony wpływa wiele czynników. Szybkość serwera, jego wydajność, rodzaj dysku i ogólna zdolność do obsługi ruchu sieciowego. Po stronie treści natomiast dużo zależy od zastosowanego motywu, ilości skryptów, styli CSS, kompresji obrazów, metod wczytywania zasobów a w tym również czcionek. Czcionki ładowane z zewnętrznego serwisu Google potrafią spowolnić ładowanie się strony. W tym wpisie, mam dla Ciebie 3 porady jak przyspieszyć ładowanie Google Fonts. Dlaczego Google Fonts spowalnia wczytywanie? Gdy Twoja strona korzysta z czcionek udostępnianych w usłudze Google Fonts, to standardowo przy każdych jej odwiedzinach, przeglądarka łączy się z serwerem Google, pobiera czcionkę a następnie używa jej do wyświetlenia tekstu. Pozostałe zasoby, takie jak obrazy czy skrypty czekają na swoją kolejkę. Wszystkie operacje wykonywane są milisekundach. Lecz przy założeniu, że strona musi wykonać takich operacji kilkadziesiąt – daje to już kilka sekund. Pół biedy, jak owe kilka sekund czekania

Czytaj więcej
Jak podpiąć Google Analytics 4

Jak podpiąć Google Analytics 4

Google głośno informuje, że 1 lipca 2023 roku, wprowadzi duże zmiany w sposobie zbierania danych analitycznych i dotychczasową metodę Universal Analytics zastąpi Google Analytics 4. Proces zmiany na szczęście jest prosty. Zatem jak podpiąć Google Analytics 4 na stronie WordPress? Zapraszam do lektury!  Po co te zmiany? Usługa Google Analytics 4 stworzona została, aby jeszcze dokładniej zbierać i analizować dane pochodzące ze stron internetowych i aplikacji chroniąc jednocześnie prywatność użytkowników. Stara usługa Universal Analytics lipcu 2023 roku po prostu przestanie zbierać dane. Nie oznacza to jednak, że możesz czekać do tego czasu. Musisz pamiętać, że nowa usługa potrzebuje czasu, aby nauczyć się analizować dane z Twojej witryny. Nie czekaj do lipca i pomyśl o zmianach już w tym roku. Nowa usługa pozwala dokładniej śledzić ruchy użytkownika na stronie. Skąd przyszedł, co oglądał, co kupił i czy po zakupie dalej oglądał stronę czy może poszedł dalej? W związku powszechną polityką regulowania użycia plików cookie, nowa usługa wprowadza szereg zmian dostosowanych do nowych przepisów. Dla przykładu, działanie tagu śledzącego ruchy użytkownika zależne będzie od tego, czy wyrazi on zgodę na cookie zewnętrzne czy nie. Jak podpiąć Google Analytics 4? Zakładam, że masz

Czytaj więcej
Jak podzielić długi wpis na podstrony

Paginacja wpisu. Jak podzielić długi wpis na podstrony?

Cześć! W dzisiejszym wpisie pokażę Ci jak wprowadzić paginację wpisów na blogu czy stronie. Dowiesz się jak podzielić długi wpis na podstrony, aby usprawnić czytelnikom przebijanie się przez długi tekst.  Co przyświeca takiej zmianie? Po pierwsze łatwiejsza nawigacja po akapitach. Tekst staje się czytelniejszy a strona ładuje szybciej. Po drugie zwiększasz liczbę interakcji użytkownika ze stroną. Co prawda, zmuszasz go do dodatkowego klikania, ale algorytmy mierzące statystyki traktują to jako zwiększone zaangażowanie użytkownika. To natomiast może przełożyć się na SEO i lepsze wyniki pozycjonowania.  Paginacja wbudowana w WordPress (bez wtyczek) Najprostszą, najszybszą i najwydajniejszą metodą podziału wpisu na podstrony jest skorzystanie z wbudowanej w WordPress opcji paginacji tekstu. Metoda ta nie wymaga żadnej instalacji wtyczek i jest super prosta w użyciu. Po prostu przejdź do dowolnego wpisu, który chcesz edytować i ustaw kursor w miejscu, w którym chcesz dokonać podziału strony i naciśnij Enter. Jeśli używasz Gutenberga, najedź myszką na wolna linię i kliknij w ikonę “+”. Odszukaj bloku “Podział strony”. To takie proste! Zobaczysz nowy blok markujący miejsce w którym Twój wpis zostanie podzielony na dwie części! Jeśli chcesz wprowadzić więcej podstron, po prostu wstaw kolejny blok w wybranym miejscu wpisu. Jeśli używasz edytora klasycznego, przełącz się

Czytaj więcej
Jak zgłosić stronę do wyszukiwarki

Jak zgłosić stronę do wyszukiwarki Google, Bing, Yahoo i DuckDuckGo

Jako posiadacz nowej strony internetowej, będziesz zapewne zainteresowany zgarnięciem jak największego ruchu organicznego w jak najkrótszym czasie. Zanim Twoja strona pojawi się w wynikach wyszukiwania, robot indeksujący przeglądarki musi ją najpierw odwiedzić, aby przeanalizować zawarte treści. Jeśli chcesz, możesz samodzielnie przyspieszyć ten proces. W tym wpisie pokażę Ci, jak zgłosić stronę do wyszukiwarki Google, Bing, Yahoo i DuckDuckGo. Na całe szczęście, zgłoszenie strony do wyszukiwarki jest procesem relatywnie prostym. Za chwilę pokażę Ci, jak to zrobić krok po kroku. Dlaczego warto robić to samemu? O ile wyszukiwarki dość dobrze radzą sobie z indeksowaniem stron, to cały proces jest czasochłonny. Często zdarza się więc sytuacja, gdy publikujesz swoją nową stronę internetową i przez pierwsze kilka tygodni nikt na nią nie zagląda. Nie pojawia się ona w wynikach wyszukiwania, bo nie została jeszcze zindeksowana.  Każda z popularnych wyszukiwarek posiada swoje narzędzie, w którym możesz zgłosić swoją stronę do indeksacji. Dajesz tym samym znać, że jesteś gotowy, aby robot odwiedził Twoją stronę.  Jak zgłosić stronę do wyszukiwarki Google Narzędziem służącym do m.in. do zgłaszania nowej strony jest Google Search Console. Pomaga ono zarządzać widocznością strony w wyszukiwarce i wynajdywać

Czytaj więcej
Jak pokazać obrazek wyróżniony w RSS

Jak pokazać obrazek wyróżniony w RSS

Czy zastanawiałeś się kiedyś nad dodaniem swojej strony do któregoś z popularnych agregatów RSS? Czy czytelnicy Twojego bloga regularnie wchodzą na Twoją stronę, bo wiedzą dokładnie kiedy publikujesz nowe treści? Jeśli chcesz aktywnie promować swoją stronę lub blog w katalogach, agregatach RSS lub podobnych serwisach to musisz korzystać z kanałów RSS. W dzisiejszym wpisie podpowiem Ci jak pokazać obrazek wyróżniony w RSS, aby wizualnie wyróżnić udostępniane linki. Domyślny problem Zasadniczy problem z kanałami RSS w WordPress jest taki, że udostępniane linki do wpisów domyślnie nie zawierają obrazka wyróżnionego, czyli głównego obrazka posta. Pół biedy, gdy pozwalasz agregatom RSS pobierać pełną treść wpisu. Gorzej, jeśli pozwolisz im na pobieranie jedynie krótkiego wstępu w którym w ogóle nie ma żadnych obrazków. Agregaty/czytniki RSS albo nie pobierają więc z Twojego wpisu żadnego obrazka albo pobierają pierwszy obrazek znaleziony w jego treści. Czym są kanały RSS? Zakładam, że skoro zainteresował Cię niniejszy temat wpisu, to masz już jakieś pojęcie o RSS lub zaczynasz jego poznawanie. Kanał RSS to pewien format danych, który pozwala śledzić na bieżąco pojawiające się nowe treści w określonych stronach internetowych. Strony te, muszą oczywiście owe kanały udostępniać. Skrót RSS pochodzi od nazwy formatu

Czytaj więcej
Udostępnianie wpisu

Jak udostępnić szkic nieopublikowanego wpisu WordPress

Prowadzisz stronę lub bloga i piszesz teksty? Stworzyłeś właśnie nowy artykuł i chcesz go przesłać komuś do korekty lub weryfikacji? WordPress domyślnie nie pozwala udostępniać nieopublikowanych postów osobom postronnym. Co prawda, można utworzyć nowe konto użytkownika z uprawnieniami Edytora lub wyższymi, ale nie należy to do najwygodniejszych sposobów. W tym wpisie pokażę Ci, jak udostępnić szkic nieopublikowanego wpisu lub strony WordPress dowolnej osobie. Po co to komu? Sam czasem znajduję się w sytuacji, gdy po napisaniu jakiegoś artykułu lub poradnika, chciałbym przesłać go osobie postronnej aby przeczytała i oceniła moje wypociny. Cenię sobie opinie osób postronnych, które ze świeżym okiem odeślą mi swoje uwagi. Chciałbym wiedzieć, czy napisany przeze mnie poradnik jest prosty i zrozumiały. Czy wymaga dopracowania, czy jest gotowy do publikacji. Bywa też tak, że mam w zapleczu przygotowany artykuł zaplanowany z publikacją dopiero za kilka tygodni, ale już teraz chciałbym go przesłać komuś, kto akurat potrzebuje pomocy i ta specyficzna wiedza jest już zawarta we wpisie. Zazwyczaj mam do wyboru dwie opcje: Utworzyć takiej osobie konto na stronie z odpowiednimi uprawnieniami Skopiować treść wpisu do Dokumentów Google lub Worda i udostępnić dokument Minusem tych rozwiązań jest to, że: Albo daję

Czytaj więcej

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