Ciężko się nie zgodzić z tym co piszesz... Tak, UX pozostawia wiele do życzenia w Gutenebergu. Gutenberg ma tę przewagę nad Elementorem, że strony na Gutku się ładują dużo szybciej.

Marta, tak. Potrzebna Ci będzie wtyczka WooCommerce (darmowa)

@@webunia Super, Agnieszko a planujesz kolejny cykl własnie jak pracować z wtyczką WooCommerce? Niby są takie filmy ale jak dla mnie tłumaczysz najlepiej !

@@martaroszczka529 Nie, nie planuję takiego cyklu, chociaż WooCommerce'a też znam, ale nigdy nie miałam własnego sklepu na nim, więc nie czuję się kompetentna. Masz rację, są filmy na ten temat. Ola Gościniak ma zdaje się kurs na ten temat.

A masz przyzwyczajenia z innych page builderów?

@@webunia Spójrz ile pobrań ma cały czas wtyczka dla klasycznego edytora. Grubo ponad milion pobrań, to o czymś mówi. Ja natychmiast rozstałem sie z Guttenbergiem po tym jak zauważyłem, że nie mogę w prosty sposób wybierać czcionek do pisania. Cały czas pracuje na klasycznym edytorze i nie mam już ani ochoty ani sił na zabawy w stylu BDSM z Guttenbergiem.

@@autogasafrica7135 wtyczka Classic Editor ma 5 milionów aktywnych instalacji, a WordPress 6.0 był pobrany prawie 100 milionów razy - wordpress.org/download/counter/ Z tymi fontami to faktyczne ból, ale wystarczy dobry motyw, jak np. Astra (używam jej w tej serii filmików) i po kłopocie.

Dostałam zdaje się od Pana drugi komentarz, ale został on usunięty, bo widzę tylko fragment w podglądzie, a jak klikam, to już go nie ma. Czasami YT usuwa komentarze z linkami uznająć je za spam. Może opisze Pan problem jeszcze raz, ale bez linka? Było coś o próbie ustalenia pełnej szerokości i zdaje się obrazka od góry strony.

@@webunia Tak usunięty. Okazało się, że jednak nie robiłem wszystkiego tak jak Pani. Zrobiłem całość raz jeszcze i się udało. Jeszcze raz dziękuje za Pani pracę :) Pozdrawiam

Musiałabym zobaczyć Twoją stronę. Napisz do mnie proszę na adres, który znajdziesz w zakładce kontakt na mojej stronie webfaces.pl i podeślij zrzut ekranu, coś wymyślimy

Zdjęcia z pixabay.com, www.pexels.com i unsplash.com są darmowe i nie wymagają podawania linku zwrotnego. Mogą być używane również do użytku komercyjnego. Niestety nie znam szczegółów licencji Canvy, ale jeśli wynika z niej jasno to samo (za darmo, do użytku komercyjnego i niekomercyjnego i link zwrot nie jest wymagany), to jak najbardziej też.

Hej. Pytasz, czy robię "to" w wyglądzie czy w stronach, a ja nie jestem pewne, że rozumiem, co kryje się pod słowem "to". Strony typu kontakt, o mnie, usługi itp. dodajemy jako strony (nie wpisy) i można je edytować albo bezpośrednio na blokach albo za pomocą Elementora. A artykuły blogowe dodajemy jako wpisy (nie strony) i tutaj nie używałabym Elementora. Chętnie wyjaśnię więcej, ale nie wiem dokładnie jakie jest pytanie.

@@webunia no tak, chodzi mi o lekcje 4, tworzenie szkieletu na WP, chodziło o strony, dzięki bardzo że się odezwałaś :-)

Ja chętnie posłużę dalszą pomocą/poradą, tylko nie wiem, jakie jest aktualne pytanie/pytania (i czy jeszcze coś wymaga wyjaśnienia).

@@webunia pewnie tych pytań będzie więcej ale nie wiem czy mogę Cię kłopotać, ale chce zapytać czy zajmujesz się tworzeniem sklepów internetowych?

Darek, export jest, ale nie testowałam. Na szybko znazłam ten wpis: ninjaforms.com/blog/export-wordpress-form-submissions/

Dzięki! Chcę już zamknąć ten cykl i zacząć jakieś inne filmiki, bo pomysłów mam wiele. Może teraz, jak już jest wiosna w pełni lepiej mi to pójdzie. Dzięki za dodawanie mi skrzydeł.

Inne bardzo dobre darmowe motywy z porównywalną funkcjonalnością do Astry to Kadence i Blocksy. Tak z pamięci to nie powiem, co tam można zrobić w darmowej Astrze, w wolnej chwili się przyjrzę. Jak robisz strony dla klientów, to warto rozważyć zakup wersji pro i podnieść cenę swoim klientom na zasadzie: w cenie X to zrobię Y, ale mogę zrobić jeszcze Z, ale cena będzie wyższa. Dzięki za miłe słowa.

Blok Okładka (ang. Cover). Do niego możesz dodać blok Przyciski i Nagłówek.

@@webunia dzięki. super. działam

Monika, nie Ty jedna miałaś ten problem, ja też. I może dlatego - pamiętając swoje dawne bolączki w rozkminie tego tematu - udało mi się teraz trafić z przekazem. Bardzo Ci dziękuję za budujący komentarz. PS To nie jest jedyny sposób na zaplanowanie kolorów, bo wiele stron może mieć dwa główne kolory, ale zawsze jakiś punkt wyjścia na początek.

Dzięki za komentarz. Ze zrobieniem motywu od zera to miałbym zagwozdkę jak do tego podejść, bo teraz jak już do WordPressa wszedł FSE (Full Site Editing) idea jest taka, żeby motyw od zera tworzyć właśnie w zgodzie z tą koncepcją, a robienie motywów od podstaw w klasyczny sposób (w kodzie PHP) powoli będzie odchodzić do lamusa. Więc jeśli już to poszłabym bym w tym kierunku, ale na razie FSE jest jeszcze niedojrzały. Jeśli chodzi o stawianie sklepu na WP to nie moja specjalizacja, ale w sieci jest mnóstwo kursów na ten temat. Widzę, że Ty też coś działasz w podobnej branży i muszę sobie przejrzeć Twojej filmiki.

Bardzo mi miło, że filmy się przydają. Tak, motyw Astra jest naprawdę świetny. Czytałam kiedyś historię jego powstania. Grupa ludzi, który sami robili strony dla klientów nie znaleźli na rynku WordPressa motywu, który byłby na tyle elastyczny, żeby mogli go wykorzystywać do wielu projektów. Postanowili tę lukę zapełnić. Dziś ich firma zatrudnia ponad 100 osób i ciągle rośnie w siłę. Aż się nie chce wierzyć, że udostępniają taki świetny motyw za darmo.

Najlepiej użyć wtyczki typu All-inOne WP migration lub podobnej, bo wtedy przenosisz wszystko (obrazki, motyw, ustawiania motywu i oczywiście treści stron) i niczego nie pominiesz.

Słusznie robisz, że dodajesz logo bez żadnego tła. To logo w filmiku też miało przezroczyste tło. W sumie mogłam o tym powiedzieć, nie przyszło mi to do głowy wtedy.

Robert, cieszę się, że filmik się spodobał. O innych efektach pisałam na blogu webfaces.pl/blog/gradienty-na-stronie-w-wordpessie-3-proste-sztuczki/ i tam są też podlinkowane filmiki z tego kanału. Oczywiście to nie wyczerpuje puli możliwości, więc na pewno jakiś filmik w tej serii się pojawi, tym bardziej, że doszły już nowe funkcje w tym temacie do bloków WordPressa a kilka kolejnych pojawi się niedługo (w WP 3.9). Muszę tylko najpierw skończyć tę serię (jeszcze jakieś 2-3 odcinki mi zostały).

Z tym srcset to miałam zagwózdkę, czy w ogóle o tym wspominać, bo to z jednej strony trochę zbyt techniczne i nie chciałam przytłoczyć tych widzów, co stawiają dopiero pierwsze kroki w WP, a z drugiej wiem, że kanał oglądają osoby, co mają podstawy już dobrze opanowane i lubią takie niunsiki. Dzięki za komentarz, bo komentarze mi zawsze lepiej pozwalają zrozumieć, co jest dobrym pomysłem, a co nie.

Małgorzata, tak. Kliknij w trzy pionowe kropki (onok ikonki z kołem zębatym) i potem wybierz ikonkę z paskiem na dole zamiast ikonki z paskiem po lewej, którą masz najprawdopodobniej teraz wybraną

No starałam się, starałam... Powiem Ci, że chyba 5 razy podchodziłam do tego tematu i za każdym razem odkładałam go na bok i robiłam sobie dłuższą przerwę, bo nie wiedziałam, jak to jakoś prosto przedstawić. Temat doboru kolorów to nie jest łatwa sprawa, bo jest tak naprawdę wiele strategii i często są wybierane dwa kolory wyróżniające się, a nie jeden. Ale jakbym miała robić te wszystkie dygresje, to znowu bym przekomplikowała.

Paweł, dzięki za miłe słowa. Zawsze to dla mnie motywacja, do nagrywania kolejnych filmików.

Jak szukać i dobrać zdjęcia na stronę, a potem o jak dobierać kolory.

Cieszę się, że się filmik okazał pomocny. Ja właśnie odpowiadałam na komentarz na blogu czytelnikowi o tym samym imieniu, być może Tobie z linkiem do drugiego odcinka w tej serii, gdzie polecam motyw Astra.

@@webunia Jam Ci to był na Twoim blogu. Dziękuję za JUŻ i czekam z utęsknieniem na kolejne odcinki. Pozdrawiam.

Darek, ja sama dokładnie robię to co Ty. Link do mojej strony demo, to część mojego multisite'a gdzie sobie testuję różne motywy.

Darek, dziękuję za miłe słowa i wsparcie! To mi zawsze daje kopa motywacyjnego. Odnośnie webografii i treści strony demo. W pierwszej wersji wypełniłam ją w większości tekstem typu "lorem ipsum", a potem stwierdziłam, że lepiej będzie użyć przykładu z życia. No, a że copywriterem nie jestem, to najłatwiej mi było wymyślić teksty z dziedziny mi bliskiej. Na końcu sama się zdziwiłam, że wyszło dość przekonywująco, jakby taki kurs na prawdę istniał i się nawet zastanawiałam, czy nie przesadziałam i ludzie zaczną szukać Centrum Wymyślonego Kaptura. Kto wiem, może kiedyś rzeczywiście poprowadzę podobne szkolenie, ale musiałabym mieć do tego ekipę. Dzięki raz jeszcze za krzepiące słowa.

Dziękuję bardzo za doping!

Paweł, a jakiego motywu używasz? Też Astry? Bo wygląda na to, że to, czy separator się ustawi na środku czy nie zależy od motywu. W Astrze jak zrobisz układ bloków dokładnie taki jak u mnie w sekcji pierwszej, wczyli blok okładka rozciagniety na full width, w nim blok kolumny i w pierwszej kolumnie separator (style domyślny), to separator jest wyrównany automatycznie do lewej, właśnie sprawdziłam na innej stronie. Ale jak już zmieniam mu styl na kropki, to też się środkuje.

@@webunia Tak, też Astra.

@@aure7773 Ciężko tak ocenić, nie widząc szczegółów, co może być przyczyną. Ja sprawdzałam na wersji Astra 3.4.4 dokładnie w takim układzie bloków jak pokazywałam na filmiku. Sprawdziłam na tej stronie co w filmiku i jeszcze na zupełniej innym WP i w obu przypadkach wyrównuje się do lewej jeśli użyję stylu domyślnego separatora.

Piotr, nawet nie musisz zostawiać informacji w stopce, że to Astra. Motyw Astra jest w darmowym motywem w repozytorium WordPressa, a wszystkie motywy z repo WordPressa są na licencji GPL, co oznacza, że możesz je używać nawet do celów komercyjnych i wprowadzać dowolne zmiany.

@@webunia dziękuję za odpowiedź. Pozdrawiam i proszę więcej filmików podobnych

@@Piot_R Dziękuję za motywację. Postaram się coś ciekawego przygotować niebawem.

Samo się zrobi, jak ustawisz język WordPressa na polski (Ustawienia > Ogólne > Język witryny)

@@webunia dzięki. Rozumiem,że plugin nie potrzebny. Czy ta metoda dotyczy wszystkich motywów?

@@zbiromax9228 Tak, w przypadku motywu Twenty Twenty czy Twenty Twenty One wtyczka do tłumaczenia motywu jest niepotrzebna, bo motyw zawiera tłumaczenie na język polski. Jednak nie wszystkie motywy są przetłumaczone na polski i jeśli na taki natrafisz, to możesz wtedy skorzystać z wtyczki Loco Translate

Sylwia, upewnij się, że Twój pierwszy blok to Okładka a nie na przykład akapit. Upewnij się też, czy w ustawieniach strony w sekcji Astra settings masz dokładnie to co ja pokazuję w 13:20. Ciężko mi tak zgadywać w ciemno, jak chcesz może do mnie napisać na webfaces malpa webfaces.pl i wysłać mi link do stron, to mi będzie łatwiej ocenić.

Cześć Piotr, tutaj autor wtyczki. Taki problem występuje najczęściej kiedy jest jakiś konflikt w edytorze i np. wiele wtyczek zapisuje swoje informacje w partiach - przez co powiadomienie jest wyzwalane za każdym razem. Spróbuj proszę aktywować w ustawieniach Przetwarzanie w tle. Jeśli to nie zadziała to napisz do nas na [email protected] to będziemy próbować naprawiać ten problem.

Wojtek, ciekawa obserwacja! Tak, budowa strony od zera to długi proces. Dlatego dużo ludzi robi tak, że w praktyce przerabia gotowce: od autorów motywów, wtyczek lub swoje własne (teraz można już tworzyć tzw. szablony z bloków). I przy wycenach dla klientów też to się bierze pod uwagę i strony "autorskie", z designem pod klienta są najdroższe.

Damian, w darmowej wersji wtyczki Kadence blocks dane z formularza nie są przechowywane w bazie, jedynie tylko wysyłany jest email. Możliwość zapisu w bazie jest w płatnej wersji Kadence Blocks Pro: www.kadenceblocks.com/form-block/

Krzysiek, tak.

Najlepiej z opcją nałożenia koloru + suwak przezroczystości. Tak było w 2020.

@@dobrenewsy8851 Niestety ten motyw nie daje takiej możliwości z poziomu ustawień, ale można to zrobić CSS-em. Czyli tak: 1. wrzucić obrazek tła do biblioteki mediów 2. skopiować jego pełny adres URL (jest widoczny w bibliotece mediów) 3. W podglądzie źródła HTML dla danej strony zobaczyć jaką ma ustawioną klasę z id danej strony, czyli na filmiku jest to minucie 52:31 postid-36 (np. page-id-10) a potem do Wygląd -> dostosuj -> dodatkowy CSS wkleić taki kod: body.page-id-10.custom-background { background-image: url(tu-pelny-adres-obrazka); }, jak chcemy kontrolować stopień przezroczystości, to można dodać po średniku opacity: 0.5;