[snippet] Usunięcie query string plików CSS i JS

Optymalizacja WordPressa to temat rzeka, istnieje wiele „trików”, mechanizmów czy pluginów, które pozwalają nam uzyskać cenne sekundy czasu ładowania naszej strony. Jednym z tych trików jest usunięcie „query string” czyli unikalnego identyfikatora, który jest dopisywany przez WP do plików CSS czy JS. Gdy spojrzymy w źródło naszej strony to zauważymy tam wpisy podobne do poniższych: […]

[snippet] Usunięcie zakładki „Opinie” w Woocommerce

Jedną z najlepszych funkcjonalności WordPressa są haki (hooks) czyli filtry i akcje. Umożliwiają one modyfikację naszych motywów i pluginów bez zmieniania ich kodu źródłowego a jedynie poprzez dopisywanie kilku linijek kodu do pliku functions.php. Postanowiłem zatem stworzyć serię wpisów z różnymi snippetami, które mogą się Wam przydać podczas pracy nad stronami opartymi na WordPressie czy […]

Optymalizacja obrazów WordPress

Kompresja czy optymalizacja obrazów wykorzystywanych na naszych stronach WWW jest bardzo ważnym zagadnieniem. Dzięki odpowiednim narzędziom jesteśmy w stanie znacząco zmniejszać rozmiar grafik bez utraty ich jakości. Strona internetowa, której obraz zostały zoptymalizowane jest „lżejsza” czyli pobieramy mniej megabajtów by wczytać jej zawartość a co za tym idzie skraca się czas jej ładowania. Taka strona […]

Kompresja obrazów on-line

Bardzo często umieszczamy na naszych stronach internetowych wszelkiego rodzaju zdjęcia i grafiki. Jeśli jest to nasza strona firmowa to pokazujemy nasze biuro/sprzęt/pracowników czy portfolio. Gdy stworzymy jakąś infografikę ta również ląduje na stronie jako obraz. Niejednokrotnie umieszczamy także zdjęcia zajmujące cały ekran czy to do paralaksy czy jako grafika witająca użytkowników zaraz po wejściu na […]

Przenoszenie WordPressa bez pomocy wtyczek

Gdy tworzymy swój motyw bądź konfigurujemy jakiegoś „gotowca” to nie robimy tego na docelowej domenie a gdzieś, w ukryciu przed robotami indeksującymi i ewentualnymi odwiedzającymi. Jest to podyktowane względami SEO bo nie chcemy aby roboty zaindeksowały naszą witrynę z frazami „Lorem Ipsum” lub zawartością „demo”. A gdy na przykład odświeżamy layout to nie chcemy by […]

Zabezpieczanie WordPressa

Według w3techs.com udział WordPressa w wynku CMSów wynosi 59,6%. Dodatkowo jest na nim oparta praktycznie co czwarta strona internetowa w sieci (26,6%). Popularność WP wiąże się z tym, że jest przeprowadzane wiele ataków na strony na nim oparte. Wyobraźcie sobie, że spammerzy znajdują bardzo poważną lukę i ich boty atakują jedną czwartą internetu umożliwiając rozsyłanie spamu, ataki ddos czy […]

Naprawa „Witryna jest tymczasowo niedostępna”

Gdy aktualizujemy wtyczki lub samego WordPressa przełącza się on w tryb konserwacji. Oznacza to tyle, że podczas tych kilku sekund gdy następuje aktualizacja, ktokolwiek wejdzie na naszą stronę zobaczy komunikat o pracach konserwacyjnych. Zwykle po zakończeniu aktualizacji nasz WordPress powinien wrócić do swojego normalnego działania, ale może się zdarzyć tak, że ów komunikat nie znika. […]

Własny kolor paska adresu w mobilnym Chrome

Mobilna wersja przeglądarki Chrome dla systemu Android posiada bardzo fajną funkcjonalność, która pozwala na zmianę koloru paska adresu na dowolny, wybrany przez nas. Po wczytaniu strony pasek może przyjąć kolor, na przykład, nagłówka naszej strony co tworzy efekt całości z przeglądarką. Uzyskanie tego efektu jest bardzo proste. Wystarczy jedna linijka kodu dodana do sekcji <head> naszej strony. […]

Przyspiesz swoją stronę z HTTP/2

Nie dawno miała miejsce premiera nowej wersji protokołu HTTP czyli HTTP/2. Poprzednia wersja (HTTP 1.1) weszła w życie w 1997 roku i jest używana do dzisiaj. Głównymi różnicami są m.in: Ograniczenie ilości połączeń TCP potrzebnych do pobrania całej zawartości strony. Źródło: cloudflare.com Server Push czyli wysyłanie komponentów zanim przeglądarka o nie poprosi. Źródło: cloudflare.com Priorytety […]

Cheat sheet / wyszukiwarka Bootstrap

Bootstrap jest zbiorem gotowych klas ułatwiającym tworzenie responsywnych stron WWW. Dokumentacja Bootstrapa jest bardzo czytelna ale brakuje jej jednej, ważnej rzeczy – wyszukiwarki. Nie znając dokumentacji na pamięć nie jest łatwo znaleźć poszukiwany element. Tutaj z pomocą przychodzi strona https://cheatsheet.kursbootstrap.pl/ która umożliwia wyszukiwanie po nazwie elementu bądź po jego klasie. Robert