Wszystko o head | Webinsider - Internet widziany od środka ™

Tag: head

Prosty sposób na bezpłatny dostęp do płatnych ikon Font Awesome, czyli krótkie testy przed ewentualnym zakupem

Podczas prac nad jednym z projektów, pojawił się pomysł zastosowania w ramach interfejsu użytkownika ikon Font Awesome, czyli niby nic nadzwyczajnego, bo często korzystam z tych ikon. Jednak szybko okazało się, że bezpłatne ikony w katalogu nie wystarczą, bo większość, która miałaby sens w przypadku tej webaplikacji jest dostępna tylko w wersji płatnej. A że akurat nikt z nas wersji płatnej Font Awesome nie posiada, na potrzeby projektu zakupić dostęp jeszcze za wcześnie, bo nie wiadomo, czy po weryfikacji faktycznie zostaną te ikony, to trzeba było wymyślić coś tymczasowego, na potrzeby wstępnego wdrożenia testowego. I jak się okazało, było to bardzo łatwe, wręcz banalne…

Kod CSS dla wybranych produktów w WooCommerce, czyli gdy strona produktu ma wyglądać trochę inaczej niż pozostałe

Kilka dni temu, na „skrzynkę redakcyjną” wpłynęło „zapytanie premium” o możliwość modyfikacji pewnych elementów  graficznych na stronach poszczególnych produktów. Strona działa na dobrze znanym mi motywie Divi, więc teoretycznie można by skorzystać z opcji „theme builder”, by dla wybranych produktów przygotować inny wygląd. Jednak zmiany choć drobne – zmiana koloru dla kilku wybranych elementów, to miały docelowo dotyczyć wszystkich produktów w sklepie, a więc tworzenie dla każdego produktu oddzielnego szablonu choć możliwe, to w tym przypadku raczej nie byłoby najlepszym sposobem. Zwłaszcza że wszystko można było ogarnąć dosłownie 2-3 linijkami kodu CSS.

Zadebiutował WordPress 5.2 „Jaco”, a wraz z nim funkcja wp_body_open(), z nowym hakiem „wp_body_open”

Dziś zadebiutował publicznie WordPress 5.2 „Jaco” (od Jaco Pastorius), który przyniósł kilka zmian, jak to w przypadku aktualizacji bywa. Wśród zmian mamy dodatkowe strony związane z usługą „Site Health” (opcja, która pojawiła się wraz z 5.1), gdzie możemy sprawdzić stan witryny („stan witryny pokazuje krytyczne informacje na temat konfiguracji WordPressa i innych elementów, które wymagają twojej uwagi”), oraz uzyskać dodatkowe informacje o samej stronie („strona pokazuje każdy szczegół konfiguracji twojej witryny opartej o system WordPress”). Poprawiono też mechanizm zarządzania i kontrolowania ewentualnych błędów PHP, wraz ze specjalnym trybem awaryjnym (recovery mode). Ale dla mnie chyba najistotniejszą zmiana jest nowa funkcja, a wraz z nią nowy filtr, dzięki któremu można będzie w prosty sposób dodać kod zaraz za znacznikiem <body>.

Dodawanie ikon do strony internetowej (np. do menu) na przykładzie Font Awesome 5 (i Dashicons) i WordPressa

Będzie o ikonach (nie tylko) w menu, czyli temacie trochę pochodnym ostatnich zmian na Webinsider.pl – ikony w menu były chyba od zawsze, ale niedawno dorobiły się ich wszystkie pozycje (w menu głównym), i od razu w statystykach widzę, że jest dużo większe zainteresowanie poszczególnymi pozycjami. Dostałem też kilka pytań, jak takie ikony wdrożyć, stąd ten artykuł…

Modyfikacja atrybutów i zachowania wybranych elementów za pomocą jQuery na przykładzie WordPressa i motywu Divi

Znajomy pracuje w firmie, nie takiej małej, ale też nie takiej dużej, ale mają tam dział IT. I choć dział ten pełni głównie funkcję helpdesku, to szef wpadł na pomysł, że zaoszczędzi, a chłopaki zrobią mu stronę internetową. Nigdy tego żaden z nich nie robił, ale po konsultacji ze mną kolega postanowił działać. Jako motyw doradziłem mu w takim przypadku Divi od Elegant Themes, dałem kilka wskazówek, wskazałem kilka przydatnych wtyczek (nie, wtyczek Yoast SEO czy W3 Total Cache zdecydowanie nie było na tej liście) i kolega wziął się do pracy…

Usuwanie wersji skryptów i stylów (CSS) z adresów plików wczytywanych w nagłówku przez WordPressa

Kolega postanowił poszukać Świętego Graala, przynajmniej jeśli o chodzi o szybkość jego strony internetowej w teście Google PageSpeed Insights. Oczywiście życzę powodzenia, nawet jeśli to często sztuka dla sztuki. Przy tej okazji zapytał, jak w WordPressie najprościej i bez dodatkowych wtyczek (wydajność ;-)) wywalić z adresów ładowanych plików CSS i skryptów (JavaScript) dodawane automatycznie argumenty z wersją – czy to samego WordPressa czy wtyczki lub motywu. Ponoć ma lepiej cache dzięki temu działać, a tym samym w teście wpadnie dodatkowy punkt lub może nawet dwa…

Matomo Tag Manager, czyli konkurencja dla Google Tag Manager do zainstalowania na własnym serwerze

Niedawno pisałem o tym, że statystyki Piwik zmieniły nazwę na Matomo. Teraz ekipa stająca za Matomo uruchomiła kolejny projekt, który może rzucić wyzwanie chyba jednej z najlepszych usług – przynajmniej dla webmasterów i marketerów – od Google, czyli Google Tag Manager.

Wtyczka uBlock Origin blokuje treść niektórych artykułów, czyli wyraz „reklama” w nazwie tagów i kategorii

Jakiś czas temu koleżanka zasygnalizowała mi, że na jej firmowym laptopie, w przeglądarce Chrome w przypadku niektórych (!) artykułów nie wyświetla się treść – widzi nagłówek (logo i menu), a potem dopiero przyciski nawigacyjne „następny” i „poprzedni” artykuł, pole „o autorze”, listę podobnych wpisów, komentarze i stopkę. Do tego pasek boczny (sidebar). Czyli właściwie wszystko, poza najważniejszym, czyli treścią artykułu. Z racji tego, że dotyczyło to tylko niektórych wpisów, do tego u mnie nie udało się na żadnej przeglądarce powtórzyć tego błędu, temat trafił na listę zadań, do zrobienia… później.
Niedawno jednak podobny problem zgłosił inny czytelnik. W tym momencie to już nie incydent na specyficznie skonfigurowanym komputerze firmowym, a pewnego rodzaju reguła, którą postanowiłem sprawdzić dokładniej…

Dodawanie piksela Facebooka do strony internetowej (nie tylko) na przykładzie WordPressa

Niedawno pisałem o tym, że Facebook mocno rozbudował możliwości swojego narzędzia Facebook Analytics, które powoli wyrasta na (społecznościową) konkurencję dla Google Analytics. Przy tej okazji wspomniałem tez o zmianach w obrębie piksela Facebooka, czyli kodu odpowiedzialnego m.in. za dostarczanie danych do statystyk.
I tak ten piksel Facebooka przewija się w kolejnych wpisach i tematach, a jeśli pamięć (i wyszukiwarka) mnie nie myli/zawodzi, to ni było jak go dodać do swojej strony internetowej…

Plik robots.txt, czyli dialog z robotami internetowymi (indeksującymi)

Dziś będzie o kolejnym (po .htaccess) istotnym przydatnym pliku, który powinien (a na pewno nie zaszkodzi) znaleźć się w głównym katalogu naszej strony, na serwerze, czyli pliku robots.txt, który umożliwia pewnego rodzaju dialog między stroną (nami) a wyszukiwarką (robotami indeksującymi).

Loading

Pin It on Pinterest