Tag: style
Wszystkie
Najnowsze
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.
Alternatywne wykorzystanie pola „ciąg dalszy adresu” w sklepie internetowym na WooCommerce, czyli kondygnacja głupcze! ;-)
W WooCommerce – tak, jak w wielu innych systemach – pole przeznaczone na wpisanie ulicy i numeru domu (oraz ewentualnie mieszkania) składa się z dwóch linijek – podstawowejm, oraz opcjonalnej, przeznaczonej na „ciąg dalszy adresu”. W większości przypadków jest to pole wręcz zbyteczne, stąd czasem jest nawet ukrywane, w ramach upraszczania formularza. Ostatnio jednak „konsultowałem” sytuację odwrotną – nie tylko go nie chowamy, ale wręcz „przywracamy” etykietę tego pola, oraz robimy, by było wymagane.
Dodatkowy komunikat (np. tekst) w podziękowaniu za zamówienie w sklepie internetowym na WooCommerce (WordPress)
Wtyczka WooCommerce jest rozwijana od dawna, regularnie pojawiają się aktualizacje, a i samo rozwiązanie jest na tyle dojrzałe, że nie tylko świetnie sprawdza się pod sklep internetowy (nie tylko w klasycznym rozumieniu tego określenia), ale też z tego co kojarzę, jest to obecnie najpopularniejsza platforma eCommerce, i to nie tylko ze względu na to, że WordPress jest najpopularniejszym silnikiem CMS. Nie oznacza to jednak, że nie ma elementów, które warto poprawić. Jednym z takich elementów może być informacja, która pojawia się na stronie podziękowania za zakup.
Interaktywne Wheel Of Life (koło życia) w WordPressie, generowane przy pomocy biblioteki amCharts
Napisała do mnie koleżanka, że wymyśliła sobie, by na swojej stronie zrobić coś w stylu Wheel Of Life (koło życia) w formie wykresu radarowego. Można powiedzieć, że nawet odrobiła „pracę domową”, bo „zapukała do mnie” z gotową propozycją, tzn. skryptem, z którego chciałaby skorzystać. Chodziło o projekt Wheel-Of-Life (codescale), który nie tylko jest dostępny w serwisie GitHub, ale chyba można z niego korzystać bezpłatnie, również w celach komercyjnych. Już samo to brzmi wystarczająco dobrze… ;-)
Force Dark Mode for Web contents w Google Chrome, czyli automatyczny tryb ciemny dla wszystkich stron internetowych
Nie da się ukryć, że moda na czarne interfejsy użytkownika (dark mode) rozkręca się coraz bardziej, i wchodzi w kolejne segmenty. O ile w telefonie zazwyczaj sam chętnie korzystam, to na komputerze raczej sporadycznie – ustawiłem w sumie tylko Windowsa, Firefoxa i jakieś pojedyncze aplikacje w tryb ciemny. Ale to może dlatego, że z komputera wieczorami i w nocy korzystam rzadko, co zresztą uważam za jeden z moich większych sukcesów, jeśli chodzi o prace i rozrywkę. Tymczasem Google prezentuje w najnowszej wersji swojej przeglądarki Chrome tryb ciemny dla… wszystkich stron.
W motywie Divi i Extra (Divi Builder) pojawiła się opcja edycji globalnych ustawień domyślnych dla elementów (modułów)
Jakiś czas temu w motywach Divi i Extra (Divi Builder) pojawiła się opcja pozwalająca kopiować style/ustawienia danego elementu do innych, podobnych elementów. Było to spore usprawnienie pracy, zwłaszcza gdy korzystamy na stronie wielokrotnie z jakiegoś elementu (np. CTA). Dzięki temu, po „odpicowaniu” jakiegoś modułu, możemy szybko przełożyć jego wygląd/ustawienia na inne moduły tego typu. Dziś ukazała się aktualizacja, która przenosi to na kolejny poziom…
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…
Wesprzyj nas!
Promocja własna
Najnowsze wpisy
Gen AI w Envato, czyli w ramach usługi Envato Elements mamy teraz dostęp do całego wachlarza narzędzi wspieranych przez AI
DJI Mini 5 Pro, czyli mały dron z klasą C0, a spore zamieszanie, bo niby sub250, a jednak waży powyżej 250 gramów
Dlaczego odpowiedni tusz jest kluczowy dla Twojej drukarki
W Home Assistant 2025.6 w końcu mamy przypisanie struktury menu bocznego (sidebar) do konta użytkownika, więc teraz pora jeszcze na kolory (motyw)
Prosta zmiana kontenera uprzywilejowanego na nieuprzywilejowany i odwrotnie w Proxmox za pomocą (bezpłatnego) skryptu
Promocja własna
Promocja własna
