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

Tag: id

Prosty sposób na przesyłanie w formularzu internetowym danych z pól znajdujących się poza formularzem internetowym

Ostatnio dostałem (kolejne) zlecenie, na przeniesienie kalkulatora z pliku arkusza kalkulacyjnego, do formatu strony internetowej. Większość prac związana była z przebudową i uproszczeniem całości, tak by nie przenosić dość rozbudowanego arkusza kalkulacyjnego 1:1 na stronę internetową. Nie tylko dlatego, że taki formularz wyglądałby na bardzo skomplikowany, ale też dlatego, że tego typu konstrukcje średnio skalują się na ekranie np. telefonu. Pod kalkulatorem standardowy formularz kontaktowy, czyli element „form” HTMLa…

Sterowanie zachowaniem segmentów w module akordeonu w motywie Divi za pomocą kodu CSS i JavaScript, czyli sam decydujesz, co ma być na początku otwarte, a co zamknięte

Napisała do mnie z prośbą o pomoc i konsultację czytelniczka, która – jak to określiła – czuje się nabita w butelkę, bo „kobieta uwierzyła kobiecie”, że nie musi mieć żadnej wiedzy technicznej, by w jedno popołudnie wyklikać sobie stronę, a w weekend nawet i sklep internetowy. No cóż, temat „wyklikanych w stronę” (taka kontekstowa wersja nabitych w butelkę) mam na liście i prędzej czy później i nad nim się pochylę, ale to nie dziś. Dziś zajmiemy się z jednym z tematów, z którymi zwróciła się do mnie wspomniana czytelniczka i obecnie już też i klientka.

Identyfikator wyzwalacza w automatyzacjach w Home Assistant, czyli prosty sposób na zmniejszenie liczby (tworzonych) automatyzacji

Jak przekonałem się niejednokrotnie, klątwa wiedzy krąży, i nie zawsze co dla nas oczywiste, jest takie dla wszystkich. I to czasem nawet bardziej zaawansowanych, doświadczonych… I tak dziś na tapet bierzemy Home Assistant i jeden z tych tematów, co gdy już wiemy, to wydaje się to nie tylko proste, ale i oczywiste. Ale jak sam się przekonałem kilka dni temu, rozmawiając z innymi użytkownikami Home Assistant, nie jest to takie oczywiste i raczej słyszałem „o…”, a nie „e, znam”.

Jak w prosty sposób naprawić błąd synchronizacji stron we wtyczce MainWP, do zarządzania wieloma WordPressami

Jak być może niektórzy z Was wiedzą, do zarządzania stronami na WordPressie używam wielu systemów, pozwalających mi w mniejszym lub większym stopniu automatyzować ten proces. Jednym z elementów tego systemu jest specjalny z WordPress z wtyczką MainWP, za pomocą którego przeprowadzam część operacji na podpiętych stronach. I choć korzystam z tego od lat, to raczej niewiele minusów – przynajmniej w kontekście moich potrzeb – mogę wymienić. No, może nie licząc ostatnich zmian w interfejsie użytkownika, za które ktoś powinien dostać solidnie po… łapach. Nawet jeśli od czasu do czasu zdarzają się jakieś błędy…

Modyfikacja zawartości zablokowanej paczki kursów w Tutor LMS, czyli jak dodać lub skasować kurs z paczki, do której są już przypisani kursanci (studenci, uczniowie)

Wraz z premierą wersji 2.2.0 wtyczki Tutor LMS pojawiła się opcja, pozwalającej na sprzedaż wielu kursów w ramach jednego produktu WooCommerce, czyli tworzenia paczek kursów sprzedawanych jako jeden produkt. Niedawno pojawiła się wersja 2.2.2 wtyczki, która przyniosła opcję ręcznego przypisywania użytkowników do paczek kursów. I choć jest to opcja dość świeża, to już miałem okazje odbyć kilka rozmów, nie tylko na temat jak z niej korzystać, ale jak obejść pewne blokady, które przy opcji „course bundle” w Tutor LMS funkcjonują.

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.

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.

MainWP, czyli prosty sposób na zarządzanie wieloma stronami na WordPressie z… WordPressa „administracyjnego”

Prawie 8 lat temu napisałem artykuł o InfiniteWP, czyli skrypcie do instalacji na własnym hostingu, dzięki któremu w dość wygodny sposób można zarządzać wieloma stronami na WordPressie z jednego miejsca. Od tego czasu minęło nie tylko wiele dni, tygodni, miesięcy, a nawet lat, ale też sporo się zmieniło. Nie tylko w ekosystemie WordPressa, ale też i moim lokalnym. Od dawna nie korzystam z InfiniteWP (nie dlatego, że było złe, po prostu przeszedłem na inne rozwiązania). Raczej wspieram się własnymi skryptami i WP-CLI, oraz MainWP, zwłaszcza tam, gdzie WP-CLI nie może działać (np. hosting współdzielony klienta, bez obsługi WP-CLI). I nie ma co ukrywać, że artykuł o MainWP powinien ukazać się już dawno, ale… Niezależnie od tego, uznałem, że teraz jest dobry moment, bo trwa promocja, dzięki której bezterminową wersję płatną wtyczki (MainWP Pro) można kupić za 399 dolarów (+ ew. VAT, jeśli ktoś nie jest VAT EU ;-)).

Prosty sposób na zapytania ofertowe w WooCommerce z podstawową obsługą wariantów na bazie wtyczki Contact Form 7

Kilka dni temu opublikowałem artykuł (poradnik) o tym, jak można za pomocą standardowe mechanizmy WooCommerce  (m.in. koszyk) wykorzystać do umożliwienia wysyłania zapytań ofertowych w ramach sklepu przerobionego na katalog. Choć to rozwiązanie ma wiele zalet (powinno zadziałać nawet z nietypowymi konfiguratorami produktu), to sprawdzi się tylko tam, gdzie nie ma „przy okazji” klasycznego sklepu, bo modyfikacje są nie tylko spore, ale też globalne (znika np. klasyczny koszyk, czy przyciski „dodaj do koszyka”). W wielu sytuacjach jednak nie tylko nie ma co wyciągać aż takich dział. Zwłaszcza gdy zapytanie o produkt, ma być tylko dodatkiem do sklepu internetowego.

Czyszczenie koszyka w sklepie internetowym na WooCommerce za pomocą specjalnego argumentu w linku

Koleżanka w swoim sklepie (WooCommerce) postanowiła wdrożyć promocję, a konkretnie promocyjne pakiety produktów. Kupując taki pakiet, klient płaci mniej, niż gdyby kupił oddzielnie wszystkie produkty, a do tego dołożył do pakietu jeszcze produkt, którego inaczej niż w tym właśnie pakiecie nie da się kupić. Brzmi sensownie. Pojawił się jednak mały problem, gdy użytkownik, który z landinga (strona lądowania, promocyjna pakietu) kliknął link przenoszący do sklepu, który od razu dodawał ów pakiet do koszyka miał już któryś z produktów wchodzących w skład pakietu w koszyku.

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”.

Wtyczka Facebook for WooCommerce i potencjalnie błędne wartości zdarzeń podczas zakupów w sklepie internetowym

Pisząc dziś artykuł o błędzie przy tworzeniu kopii zapasowej w BackWPup „najpewniej” z winy Facebooka, a konkretnie jego wtyczki do WordPressa, wspomniałem, że „dziś jeszcze na naszych łamach zagości kolejna wtyczka z tej stadni, tym razem do WooCommerce, bo wczoraj na prośbę pewnej koleżanki i tą wtyczką się zająć musiałem”. Słowo się rzekło, a więc bierzemy na warsztat wtyczkę Facebook for WooCommerce i błąd, jaki generuje ona w… Facebooku, i według… Facebooka.

Prosty sposób na własny tryb konserwacji (przerwy technicznej) w WordPressie – bez dodatkowych wtyczek, tylko odrobina kodu

Koleżanka poprosiła mnie o pomoc – potrzebuje aktywować coś na wzór „sprzedażowego trybu konserwacji” w swoim WordPressie. W uproszczeniu polegać ma to na tym, że chciałaby przełączyć stronę w tryb konserwacji, tak by osoby niezalogowane widziały stronę zaślepkę, a resztę stron mogłyby (tymczasowo) oglądać tylko osoby zalogowane. Pozornie nic trudnego, tego typu wtyczek (maintenance mode) jest pełno. Jednak koleżanka chciała, by tymczasowa strona mogła korzystać ze wszystkich dostępnych dobrodziejstw jej WordPressa, łącznie z page builderem…

Modyfikacja wyglądu linków na podstawie docelowego adresu URL za pomocą kodu CSS (nie tylko w WordPressie)

Wczoraj opublikowałem artykuł o tym, jak za pomocą kodu CSS ustawić kolor zaznaczonego tekstu (wybrany przez nas, zamiast standardowego niebieskiego). Jest to wręcz banalna sprawa, i wszystko sprowadza się do wykorzystania jedno z tzw. pseudo-elementów dostępnych w CSSie. Z tego, co widzę, artykuł wygenerował nawet jakieś odsłony, dlatego uznałem, że będę częściej publikował tego typu małe porady. I to niezależnie od tego, czy akurat jakaś koleżanka będzie o to pytać, czy po prostu przyjdzie mi do głowy taki pomysł… ;-)

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…

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…

Wykluczanie wybranych wpisów (po kategorii, tagu czy autorze) z wyników wyszukiwania i kanału RSS w WordPressie

Dziś, podczas drobnych zmian w drzewku kategorii na jednej ze stron, którą się opiekuję zapytał mnie kolega, który akurat siedział obok (pogaduszki przy czymś chłodnym ;-)) o 2 kategorie, które mam na stronie – „wyklucz z wyszukiwania” i „wyklucz z RSS”. Pytanie oczywiście nie dotyczyło tego do czego te kategorie służą, bo to chyba oczywiste, tylko jak takie coś najprościej wdrożyć.

Loading

Wesprzyj nas!

Postaw nam kawę!

Promocja własna

Jak (legalnie) latać dronem w Kategorii Otwartej

Promocja własna

Wdrożenie Omnibusa w sklepie na WooCommerce

Promocja własna

LUTy dla D-Cinelike (DJI Mini 3 Pro, DJI Avata, OSMO Pocket) od MiniFly

Pin It on Pinterest