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

Tag: etykieta

Na stronie EASA drony DJI Mini 2 SE, Mini 3 i Mini 3 Pro z (zapowiedzianą) klasą C0, czyli coś się ruszyło i możliwe, że tym razem już okres przejściowy nie zostanie przedłużony

W weekend sporo czasu rozmawiałem z kolegą, który podobnie jak ja lata dronami. Więc oczywiście część rozmów dotyczyła również i tego tematu, w tym tak gorących tematów, jak problemy z DroneRadar, przez co do zgłaszania lotów korzystaliśmy ze specjalnie przygotowanego do tego celu generatora. Sporo jednak czasu poświęciliśmy na rozmowy o tym, co nasz może czekać w kontekście nowych, w dużej mierze unijnych przepisów, które mają wejść w życie z 1 stycznia 2024. A tu w skrajnej sytuacji potencjalnie wesoło mogło nie być, nawet dla posiadaczy – jak my – dronów DJI Mini 3 i DJI Mini 3 Pro, czyli ważących poniżej 250 gramów. Na szczęście ostatnie dni to też kilka naprawdę solidnych promyków słońca/radości w tym kontekście.

Dodawanie własnych etykiet (odznak, badge), np. na zdjęciach produktów w sklepie internetowym na WooCommerce

Dostałem zapytanie od czytelniczki (i klientki naszego sklepu internetowego), jakiej wtyczki właśnie w naszym sklepie używamy do wyświetlania dodatkowych etykiet (po angielsku “badge”, więc tłumacząc dosłownie, będzie to odznaka) na zdjęciach produktów. I choć mógłbym zgodnie z prawdą podać nazwę wtyczki, to nic by to nie dało, bo jest to wtyczka napisana specjalnie na potrzeby naszego sklepu, specjalnie na potrzeby wyświetlania właśnie tych etykiet (odznak). Mogę jednak pokazać, jak szybko w prosty sposób, za pomocą kilku linijek kodu, wdrożyć coś takiego w swoim sklepie.

Modyfikacja wyglądu menu zależnie od (rozmiaru) urządzenia za pomocą CSSa, na przykładzie WordPressa

Troszkę zmieniałem dziś strukturę menu na stronie, i podczas rutynowych testów wyszło, że przy pewnej szerokości ekranu menu główne po zmianach nie mieści się w jednej linii, tylko łamie się na 2 wiersze. Niby drobiazg, ale ja wolę, jak menu trzyma się razem. Wymagało to malutkiej modyfikacji wyglądu strony (w pewnych warunkach) za pomocą kodu CSS, i pomyślałem, że od razu też opublikuje artykuł na ten temat… Zwłaszcza że niedawno było m.in. jak zmodyfikować zawartość menu zależnie do wielkości ekranu (schować lub pokazać tekst/etykietę), czy jak zmienić wygląd linków, zależnie od adresu, na który wskazują.

Modyfikacja zawartości menu zależnie od (rozmiaru) urządzenia za pomocą CSSa, na przykładzie WordPressa

Koleżanka właśnie kończy jedną ze stron na WordPressie (landing page), którą od strony technicznej dla niej przygotowywałem. Ja odpowiadam za sprawy techniczne i co bardziej skomplikowane elementy na stronie, a ona zajmie się warstwą graficzną. Działa to całkiem sprawnie – ja lubię elementy techniczne, a koleżanka z chęcią “bawi się” wyglądem (zwłaszcza z motywem Divi, który bardzo, ale to bardzo jej w tym kontekście pasuje). Zainspirowana ikonami w menu, które zazwyczaj dodaje na stronach (np. w menu głównym na Webinsider.pl), postanowiła takie same ikony dodać u siebie…

Etykiety, kotwice (anchor) i zakładki (odsyłacze) w HTML, czyli nawigacja (nie tylko) dla One Page (Single Page) i Landing Page (Sales Page)

Jak działa klasyczny link wie prawie każdy, kto tworzył choćby najprostszą stronę. Wstawiamy odpowiedni kod HTML i jako parametr “href” podaje adres URL, do którego link (odnośnik) ma prowadzić. Oczywiście są też mniej typowe odnośniki, jak choćby te, o których pisałem na początku roku, czyli mailto, callto, tel, skype, sms i fax. Ale popularność stron typu One Page (Single Page) i Landing Page (Sales Page) sprawia, że warto przyjrzeć się jeszcze jednemu typowi odnośników…

Loading

Pin It on Pinterest