Wszystko o page builder | Webinsider - Internet widziany od środka ™

Tag: page builder

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.

Divi AI Image Editor i Divi Code AI, czyli w Divi za pomocą AI już nie tylko wygenerujesz tekst i grafikę, ale też ją zmodyfikujesz, a nawet wygenerujesz kod CSS, HTML i JavaScript

Dziś w kontekście AI (Sztucznej Inteligencji, SI) pewnie wypadałoby napisać o nowym “produkcie” od OpenAI, czyli Sora, czyli nowym modelu do generowania filmów wideo, przy którym liczne serwisy do generowania wideo za pomocą AI wypadają… No średnio, ale to i tak będzie eufemizm. Ja jednak uznałem, że to dobry moment, by nadrobić zaległości w kontekście AI i motywu Divi do WordPressa.

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.

WordPress 5.9 za nami, WordPress 6.0 przed nami, czyli “mapa drogowa”, z którą niekoniecznie mi po drodze

Niedawno mieliśmy premierę WordPressa w wersji 5.9 i już chyba klasycznie, czyli poza rozwojem edytora blokowego (Gutenberg) zmian niewiele. Przynajmniej dopóki nie włączy się motywu wspierającego Full Site Editing (FSE), np. Twenty Twenty-Two, bo wtedy się dzieje… Niebawem premiera WordPressa w wersji 6.0, a więc aktualizacja pozornie z tych największych z największych. Ale z pojawiających się informacji na temat nowości ponownie wynika, że gdy pominiemy Gutenberga, to nowości będzie raczej niewiele. A sam edytor blokowy zaczyna zmieniać się w kombajn, który zaczyna oplatać wszelkie aspekty WordPressa (zaczęło się od edytora treści, później widgety, teraz FSE i menu).

Warunkowe wyświetlanie elementów (sekcji, wiersza, konkretny moduł) w motywie Divi, Extra i innych z wtyczką Divi Builder

Dostałem wczoraj zapytanie, jakiej wtyczki do WordPressa użyć, by móc wyświetlać na stronie sklepu internetowego (WooCommerce) niektóre elementy warunkowo – w wybranych momentach, na wybranych stronach, i tylko zalogowanym użytkownikom, należącym do wybranych grup. I może mógłbym wdrożenie jakiegoś rozwiązania tego typu zaproponować, gdyby nie to, że ta osoba na swojej stronie korzysta z motywu Divi, a tam już od kilku miesięcy (wrzesień 2021) taka opcja jest w standardzie.

Black Friday (Czarny Piątek) / Cyber Monday (Cyber Poniedziałek) AD 2021, czyli subiektywny mini przegląd (najlepszych ;-)) ofert

Właśnie trwa kolejna – po Dniu Singla, którego jednak w tym roku do udanych pod względem zakupowym zaliczyć raczej nie mogę – gorączka zakupowa. I jak właściwie co roku, tak i w tym roku postanowiłem opublikować małe subiektywne zestawienie ofert. Nie będzie to przegląd najlepszych promocji, bo nie mam takich zasobów, by sprawdzić wszystkie promocje we wszystkich sklepach. Ale przypuszczam, że większość sklepów czy platform usługowych jakieś promocje przygotowała na ten okres. W tym artykule tylko to, z czego sam skorzystałem, lub sam bym skorzystał, gdybym nie skorzystał wcześniej. Czyli wąsko i bardzo subiektywnie.

Zadebiutował WordPress 5.7 “Esperanza”, a wraz z nim m.in. migracja z HTTP do HTTPS jednym kliknięciem

No i do podstawowego kanału aktualizacji wjechał WordPress 5.7 “Esperanza” (Esperanza od Esperanza Emily Spalding, a nie od… ;-)). I tym razem jest nawet sens o tym napisać, bo są nawet jakieś relatywnie istotne zmiany, które nie dotyczą tylko i wyłącznie Gutenberga (do którego cały czas nie mogę się przekonać, zwłaszcza jako edytora artykułów, bo jako “wykastrowany page builder” do prostych stron sprawdza się coraz lepiej ;-)).

Dzięki Divi Global Color System możesz zmieniać kolory na stronie internetowej szybko i łatwo, czyli globalnie

Elegant Themes, czyli ekipa (firma) odpowiedzialna za rozwój m.in. motywu Divi widać, że złapała w żagle wiatr, który jakby chcieć nazwać, to wyraz “global” zdecydowanie w jego nazwie musiałby się znaleźć. Wraz z premierą Divi w wersji 4.0 pojawił się Divi Theme Builder, dzięki któremu w prosty sposób można zmienić wygląd dosłownie każdej (pod)strony na stronie WWW. Chwilę wcześniej mieliśmy premierę Divi Library Global Modules, czyli modułów globalnych, do wykorzystania na wielu stronach, oraz coś, co wiem, że zwłaszcza chwalą sobie m.in. koleżanki próbujące swoich sił w eCommerce, czyli Divi WooCommerce Builder, czyli graficzny edytor (page builder) stron produktowych w sklepie internetowym na WooCommerce. Kilka dni temu swoją premierę miał kolejny “global”, i choć pozornie mniej przełomowy, to są to tylko pozory…

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.

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…

Black Friday (Czarny Piątek) / Cyber Monday (Cyber Poniedziałek) AD 2020, czyli subiektywny mini przegląd (najlepszych ;-)) ofert

Zbliża się Black Friday (Czarny Piątek) i Cyber Monday (Cyber Poniedziałek), a więc czeka nas wysyp promocji i specjalnych ofert. I choć część takich ofert to farbowane lisy, to nie da się ukryć, że w wielu przypadkach jest to realna szansa na zaoszczędzenie pieniędzy, często niemałych. Typowego katalogu ofert nie będę robił, bo nie tylko nie bardzo mam w tym momencie czas, ale też – jak już kiedyś piałem – jest to marketingowo tak ważne “wydarzenie”, że właściwie w ciemno można założyć, że jeśli czegoś szukamy – czy to produktu, czy zwłaszcza usługi – to jest bardzo duża szansa, że będzie jakaś promocja na to, a do tego jest dużo serwisów specjalizujących się a agregowaniu przeróżnych promocji. Ale brak (tworzenia) katalogu nie oznacza, że nic się nie pojawi…

WordPress 5.5 to nowości nie tylko dla fanów Gutenberga, ale też i dla normalnych użytkowników (klasycznego edytora ;-))

Artykuł ten powinien pojawić się na przełomie sierpnia, gdy WordPress w wersji 5.5 (Eckstine) miał swoja publiczną premierę. Ale ze względu na zmiany w moim życiu takiej możliwości nie było. Mógłbym więc temat tej wersji pominąć, jak to czynię z większością, ew. dać w ramach newsloga, ale jest w tej aktualizacji kilka zmian – i to nie w obrębie Gutenberga, jak to ostatnio zazwyczaj bywa –  o których warto napisać. Tak więc może z lekkim poślizgiem, przedstawiam…

Divi Sticky Options to prawdopodobnie najwszechstronniejszy system typu “sticky” wśród kreatorów stron dla WordPressa

W środę napisała do mnie pewna “kulinarna szafiarka”, która korzysta z motywu Divi od Elegant Themes, a która trafiła do mnie zapewne przez wyszukiwarkę, bo na łamach Webinsider.pl o Divi zdarza mi się od czasu do czasu pisać (co nie powinno dziwić, bo sam Webinsider.pl działa na motywie Extra od Elegant Themes, który jest “magazynową” wersją Divi, a do tego od dość dawna sporo stron dla swoich klientów stawiam właśnie na Divi). Napisała z pytaniem, czy mam pomysł jak na jej stronie “przypiąć” formularz kontaktowy, który znajduje się w nagłówku, tak by poruszał się wraz z przewijaniem strony w oknie przeglądarki (sticky).

WordPressa 5.4 (Adderley) i WooCommerce 4.0, czyli kolejna aktualizacja blokowa w WordPressie, a WooCommerce nawet nawet

Choć może się wydawać, że świat żyje w dużej mierze koronawirusem, to jednak są miejsca/branże, gdzie życie toczy się dalej. I tak w ostatnich dniach mieliśmy premierę WordPressa 5.4 (Adderley), oraz wtyczki WooCommerce w wersji 4.0 (chyba bez specjalnej nazwy ;-)). Początkowo miały być z tego niezależne artykuły, ale po analizie stwierdziłem, ze jak w ogóle mam na te aktualizacje poświęcać czas, to puszę to razem. Właściwie tylko dla zasady, z kronikarskiego obowiązku…

Languages remover for Divi Builder, czyli pozbywamy się “kiepskich” tłumaczeń z Divi Buildera (również w motywach Divi i Extra)

Kilka miesięcy temu napisałem o problemach ze zmianą domyślnego języka w WordPressie, gdy wyłączone są tłumaczenia w ustawieniach motywu Divi i Extra. Z racji tego, że wyłączenie takie przy obecnie dystrybuowanych tłumaczeniach wydaje się wręcz niezbędne (komputerowe tłumaczenie kontekstowe to nadal komputerowe, nieważne, ile by tam “sztucznej inteligencji” marketing wpompował), ale zarazem jego wyłączenie wpływało na język samego WordPressa i innych wtyczek (język angielski zamiast polskiego) postanowiłem, że muszę coś z tym zrobić… Zwłaszcza że ekipa z Elegant Themes jakby uparła się na to maszynowe tłumaczenie, pomimo “sugestii” użytkowników.

Poznaj Divi 4.0 z Divi Theme Builder, i w prosty sposób zmień wygląd dosłownie każdej (pod)strony na swojej stronie WWW

I stało się, motyw Divi 4.0 do WordPresa oficjalnie został zaprezentowany, a wraz z nim Divi Theme Builder, czyli kreator motywów (konstruktor motywów), dzięki czemu w prosty sposób – z wykorzystaniem m.in. Divi Buildera – można nadać właściwie dowolny wygląd właściwie dowolnemu elementowi strony. I to globalnie.

Divi WooCommerce Builder, czyli graficzny edytor (page builder) stron produktowych w sklepie internetowym na WooCommerce

Tak jak WordPress dominuje, jeśli chodzi o strony internetowe, tak WooCommerce – wtyczka do WordPressa, dodające opcję sklepu internetowego – rozpycha się coraz mocniej, jeśli chodzi o sklepy internetowe. Nie dziwi mnie to, bo tak jak WordPress przez ostatnie lata przeszedł drogę od platformy blogowej do pełnoprawnego CMSa, tak samo WooCommerce z każdą kolejną odsłoną dojrzewa, stając się coraz lepszą doskonalszą platformą do prowadzenia tego typu biznesu.
O popularności tego rozwiązania może świadczyć choćby… wygląd stron produktów w sklepach, które odwiedzamy. Jak każde tego typu rozwiązanie, tak samo WooCommerce ma pewne stałe elementy, które sprawiają, że sprawne oko od razu rozpozna, na jakiej platformie działa sklep. Ale powoli i to zaczyna się zmieniać. Ekipa z Elegant Themes właśnie zaprezentowała rozwiązanie, które pozwala właściwie dowolnie modyfikować stronę produktu w sklepie działającym pod kontrolą WordPressa i wtyczki WooCommerce…

Z wtyczki Shortcodes Ultimate (WordPress) zniknęło wsparcie dla “transparent” jako koloru (przynajmniej w przypadku tła notatki)

O ile nie mam nic do używania różnych page builderów na zwykłych (pod)stronach, to we wpisach (w artykułach) raczej staram się ich unikać, bo ewentualna zmiana wymagałaby przepisania archiwalnych artykułów, co gdy mowa o tysiącach już takie “fajne” się nie wydaje. Ale też czasem zachodzi potrzeba urozmaicenia zawartości jakiegoś artykułu o elementy, których w standardzie w WordPressie nie znajdziemy (nawet w Gutenbergu). W takiej sytuacji dość często sięgam po wtyczkę Shortcodes Ultimate, która choćby na tej stronie towarzyszy mi od lat… Ostatnia jednak aktualizacja trochę mi namieszała, bo zaszły jakieś zmiany, i element, z którego korzystam najczęściej , przestał się wyświetlać godnie z moimi oczekiwania, tym samym wpływając na czytelność przekazu.

Divi Library Global Modules, czyli elementy globalne (wspólne) przy tworzeniu zawartości strony za pomocą edytora Divi (Divi Builder)

Kilka dni temu skontaktowała się ze mną Magdalena, z pytaniem, czy moglibyśmy chwilę porozmawiać przez telefon, na temat strony, którą na motywie Divi (WordPress) robi dla firmy jej koleżanki pewien freelancer. Po krótkiej wymianie wiadomości zgodziłem się i tak otworzyłem worek problemów. Nie tyle z motywem, co bardziej z wdrożeniem i samym freelancerem (akurat taki się trafił ;-)), który na prawie każde pytanie o… odpowiadał, że się nie da, że ten motyw tak ma i się nie da nic z tym zrobić. I choć Divi nie jest motywem idealnym, tak samo, jak sam WordPress, to ten duet pozwala na wiele, a już na pewno na wszystko to, co zostało mi przedstawione, a wspomniany freelancer negował.

Loading

Pin It on Pinterest