Kurs, w którym nauczysz się Gutenberga i Kadence Pro, a także dostaniesz Kadence Pro Lifetime już jest dostępny 🙂 - bit.ly/kurs-gutenberg-kadence-pro FIlm o motywie Kadence: ruclips.net/video/3VnWRkDSk_Q/видео.html 📌 Spis treści: 00:00 - Kadence Blocks - najlepsza wtyczka do budowania stron internetowych w Gutenbergu 00:34 - Anegdotka - wtyczka Studiocart Premium, do budowania lejków na WordPressie 00:50 - Anegdotka - TutorLMS w wersji 2.0 - wtyczka do platformy kursowej 01:11 - Kadence Blocks - ciągle aktualizowana wtyczka 02:22 - Informacja o Kursie Gutenberg - Kadence 03:25 - Zaczynamy budować stronę w oparciu o edytor blokowy Gutenberg i Kadence Blocks 05:13 - Rozszerzenia do Gutenberga mogą spowalniać stronę 06:46 - Padding / Margin w CSS - różnica 07:30 - Overlay Opacity - przezroczystość CSS 09:45 - Zła praktyka w budowaniu stron internetowych 09:59 - Bardzo dobra wtyczka do Firefox / Chrome do poglądu CSS 10:35 - Różnice pomiędzy edytorem Gutenberg a Kadence Blocks 18:00 - Zmiana przycisków (button) - kolor, hover itp. 24:53 - Advanced Image - zajebista opcja w Kadence Blocks na dodawanie obrazków 27:30 - Transparent header (przezroczysty nagłówek + sticky header)
@@wpziom dziś ma być Wordpress 5.9 Ciekawe czy wypuszcza? Kurs od razu by na aktualnym oprogramowaniu był ;) Kadence będzie się musiał postarać bo natywny Gucio mocno się do niego zbliży po aktualizacji.
@@madrymedrzec448 no już smiga 5.9. Moim zdaniem jeszcze daleko, żeby Gucia używało się tak łatwo jak Kadence. Napisałem trochę o tym tutaj: wpziom.pl/co-musisz-wiedziec-o-wordpressie-5-9/ Kilka osób pytało mnie o film o WP 5.9, więc może trochę rozwinę temat.
@@wpziom racja zaktualizowałem, ale się spodziewałem więcej :/ Kadence ma łatwa konkurencję bo by mogli pracować tydzień w miesiącu, a i tak będą przed Wordpressem ;) Razem z twoim kursem będziesz też sprzedawał licencję na Kadence Pro? Nawet o same bloki mi chodzi, bez motywu sobie jakoś dam radę ;)
@@madrymedrzec448 myślałeś, że będą te szumnie zapowiadane fajerwerki? :D Ogólnie jeszcze bardzo mało motywu wspiera Full-Site Editing. No i trochę się powykrzaczało w WordPressach z tego co czytam. Mam w planach kurs z licencją Lifetime, bo chciałbym kilka rzeczy pokazać na PRO. Ale zanim skończę kurs to odpalę sklep na WPziomku i będę sprzedawał stronki z licencją.
Też uważam, że w zdecydowanej większości przypadków to wyważanie otwartych drzwi. Spotkałem się z klientami, którzy mieli napisany dedykowany motyw, a nie dość że był wolny, to jeszcze nic nie umieli na nim zmienić. Natomiast rozumiem, że ktoś chce napisać wszystko pod dany projekt, zrobić to dobrze i mieć 100% wiedzy co się dzieje w kodzie. To rozwiązanie ma też sporo zalet. Dużo też zależy od funkcjonalności stony. Np. co z tego, że są gotowe rozwiązania (wtyczki), jak one robią 10 rzeczy, a potrzebna jest jedna. Najczęściej jednak lepiej robić biznes, niż dopracowywać kod do perfekcji :)
@@wpziom na takim GT Metrix strony z Guttenberga i tak wyciągają w strukturze ok. 95%. Własny kod by podejść pod 100% bez już programisty, albo nawet grupy programistów cały czas czuwających nad stroną się nie obejdzie. To zdecydowanie za duży wysiłek w stosunku do rezultatu :P
Mi podoba się stwierdzienie chyba uzyte przez Karola - nie ma co wymyślać kwadratowego koła :) Naturą człowieka a tym bardziej programisty czy kodera jest lenistwo, wiec rozwiązanie pozwalające na optymalizacje czasu i zasobów takie jak np. Gutenberg i Kadence to złoto. Zaczynam na nim 1 projekt i wydaje mi się ze możliwości ma bardzo duze :)
@@barulaq czasem jeszcze mówię, że nie ma co wymyślać kwadratowych jaj :D Moim zdaniem Gutenberg i Kadence to dobry kompromis pomiędzy dedykowanymi rozwiązaniami, a page builderami. Warto też wspomnieć, że nawet na page builderach można zrobić w miarę szybką stronę i nawet na Kadence i Gutenbergu można zrobić wolną witrynę, kiedy jednak popłyniemy z kolejnymi wtyczkami. Tak jak widać na tym filmie nie trzeba akurat wielu wtyczek do zbudowania strony, tak naprawdę Kadence Blocks zrobi większość roboty. Optymalizacja czasu często jest kluczowa. Szczególnie w momentach, kiedy chcesz dowieźć szybko projekt i nie chodzi tylko o to by robić dużo stron w miesiącu, bo jest większy hajs, ale żeby klient mógł już przetestować rozwiązania na realnym rynku, a nie żebyśmy kilka miesięcy tworzyli mu stronę z idealnym kodem, która nie będzie dowoziła.
Cześć :) Karol czy mógłbyś polecić jakieś stocki płatnych grafik (przy zachowaniu rozsadku za koszt)? Może są takie za niewielkie pieniądze w abonamencie a być może wzniosą trochę więcej świeżości
Ja zawsz ustawiam w dostosuj odległości od tekstu, bo moim zdaniem to lepiej wygląda. Ale możesz w css dodać do classy .kt-button (tak są zonaczone button od Kadence) swoje właściwości. .kt-button { width: 150px; /* oznacza to, że przycisk ma szerokość 150px - tego komentarza nie wklejasz do css ; )*/ Tylko wtedy będziesz miał różne odległości od krawędzi, w zależności od długości tekstu - nie wiem czy chcesz takiego efektu.
@@jptak76 :D jeszcze przed chwilą mi się przypomniałeś, bo robię stronę dla klienta i w ustawieniach szerokości przycisku jest "fixed width", no ale to w każdym musisz ustawić bloku, a nawet jak zmienisz, że to domyślne ustawienie i potem będziesz chciał zmienić to też w każdym przycisku, więc w cssie lepiej. A gdybyś chciał zmienić w css tylko na konkretnych stronach, to zerknij sobie na ten film: ruclips.net/video/N3suaT65REA/видео.html
Halo. Zainteresowałeś mnie tym Gutkiem. Ale jakoś mało intuicyjne to To. A powiedz, pokaż, który klocek w Gutenberg*u użyć by mieć pod paskiem Menu, taki po szerokości klocek, że obrazek, zwany Hero ? No i by móc dobrać w nim foto i napis po byku duży i zrobić i też cta przycisk lub cta ze dwa. W Elementor*że proste, easyyy...tu w gutku zagadka. Dzięki bardzo.
Siema, zgadzam się. Mniej intuicyjny Gutek, niż Elementor, ale korzyści z używania to wynagradzają. W Kadence Blocks masz gotowe layouty. Zaimportuj sobie jakiś lub ściągnij którąś stronę ze Starter Templates i poklikaj, żeby zobaczyć jak to działa. Tutaj odsyłam Cię do momentu, gdzie ściągam te gotowe wyglądy: ruclips.net/video/3VnWRkDSk_Q/видео.html
A co tam nie wychodzi konktetnie? Ja nigdy nie próbowałem budować strony gdzieś indziej, niż na kompie czy laptopie. Mobilne urządzenia używam raczej do sprawdzania czy strony poprawnie się wyświetlają. Jak masz opcję ogarnięcia tego na komputerze, to będzie Ci dużo łatwiej. ; )
@@wpziom No wlasnie mało wychodzi, bo bez myszki to kupa, ale widze wlasnie, ani elementora ani nic nie użyje, musze sobie palcami radzic a mam pare problemow np nie moge zlikwidować bloku bocznego i mam pusta ramkę na cała długość , menu sobie ustawić , zdjecia jak tylko chce , motywy z filmami i krótkimi poradami, pasek z newsami ktore beda krążyć cały czas, zakładkę z kanałem na zywo i dodanym programem niby tv pod tym i żebym mogl sobie ustawiać następnie łatwo. Ciężko to ogarnąć samemu tym bardziej początkującemu. Ważne ze mam dobry pomysł ale jak zawsze potem problem samotnego działania ;) pzdr
Właśnie robię landing page do sprzedaży. ; ) Za tydzień ruszam z przedsprzedażą. Najszybciej i najtaniej będą mieli subskrybenci, a potem do otwartej sprzedaży trafi kurs. ; )
Nie ma takiej opcji w przyciskach Kadence. Sprawdziłem i wydaje mi się, że nie pokazuje się w ogóle w kodzie atrybut title. Chciałeś, żeby przyciski były oznaczone title ze względu na użyteczność strony czy z innych powodów?
@@wpziom Rozwiązałem to połowicznie: wypełniam pole aria i w edytorze kodu zamieniam aria-label na title, ale nie można już wtedy edytować bloku wizualnie, gdyż przywraca zamianę. Ale na stronie działa to poprawnie. Chcę aby przyciski były oznaczone, prowadzę stronę katalog znaczków i pozycji w roku jest dużo, na buttonie jest tylko nr katalogowy a na oznaczeniu nazwa emisji.
@@janusz6323 ciekawie to obszedłeś. To chyba jedyne sensowne rozwiązanie, ale jak masz buttony dobrze ustawione globalnie, to nie bedzie uciążliwe. Gutenberg jest właśnie tak zbudowany, że treść wygenerowana z bloków nie może być zmieniana w html.
Kurs, w którym nauczysz się Gutenberga i Kadence Pro, a także dostaniesz Kadence Pro Lifetime już jest dostępny 🙂 - bit.ly/kurs-gutenberg-kadence-pro
FIlm o motywie Kadence: ruclips.net/video/3VnWRkDSk_Q/видео.html
📌 Spis treści:
00:00 - Kadence Blocks - najlepsza wtyczka do budowania stron internetowych w Gutenbergu
00:34 - Anegdotka - wtyczka Studiocart Premium, do budowania lejków na WordPressie
00:50 - Anegdotka - TutorLMS w wersji 2.0 - wtyczka do platformy kursowej
01:11 - Kadence Blocks - ciągle aktualizowana wtyczka
02:22 - Informacja o Kursie Gutenberg - Kadence
03:25 - Zaczynamy budować stronę w oparciu o edytor blokowy Gutenberg i Kadence Blocks
05:13 - Rozszerzenia do Gutenberga mogą spowalniać stronę
06:46 - Padding / Margin w CSS - różnica
07:30 - Overlay Opacity - przezroczystość CSS
09:45 - Zła praktyka w budowaniu stron internetowych
09:59 - Bardzo dobra wtyczka do Firefox / Chrome do poglądu CSS
10:35 - Różnice pomiędzy edytorem Gutenberg a Kadence Blocks
18:00 - Zmiana przycisków (button) - kolor, hover itp.
24:53 - Advanced Image - zajebista opcja w Kadence Blocks na dodawanie obrazków
27:30 - Transparent header (przezroczysty nagłówek + sticky header)
No proszę nauczyłem się czegoś, nawet więcej niż sądziłem. Myślałem że we free wersji mnie nie zagniesz :P
Miód na moje serce! :D
Dzięki za komcia i cieszę się. Mam nadzieję, że uda mi się jeszcze kiedyś Ciebie zagiąć ; )
Będzie filmik jak zrobić blok z powiedzmy 5 najnowszymi postami na stronę główną (najnowszy wyróżniony)?
Albo w tym kursie? ;)
Będzie w kursie. Postaram się coś wcześniej nagrać w tym temacie też.
@@wpziom dziś ma być Wordpress 5.9
Ciekawe czy wypuszcza? Kurs od razu by na aktualnym oprogramowaniu był ;)
Kadence będzie się musiał postarać bo natywny Gucio mocno się do niego zbliży po aktualizacji.
@@madrymedrzec448 no już smiga 5.9. Moim zdaniem jeszcze daleko, żeby Gucia używało się tak łatwo jak Kadence. Napisałem trochę o tym tutaj:
wpziom.pl/co-musisz-wiedziec-o-wordpressie-5-9/
Kilka osób pytało mnie o film o WP 5.9, więc może trochę rozwinę temat.
@@wpziom racja zaktualizowałem, ale się spodziewałem więcej :/
Kadence ma łatwa konkurencję bo by mogli pracować tydzień w miesiącu, a i tak będą przed Wordpressem ;)
Razem z twoim kursem będziesz też sprzedawał licencję na Kadence Pro? Nawet o same bloki mi chodzi, bez motywu sobie jakoś dam radę ;)
@@madrymedrzec448 myślałeś, że będą te szumnie zapowiadane fajerwerki? :D Ogólnie jeszcze bardzo mało motywu wspiera Full-Site Editing. No i trochę się powykrzaczało w WordPressach z tego co czytam.
Mam w planach kurs z licencją Lifetime, bo chciałbym kilka rzeczy pokazać na PRO. Ale zanim skończę kurs to odpalę sklep na WPziomku i będę sprzedawał stronki z licencją.
Dziś ręczne pisanie całej strony to dla masochistów ;)
Wtyczka elegancko działa!
Też uważam, że w zdecydowanej większości przypadków to wyważanie otwartych drzwi. Spotkałem się z klientami, którzy mieli napisany dedykowany motyw, a nie dość że był wolny, to jeszcze nic nie umieli na nim zmienić.
Natomiast rozumiem, że ktoś chce napisać wszystko pod dany projekt, zrobić to dobrze i mieć 100% wiedzy co się dzieje w kodzie. To rozwiązanie ma też sporo zalet. Dużo też zależy od funkcjonalności stony. Np. co z tego, że są gotowe rozwiązania (wtyczki), jak one robią 10 rzeczy, a potrzebna jest jedna.
Najczęściej jednak lepiej robić biznes, niż dopracowywać kod do perfekcji :)
@@wpziom na takim GT Metrix strony z Guttenberga i tak wyciągają w strukturze ok. 95%. Własny kod by podejść pod 100% bez już programisty, albo nawet grupy programistów cały czas czuwających nad stroną się nie obejdzie.
To zdecydowanie za duży wysiłek w stosunku do rezultatu :P
@@Lukas3000 Zgadzam się ;)
Mi podoba się stwierdzienie chyba uzyte przez Karola - nie ma co wymyślać kwadratowego koła :) Naturą człowieka a tym bardziej programisty czy kodera jest lenistwo, wiec rozwiązanie pozwalające na optymalizacje czasu i zasobów takie jak np. Gutenberg i Kadence to złoto. Zaczynam na nim 1 projekt i wydaje mi się ze możliwości ma bardzo duze :)
@@barulaq czasem jeszcze mówię, że nie ma co wymyślać kwadratowych jaj :D
Moim zdaniem Gutenberg i Kadence to dobry kompromis pomiędzy dedykowanymi rozwiązaniami, a page builderami.
Warto też wspomnieć, że nawet na page builderach można zrobić w miarę szybką stronę i nawet na Kadence i Gutenbergu można zrobić wolną witrynę, kiedy jednak popłyniemy z kolejnymi wtyczkami. Tak jak widać na tym filmie nie trzeba akurat wielu wtyczek do zbudowania strony, tak naprawdę Kadence Blocks zrobi większość roboty.
Optymalizacja czasu często jest kluczowa. Szczególnie w momentach, kiedy chcesz dowieźć szybko projekt i nie chodzi tylko o to by robić dużo stron w miesiącu, bo jest większy hajs, ale żeby klient mógł już przetestować rozwiązania na realnym rynku, a nie żebyśmy kilka miesięcy tworzyli mu stronę z idealnym kodem, która nie będzie dowoziła.
Cześć :) Karol czy mógłbyś polecić jakieś stocki płatnych grafik (przy zachowaniu rozsadku za koszt)? Może są takie za niewielkie pieniądze w abonamencie a być może wzniosą trochę więcej świeżości
Ja korzystam z Envato Elements za który płacę €174.00/rocznie.
Jestem tam od 2018 roku i innych banków już nie szukałem.
Jak można ustawić jednakową szerokość butonów ??? Czy ona zależy od ilości tekstu ?
Ja zawsz ustawiam w dostosuj odległości od tekstu, bo moim zdaniem to lepiej wygląda.
Ale możesz w css dodać do classy .kt-button (tak są zonaczone button od Kadence) swoje właściwości.
.kt-button {
width: 150px; /* oznacza to, że przycisk ma szerokość 150px - tego komentarza nie wklejasz do css ; )*/
Tylko wtedy będziesz miał różne odległości od krawędzi, w zależności od długości tekstu - nie wiem czy chcesz takiego efektu.
@@wpziom wielki dzięki, oczywiście pomogło, ja tam lubię jak wszystko jest równo (taka choroba)
@@jptak76 :D jeszcze przed chwilą mi się przypomniałeś, bo robię stronę dla klienta i w ustawieniach szerokości przycisku jest "fixed width", no ale to w każdym musisz ustawić bloku, a nawet jak zmienisz, że to domyślne ustawienie i potem będziesz chciał zmienić to też w każdym przycisku, więc w cssie lepiej.
A gdybyś chciał zmienić w css tylko na konkretnych stronach, to zerknij sobie na ten film: ruclips.net/video/N3suaT65REA/видео.html
Halo. Zainteresowałeś mnie tym Gutkiem. Ale jakoś mało intuicyjne to To.
A powiedz, pokaż, który klocek w Gutenberg*u użyć by mieć pod paskiem Menu, taki po szerokości klocek, że obrazek, zwany Hero ? No i by móc dobrać w nim foto i napis po byku duży i zrobić i też cta przycisk lub cta ze dwa. W Elementor*że proste, easyyy...tu w gutku zagadka. Dzięki bardzo.
Siema, zgadzam się. Mniej intuicyjny Gutek, niż Elementor, ale korzyści z używania to wynagradzają.
W Kadence Blocks masz gotowe layouty. Zaimportuj sobie jakiś lub ściągnij którąś stronę ze Starter Templates i poklikaj, żeby zobaczyć jak to działa. Tutaj odsyłam Cię do momentu, gdzie ściągam te gotowe wyglądy: ruclips.net/video/3VnWRkDSk_Q/видео.html
Mam takie pytanie jak próbuje to na dole strony mam dopisuje że strona powstała dzięki Kadance WP jak się tego przypisu pozbyć?
Można. : )
Dostosuj -> Footer
Siemka , ja ciągle próbuje na tablecie zrobić na androidzie i nic mi nie wychodzi :( na elementorze nie da rady) możesz coś podpowiedzieć ?
A co tam nie wychodzi konktetnie? Ja nigdy nie próbowałem budować strony gdzieś indziej, niż na kompie czy laptopie. Mobilne urządzenia używam raczej do sprawdzania czy strony poprawnie się wyświetlają. Jak masz opcję ogarnięcia tego na komputerze, to będzie Ci dużo łatwiej. ; )
@@wpziom No wlasnie mało wychodzi, bo bez myszki to kupa, ale widze wlasnie, ani elementora ani nic nie użyje, musze sobie palcami radzic a mam pare problemow np nie moge zlikwidować bloku bocznego i mam pusta ramkę na cała długość , menu sobie ustawić , zdjecia jak tylko chce , motywy z filmami i krótkimi poradami, pasek z newsami ktore beda krążyć cały czas, zakładkę z kanałem na zywo i dodanym programem niby tv pod tym i żebym mogl sobie ustawiać następnie łatwo. Ciężko to ogarnąć samemu tym bardziej początkującemu. Ważne ze mam dobry pomysł ale jak zawsze potem problem samotnego działania ;) pzdr
Kiedy kurs o gutenbergu?
Właśnie robię landing page do sprzedaży. ; )
Za tydzień ruszam z przedsprzedażą. Najszybciej i najtaniej będą mieli subskrybenci, a potem do otwartej sprzedaży trafi kurs. ; )
@@wpziom jaka będzie cena w przedsprzedaży? 😉
@@rajmangray8441 trzycyfrowa, najniższa w historii, nigdy się nie potwórzy. :D
Wybacz, że tak tajemniczo póki co. ; )
Używam Kadence i przy buttonach nie mogę doszukać się opcji wyświetlenia opisu, który wyświetla się przy najechaniu myszą (w html to:
Nie ma takiej opcji w przyciskach Kadence. Sprawdziłem i wydaje mi się, że nie pokazuje się w ogóle w kodzie atrybut title.
Chciałeś, żeby przyciski były oznaczone title ze względu na użyteczność strony czy z innych powodów?
@@wpziom Rozwiązałem to połowicznie: wypełniam pole aria i w edytorze kodu zamieniam aria-label na title, ale nie można już wtedy edytować bloku wizualnie, gdyż przywraca zamianę. Ale na stronie działa to poprawnie. Chcę aby przyciski były oznaczone, prowadzę stronę katalog znaczków i pozycji w roku jest dużo, na buttonie jest tylko nr katalogowy a na oznaczeniu nazwa emisji.
@@janusz6323 ciekawie to obszedłeś. To chyba jedyne sensowne rozwiązanie, ale jak masz buttony dobrze ustawione globalnie, to nie bedzie uciążliwe.
Gutenberg jest właśnie tak zbudowany, że treść wygenerowana z bloków nie może być zmieniana w html.
robię pierwszą powoli idzie w canvie poszło mi szybko
No, bo w Canva to robisz tylko obrazek w sumie. ; )
W razie pytań pisz śmiało ; )