Tag: html
Wszystkie
Najnowsze
Generator memów „ja jestem zagrożeniem” z Jarosławem Kaczyńskim, czyli koń trojański PiS w obozie PO/KO znowu w akcji, albo…
Choć na łamach Webinsider.pl staram się unikać polityki, to od czasu do czasu coś związanego z polityką się trafi. I to nie tylko dlatego, że „my się możemy nie interesować polityka, ale polityka interesuje się nami”, a po prostu od czasu do czasu trafi się jakaś perełka. A czasem będzie to nie pojedyncza perełka, a cały ich koszyczek. I tak wczoraj dostałem link do generatora memów (?) przygotowanego – jak wynika z informacji na stronie – przez „KKW KOALICJA OBYWATELSKA PO .N IPL ZIELONI”, a jak do tego dodać jeszcze „osobowości” takie jak Arkadiusz „Belzebub” Myrcha, to właściwie jest pewne, że będzie śmiesznie. I się nie pomyliłem…
Nie możesz przetłumaczyć „wybierz plik” w formularzu (np. we wtyczce Contact Form 7), bo za to odpowiada przeglądarka
Dostałem dziś wiadomość od jednego z czytelników w sprawie artykułu dotyczącego wtyczki Contact Form 7 do WordPressa. Chodziło konkretnie o brak możliwości przetłumaczenia na angielski jednego z pól formularza, konkretnie odpowiedzialnego za możliwość dołączenia do wiadomości pliku. Nie zdziwiło mnie to, bo jest to pytanie, słyszę (czytam) dość regularnie, nie tylko w kontekście wtyczki Contact Form 7, bo dotyczy ono ogólnie HTMLa.
Wymagane pole w formularzu HTML dostępne w trybie tylko do odczytu, czyli łączenie tego, czego łączyć się zazwyczaj nie powinno
Przy okazji prac nad nową wersją (web) aplikacji do zgłaszania lotów dronami, która powstała z powodu problemów z działaniem DroneRadar, pojawił się pomysł, by niektóre pola ustawić tylko do odczytu, bo w nich są prezentowane informacje, które są wynikiem działania różnych skryptów i nic tam nie powinno być ręcznie modyfikowane. Jest to dość prosta operacja, bo sprowadza się do dodania tagu „readonly” np. do pola typu „input” lub „textarea”. Sytuacja jednak skomplikowała się w przypadku jednego z pól formularza, które choć najlepiej, by było właśnie tylko do odczytu, to jednak koniecznie musiało też być polem wymaganym do wypełnienia. Pozornie się kłoci ze sobą, ale tylko pozornie… ;-)
W motywie brakuje arkusza stylów style.css, czyli jak (prawidłowo) zainstalować kupiony motyw w WordPressie
Jednym z relatywnie częstych, a zarazem dość zabawnych błędów, jaki wiąże się z WordPressem, zwłaszcza w kontekście osób zaczynających swoją przygodę z tym CMSem, jest błąd „w motywie brakuje arkusza stylów style.css”, jaki pojawia się podczas próby instalacji motywu pobranego z jakiegoś serwisu, często, o ile nie najczęściej, dotyczy to kupnych motywów tzw. premium, gdzie po zakupie otrzymujemy najczęściej dostęp archiwum ZIP z motywem.
DroneMap PANSA, czyli nowa oficjalna mapa ze strefami dla pilotów dronów, choć (jeszcze?) nie zastąpi aplikacji DroneRadar
Aplikacja DroneRadar – jak się zdaje – powoli umiera. Na telefonach z najnowszym Androidem w ogóle nie da się jej zainstalować z Google Play i trzeba kombinować „alternatywnym obiegiem”. Zresztą nawet jak aplikacja działa, to sporo odstaje od obecnych standardów. O ewentualnej aktualizacji coś tam słychać, ale nie bardzo wiadomo kiedy. Nie zdziwiłbym się, gdyby jej porządna aktualizacja w sensownych ramach (nakład pracy) w ogóle nie była możliwa. Widać w PAŻP/ULC mogą myśleć podobnie, bo właśnie zaprezentowano nowy system do przeglądania stref, dedykowany pilotom dronów.
Usuwanie lupki (zooma) i linku ze zdjęcia produktu na stronie produktu w sklepie internetowym na WooCommerce
Dziś na tapet bierzemy zdjęcie produktu w WooCommerce. Ale nie będziemy go wyrównywać w widoku archiwum. Zajmiemy się zdjęciem produktu na karcie produktu. Jednak nie będziemy go modyfikować np. dla produktów niedostępnych na stanie, a zajmiemy się jego powiększaniem. Od sterowania jego „intensywnością”, po całkowite wyłączenie. A na deser pozbędziemy się linku, który pod zdjęciem się w standardzie kryje.
Dodawanie niestandardowego kodu HTML i JavaScript do wybranych elementów strony za pomocą JavaScript, na przykładzie WordPressa
Dostałem zapytanie o umieszczenie formularza zapisu do newslettera w ramach usługi MailerLite na stronie internetowej działające na WordPressie. Niby nic nadzwyczajnego, ale tutaj miejsce, gdzie ów kod miał być umieszczony, było bardzo precyzyjnie wybrane i niekoniecznie łatwo dostępne do modyfikacji.
Zmiana kolejności wyświetlania kolumn w widoku mobilnym za pomocą CSSa na przykładzie WordPressa, WooCommerce i Divi
Trafiłem dziś na pytanie na temat zmiany kolejności wyświetlania paska bocznego (sidebar) i listy produktów w widoku archiwum WooCommerce (sklep internetowy na WordPressie) dla urządzeń mobilnych, gdzie w standardzie wyświetlają się najpierw produkty, a potem zawartość paska bocznego (widżety), niezależnie od tego, czy będzie on standardowo po lewej, czy prawej stronie. Co ma zresztą sens, bo nawet jeśli w bocznej sekcji – tak jak w tym przypadku było – są filtry produktów, to jednak produktami będą zainteresowani raczej wszyscy odwiedzający sklep, a filtrami tylko niektórzy.
Dodatkowa zawartość nad lub pod przyciskiem „dodaj do koszyka” w sklepie internetowym na WooCommerce
Dziś na warsztat bierzemy przycisk „dodaj do koszyka” w sklepie internetowym na WooCommerce. Z tym że nie będziemy banalnie zmieniać jego treści, a dodamy własny tekst nad lub pod ten przycisk, co – jak się zaraz okaże – jest zadaniem chyba równie banalnym… ;-)
Wiadomości e-mail we wtyczce Tutor LMS Pro (kursy internetowe w WordPressie), czyli zdecydowanie nie tak pięknie, jak zapowiadali i jak być powinno
Ostatnie 2-3 lata to prawdziwy urodzaj różnej maści kursów internetowych, a tym samym duże zainteresowanie nie tylko sklepami internetowymi, ale i platformami kursowymi. Co oczywiście ma wpływ też na mnie, nie tylko dlatego, że sam wypuściłem niedawno swój pierwszy (testowy) mini-kurs na swojej (testowej) platformie kursowej, w swoim (testowym) sklepie internetowym, ale również dlatego, że znacznie wzrosło zainteresowanie usługami w tym zakresie. A to spowodowało, że niecałe 2 lata temu zdecydowałem się zakupić nielimitowaną i bezterminową licencję na wtyczkę Tutor LMS Pro, tak by, zamiast obciążać dodatkowo klientów kosztem takiej licencji, brać ten koszt niejako na siebie, na swoją nieograniczoną licencję. Wpływ na wybór akurat wtyczki Tutor LMS miało wiele czynników, i ogólnie uważam, że jest to fajne rozwiązanie, choć jeśli zależy nam naprawdę na jakości i dopieszczeniu każdego elementu, to niestety trzeba w to włożyć sporo więcej pracy, niż tylko zainstalowanie i skonfigurowanie wtyczki.
Wczytywanie różnych szablonów dla Custom Post Types w WordPressie, np. na podstawie kategorii
Pod koniec ubiegłego roku (2021) opublikowałem artykuł o tym, jak w prosty sposób stworzyć w WordPressie własne typy postów (Custom Post Types). Niedawno dostałem pytanie, jak można dla własnego typu postów stworzyć różny wygląd postu, zależnie od tego, do jakiej kategorii będzie przypisany.
Google (tak jakby) ukrywa liczbę łapek w dół pod filmami na YouTube, a Return Youtube Dislike (tak jakby) je przywraca
Niedawno, po kolejnych eksperymentach i analizach w tym zakresie Google ogłosiło, że wprawdzie łapki w dół pod filmami zostają, to nie będzie podawana liczba takowych łapek. Jak zapowiedzieli tak zrobili, i łapki zniknęły. Ale zrobili to tak dobrze, że szybko powstały wtyczki do najpopularniejszych przeglądarek (oraz skrypt do wtyczki Tampermonkey), dzięki którym licznik łapek w dół pod filmy wrócił. Przynajmniej dla tych, dla których jest to istotne. Ja dla testów zainstalowałem, a po testach odinstalowałem. Bo choć łapkę w dół zdarza mi się dać, to raczej traktuję to jako informację dla twórcy, oraz algorytmów YouTube, by takich filmów pokazywać mi mniej. Ale sądząc po wrzawie w internecie na ten temat, dla wielu użytkowników najwidoczniej łapki w dół są nie tylko sensem korzystania z YouTube, ale być może i sensem istnienia samego serwisu… ;-)
Uzupełnianiem niestandardowych pól w formularzach (logowania) w Bitwarden jako skuteczna metoda na hasła maskowane
Dwa dni temu napisałem o tym, że w Bitwarden pojawiła się opcja automatycznym uzupełnianiem niestandardowych pól w formularzach (logowania). W krótkim artykule napisałem m.in. to, że wprawdzie jest to istotna opcja, to jest to też „opcja, z której pewnie większość użytkowników nie skorzysta”. Bo to gdzie od razu moje myśli pobiegły, to mniej standardowe okna logowania, gdzie oprócz nazwy użytkownika i hasła trzeba podać jeszcze jakąś dodatkową stałą informację. A takich formularzy chyba za często się nie spotyka. A przecież jest jeszcze jedna oczywista rzecz, gdzie ta opcja się przyda, i to bardzo…
Narzędzia dla deweloperów jako sposób wspierający pobieranie (zapisywanie) zabezpieczonych filmów z Vimeo
W grudniu 2020 napisałem o tym, jak za pomocą narzędzi dla deweloperów dostępnych w większości przeglądarek w prosty sposób pobierać (zapisywać) filmy m.in. z prywatnych grup na Facebooku. Co wynikało z potrzeby chwili. Nawet jak nie mojej, a koleżanki, ale jednak. Prawie równo miesiąc później, bo pod koniec stycznia 2021 napisałem o tym, jak korzystając z linku i miniaturki pobierać materiały wideo hostowane w serwisie Wistia. Tym razem również nie była to moja potrzeba, ale mojego dziewczęcia, które chciało ze mną przy śniadaniu obejrzeć ten konkretny materiał.
Przeprosiny z przewijaniem, czyli jak na portalu TVP Info wyświetlono przeprosiny tak, by tak jakby ich nie wyświetlić
Wczoraj wieczorem internet rozgrzał portal TVP Info, na którym pojawiły się przeprosiny TVP S.A. skierowane do jakiegoś komornika Sądowego przy Sądzie Rejonowym w Łukowie. Szczegóły nieistotne, bo nie treść tych przeprosin sprawiło, że o temacie zaczął dyskutować m.in. „bardziej techniczna część internetu”.
Czat z YouTube (topczat) na stronie internetowej na przykładzie WordPressa oraz wtyczki Tutor LMS (np. w ramach lekcji)
Zagadała do mnie koleżanka, że jutro będzie robiła webinar na żywo (live) dla kursantów swojego kursu internetowego. Webinar będzie nagrywany za pomocą StreamYard i udostępniany na YouTube. Cel jest taki, by umieścić zarówno wideo jak i czat (topczat) na stronie internetowej, najlepiej bezpośrednio w Tutor LMS (wtyczka do kursów), w ramach dedykowanej lekcji.
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… ;-)
WP Mail Logging by MailPoet, czyli przydatna i darmowa wtyczka do monitorowania wychodzących wiadomości e-mail w WordPressie
Oprócz tego, że mam kilka swoich projektów, które opierają się m.in. na stronach internetowych, w dużej mierze działających na WordPressie, to mam też sporo stron klientów pod swoją opieką, również na WordPressie. Są to różne strony – od prostych wizytówek, trochę bardziej złożonych stron firmowych, przez strony-aplikacje, a na różnej maści sklepach internetowych i platformach kursowych – tak „modnych” zwłaszcza ostatnio – kończąc. I choć na pierwszy rzut oka mogą wydawać się to całkiem różne projekty, to mają zazwyczaj kilka elementów wspólnych. Jednym z takich elementów są wychodzące ze strony wiadomości e-mail. Czy to z formularza kontaktowego, czy też różnej maści wiadomości marketingowe (newsletter), czy też tzw. wiadomości transakcyjne (np. potwierdzenia zamówienia ze sklepu internetowego). I oczywiście najważniejsza jest dostaraczalność takich wiadomości, ale to nie wszystko. Warto też wiedzieć, kiedy i jakie wiadomości wyszły z naszej strony…
Brak punktorów w opisie kursów i lekcji we wtyczce Tutor LMS (WordPress), czyli prawdopodobny konflikt z… motywem Divi
Wczoraj, podczas jakby się zdawało w pewnym sensie już rutynowego wdrożenia wtyczki Tutor LMS (platforma kursowa do WordPressa), pojawił się problem, którego do tej pory nie byłem świadom. Problem objawił się przy próbie stworzenia listy wypunktowanej w opisie kursu. Konkretnie to samą listę udało się stworzyć, bo to nic specjalnie trudnego, ale zdecydowanie nie wyświetlała się prawidłowo. Właściwie to w ogóle jako lista się nie wyświetlała…
Typed.js, czyli prosty sposób na efekt „tekstu jakby pisanego” (nie tylko) w WordPressie
Napisała do mnie koleżanka, że na jakiejś tronie widziała taki bajer, że „tekst na nagłówku strony pojawia się tak, jakby był pisany na komputerze, czyli literka po literce, i to jeszcze z kursorem”. Fakt, z doświadczenia wiem, że ten „prosty trik” – zwłaszcza odpowiednio użyty – potrafi zrobić wrażenie. A co najlepsze, jego wdrożenie jest proste, i to nie tylko na stronie działającej na WordPressie…
#AkcjaSpołeczna
Promocja własna
Najnowsze wpisy
Przegląd wybranych nowości w Tutor LMS 2.3.0: ochrona hotlink, blokada kopiowania treści i bezpośrednie odnośniki do kursów
BrewPiLess z iSpindel, czyli jeszcze bardziej szczegółowa kontrola i analiza procesu fermentacji (nie tylko) piwa domowego
Aplikacji DJI Fly – do obsługi dronów DJI – dla Androida, nie szukaj w Google Play, bo tam głównie lewizna, a na stronie DJI
Blokada adresów e-mail z wybranych domen w formularzu kontaktowym przygotowanym za pomocą wtyczki Contact Form 7 do WordPressa
Gdy dron DJI nie chce lecieć wyżej niż 30 metrów i/lub dalej niż 60 metrów, to najczęściej jest to jedna z tych 2 przyczyn
Promocja własna
Najpopularniejsze
Promocja własna
