Это видео недоступно.
Сожалеем об этом.
Kadence - najlepszy darmowy szablon WordPress [Tutorial, Poradnik]
HTML-код
- Опубликовано: 18 авг 2024
- 📕 Szkoła Gutenberga: bit.ly/3Aypawh - tu będzie info o darmowym i płatnym kursie
✔️ Grupa na Facebooku: O biznesie na WordPressie bit.ly/3ADXPbQ
✔️ Kadence PRO: wpziom.pl/kadence
📓 Więcej o Kadence Theme: wpziom.pl/kade...
✔️ Instagram: / wpziom
📌 Spis treści:
00:00 - Kadence Theme - najlepszy motyw do WordPressa?
00:51 - Motyw a szablon WordPress - czym się różnią
01:38 - Dlaczego wybrałem Kadence Theme i robię na nim zlecenia na strony internetowe
02:57 - Kokpit i resetowanie WordPressa
05:14 - Instalacja motywu Kadence
05:35 - Aktywacja gotowych wyglądów Kadence (Kadence Starter Templates)
08:30 - Ciekawostka - fajny sposób na budowanie listy e-mail
09:55 - Szybka recenzja motywu Hello Elementor :D:D:D
10:35 - Omówienie opcji Kadence Theme w wersji darmowej
12:05 - Omówienie palety kolorów Kadence Theme i dobryhc praktyk budowania stron, jeśli chodzi o używanie kolorów
15:42 - Edycja nagłówka w Kadence Theme. Nie potrzebujesz żadnych dodatkowych wtyczek, już w darmowej wersji Kadence
16:00 - Sticky Header w motywie Kadence
16:15 - Zmiana logo w Kadence (inne logo podczas scrollowania)
17:05 - Dodawania ikon Social Media do Kadence
19:35 - Edycja stopki (footer) w motywie Kadence
26:00 - Edycja logo i favicon w Kadence
26:55 - Szybka Akademia CSSa na przykładzie padding
27:50 - Zmiana czcionek (fontów) w Kadence Theme + dobre praktyki
30:10 - Page Layout - edycja wyglądu stron w Kadence Theme
31:08 - Zmiana widoku bloga w Kadence Theme
Poradnik motyw Kadence:
Kadence to świetny motyw dla WordPressa. To jeden z najlepszych motywów, jakich kiedykolwiek używałem. Kadence jest zbudowany od podstaw pod kątem błyskawicznej wydajności i jest wypełniony nowoczesnymi funkcjami, które sprawią, że tworzenie stron internetowych znów będzie przyjemnością.
To świetny motyw dla wszystkich twórców stron internetowych, którzy mają dość czekania na załadowanie swoich motywów. Możesz przeciągać i upuszczać żądaną zawartość na swoją stronę główną, oglądać ją w czasie rzeczywistym i uzyskać natychmiastowy podgląd tego, jak będzie wyglądać w Twojej witrynie. Nigdy więcej utknięcia przy tym samym starym, nudnym układzie. Jeśli chcesz stworzyć wyjątkową stronę internetową i wyróżnić się z tłumu, Kadence pomoże Ci to osiągnąć.
Motyw Kadence to czysty, nowoczesny i minimalistyczny motyw WordPress, który ma niesamowity design, świetną funkcjonalność i łatwą obsługę. Kadence jest idealny dla każdego, kto szuka wysokiej jakości motywu WordPress do zbudowania swojej następnej strony internetowej. Dowiedz się, jak korzystać z motywu Kadence z tego poradnika.
W filmie omawiam podstawy darmowego motywu Kadence. Pokazuje jak edytować poszczególne elementy w motywie.
Tworząc stronę internetową w Kadence Theme i przy pomocy Kadence Blocks masz dużo możliwości dostosowania witryny. Od tworzenia układu nagłówka, poprzez dostosowania wyświetlania logo, skończywszy na przyciskach, które są dobre jak call to action czyli wezwaniu do akcji.
Motyw Kadence to bardzo popularny i potężny motyw WordPress, który pozwala dostosować nagłówek bez dotykania kodu. Ten motyw jest świetny nie tylko w przypadku witryn biznesowych i portfolio, ale także świetnie wygląda na blogach, witrynach osobistych, a nawet na stronach docelowych. W tym filmie pokażę, jak dostosować nagłówek za pomocą narzędzia do przeciągania i upuszczania. Dowiesz się, jak dodać logo, zmienić kolorystykę, dodać ikony. Podamy również kilka podstawowych wskazówek, jak zoptymalizować witrynę pod kątem urządzeń mobilnych.
Motyw WordPress Kadence umożliwia łatwe dostosowanie ustawień typografii za pomocą dostosowywania WordPress. Jest to jeden z najbardziej zaawansowanych i potężnych motywów na rynku WordPress Jest to profesjonalny motyw WordPress o nowoczesnym i czystym wyglądzie, wyposażony w potężny panel opcji motywów, mnóstwo przydatnych skrótów, mega system menu, czysty i nowoczesny design z minimalistycznym podejściem. Kadence jest idealnym rozwiązaniem dla każdej agencji kreatywnej, studia cyfrowego czy freelancerów, którzy chcą zaprezentować swoją pracę w nowoczesny i profesjonalny sposób.
Więcej o motywie zobaczysz:
📓 wpziom.pl/kade...
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
Dzięki za treściwy poradnik, zachęciłeś mnie do spróbowania w Kadence :)
Dzięki za miły komentarz. Właśnie się zbieram do nagrania podobnego poradnika, tylko jeszcze bardziej aktualnego. Więc bardzo chętnie uwzględnię w nim Twoje pytania. ; )
@@wpziom Czy na bezpłatnej wersji Kadence można łatwo formatować graficznie wszystkie elementy sklepu woocomm (przyciski, kartę produktu itp)?
@@ziolowakawiarenka tak, można dość łatwo edytować. Tylko nie wiem co masz na myśli, jeśli chodzi o kartę produktu, bo to definiuje szablon WooCommerce.
@@wpziom aby nie używać CSS przy zmianie np wielkości fontu, przycisków z woocommerce, kilku pasków z komunikatami na woo.
Ps. prosiłeś o pytania :) Ale jeszcze nie instalowałam Kadence, może odpowiedzi są już na wyciągnięcie ręki po isntalacaji :)
Dzięki za zaangażowanie.
@@ziolowakawiarenka Instaluj śmiało i sporo się rozjaśni, bo jest bardzo intuicyjny. No i jak coś to wbijaj do nas na platformę: c.wpziom.pl
Szacunek za rozróżnianie fontu od czcionki :)
Ooo, dziękuję. Od razu widać, że Designer! :D
Już nie przesadzajcie w tymi rozróżnieniami. Font to nie jest polskie słowo. A jaki w takim razie jest angielski odpowiednik "czcionki"? A przy okazji ktoś z Was widział kiedyś prawdziwe ołowiane czcionki kiedyś używane w drukarniach?
@@ziolowakawiarenka "sort" lub "type" 😉
@@Kshishu85 super - to może jeszcze podałbyś polskie tłumaczenie słowa: font?🤔
Dzięki za ten poradnik. Kadence ma bardzo dużo opcji, jak na darmowy motyw. Do tej pory używałem Astry, ale tu więcej można zrobić widzę. Czekam na kolejne poradniki.
Dzięki za komcia! : ) Też zrobiłem kilka zleceń dla klientów na Astrze, ale na Kadence dużo lepiej mi się pracuje. Temat Kadence i możliwości z nim związanych na pewno będzie jeszcze przewijał się na kanale. ; ))
32:50 taki blok z wpisami na głównej stronie razem z możliwością zaznaczenia kategorii i jest ekstremalnie szybka strona główna na A+ :P
Tak myślę minimum 3 najnowsze wpisy, a maximum 6 to rozsądne rozwiązanie.
Powyżej to już przekierowanie do strony z wszystkimi wpisami, jakby ktoś jakimś cudem nie znalazł w głównym menu obok napisu Home.
No też często na głównej daję u klientów sekcję "zobacz ostatnie wpisy" - to jest spoko opcja moim zdaniem : )
Bardzo ciekawe i fajny tutorial! :)
Dziękuję Artur. ; )
dzięki za informacje:) bardzo przydatna wiedza
Bardzo dziękuję za komentarz Agnieszka. Dobrze, że napisałaś, bo RUclips pokazuje mi skandaliczne dane, że 100% oglądających to mężczyźni. No, a to przecież nieprawda. ;p
@@wpziom zdecydowanie tak :)
mozesz podpowiedziec jak robie naglowke wszystko ustawiam ale na onnych podstronach jest on znowu domyślny i muszeustawiac od nowa jak ustawic zeby naglowek byl na kazdej karcie taki sam a nie zeby go ustawiac od nowa
Siema, chodzi o Header czy Heading? Globalne ustawienia jednego i drugiego robisz w dostosuj i na podstronie możesz zaznaczyć czy ma korzystać z global czy chcesz pozmieniać akurat na tej stronie.
A trochę z innej beczki - jak dodać swoje fonty do WP? Jakaś wtyczka kompatybilna z Kadence? To samo z ikonami, czy można dodać swoje? Jeśli tak to w jaki sposób?
Fonty, są przynajmniej 3 sposoby:
1. Kadence Pro daję taką opcję
2. Dodajesz pliki do WordPressa z fontami i piszesz w pliku .css gdzie są te pliki.
3. Wtyczka - wordpress.org/plugins/use-any-font/
Ikony:
Można dodawać swoje, dodajesz je jako media (możesz użyć kilku bloków od Kadence: od advenced image, poprzec icon box, do icon). Kadence nie jest wymagane, bo to po prostu ikony. Możesz dodawać również .svg (zalecane), jeśli wytłumaczysz WordPressowi, że ma przyjmować takie pliki.
Hej, chciałbym się upewnić co do jednej kwestii - czy darmowe motywy Kadence można bez problemu wykorzystywać komercyjnie? W praktyce, czy jak pobiorę darmowy motyw, przerobie go pod klienta i udostępnię, to czy jest to zgodne z zasadami?
Tak, zdecydowanie. Zawdzięczamy to GNU General Public License, na której oparty jest WordPress oraz motywy i wtyczki do niego. Możemy dowolnie zmieniać kod, a nawet go sprzedawać. ; )
@@wpziom bardzo dziękuję, wolałem się upewnić :D Pozdrawiam i miłego wieczoru!
@@Booogul no pewnie, powodzenia w projekcie!
Jak to jest ze stopkami? Mogę usunąć i wpisać swoją np © 2010-2022 Lukas ?
Tak możesz dowolnie zmieniać kod. Jest to wyjaśnione w licencji GPL.
Czyżby w obecnej wersji Kadence Blocks nie było już bloku ze sticky headerem?
Sticky header ustawia się z poziomu motywu, nie bloku.
wiesz może jak pozbyć się loga z każdej podstrony
Oczywiście, jest na tylko kilka sposobów. Logo nie ma wyświetlać się nigdzie, czy cały header nie ma się wyświetlać?
W sumie to header i logo
Tylko na głównej stronie chce zostawić
@@zwns1113 To najłatwiej Conditional Headers od Kadence Pro albo kawałkiem kodu css / php. ; )
@@zwns1113 No to w pozostałych podstronach ustawiasz "disable header" po prawej stronie, w darmowym Gutenbergu. : )
Cześć jak tam działania z kursem Kadence idą ?
Planuję, żeby w maju subskrybenci dostali informację, że można kupić. : D
a czy pobierając jakiś motyw w całości mogę potem usunąc np. całą część bloga? bo jednak stwierdze ze nie chce bloga lub jakiś inny fragment ?
Nie wiem czy dobrze zrozumiałem, ale chyba chodzi Ci o przykładowe dane. Że pobierasz motyw i masz demo content taki tak?
No to możesz wszystko usunąć, bo dane są niezależne od motywu. Jak dodasz zdjęcia, wpisy, strony i zmienisz motyw, to wszystko Ci zostanie : )
Daj znać czy coś mogę Ci bardziej w tym temacie wyjaśnić.
@@wpziom zamotałam się w tym strasznie. Ściągnełam całą stronę motywu i potem to czego nie chciałam pousuwałam ale mimo że robie to w elemenetorze to na przykład footer totalnie nie moge zmienic albo fontu na górze - nie wiem cos robie chyba nie tak 😅
@@mentalhealthmusic1999 największym Twoim wyzwaniem jest to, że nie wiesz jak działa WordPress i co się z czego bierze, ale spróbujemy ogarnąć. : )
Motyw to taki szkielet Twoje strony i odpowiada też za wygląd. M.in. footera i headera (menu itp). Dlatego te rzeczy zmieniasz w Dostosuj.
To co jest pomiędzy (o ile nie jest np. widokiem wpisów czy blogiem) to możesz pozmieniać sobie w Elementorze lub Gutenbergu.
To co importujesz razem z szablonem to demo content, więc po prostu podstrony kolejne i ich wyglądy. Można dowolnie usuwać i modyfikować (ale header i footer w dostosuj).
@@wpziom ok dziękuje w większości ogarnełam. To ma być bardzo prosta strona więc nie wiele tam potrzeba... ale mam pytanie jeszcze czy mogę edytować "fluent forms" bo mam po angielsku a chciałabym zeby napis był polski jednak nie moge znalezc gdzie moge to zrobic. i jeszcze 2 sprawa to mam buttony i chcialabym zeby po kliknieciu sprowadzaly wlasnie do tego formularza,,, i tu tez mam probelm bo nie wiem jak... moge prosic o podpowiedz?
@@mentalhealthmusic1999 Fluent Form możesz edytować w kokpicie, tam masz każdy formularz i poszczególne pola. Tam wszystko tam przetłumaczysz, a jeśli nie pozostaje Loco Translate ; )
Button ma link taki: strona.pl/kontakt#nazwa_sekcji
#nazwa_sekcji - w Gutenbergu, po prawej stronie na dole: kotwica HTML (to jest nazwa sekcji wałaśnie i tam wpisujesz dowolną).
Jak mogę zmienić graike w hero w kadence ?
Jeśli mówimy o tej samej sekcji to klikasz: Row layout lub Section (zależy gdzie jest obrazek) i potem klikasz background image. Można też dodać taki obrazek jako advanced image, wtedy nie jest tłem, a osobnym blokiem. Jak coś to pytaj, doprecyzujemy ; )
hej gdzie się edytuje to pole w zamówieniu
With your order, you agree to have read and understood our Terms and Conditions and Cancellation Policy.
Siema, sprawdź w WooCommerce czy nie jest wpisany ten komunikat w konfiguracji Wygląd->Dostosuj->WooCommerce->Zamówienie.
Ewentalnie przetłumacz za pomocą wtyczki Loco Translate, tu poradnik:
wpziom.pl/jak-przetlumaczyc-motyw-wordpressa/
@@wpziom tutaj tego nie ma Wygląd->Dostosuj->WooCommerce->Zamówienie, a loco translate nie wyszukuje tej frazy ani w motywie ani we wtyczce woocommerce
znalazłem, strona ma być w języku Niemieckim i za to odpowiada wtyczka Germanized
No to dobrze, że ogarnąłeś i bardzo dziękuję za podziele się - może ktoś inny będzie miał podobny problem ; )
Zajebista nazwa wtyczki :D
A ja z kolei mam problem z Kadence taki, że zapragnąłem mieć stronę która ma czarne tło i białe czcionki. No i okazuje się, że część tekstu który wpisuję w białe pola (np. dane w zamówieniu) jest też biała :( tak podgląd koszyka ma białe tło i białe litery. Jak zmieniam kolor w palecie Kadence to mogę to naprawić ale wtedy z kolei część tekstu na stronie robi się czarna (na czarnym tle). Czy w takim wypadku tylko CSS zostaje?
Cześć Bartosz! No to ciekawą ścieżkę sobie wybrałeś, bo zbudownie ciemnej strony, która dobrze i czytelnie wygląda jest trudniejsze :)
Moim zdananiem wszystko możesz ogarnąć w globalnych kolorach, a więc ustawiasz background poszczególnych widoków na ciemny, a w palecie kolorów same jasne odcienie. Fonty, o których piszesz biorą się z ustawień palety kolorów właśnie lub z ustawień w poszczególnych blokach. Jak coś to dopytuj tu lub u nas na grupie ; ))
@@wpziom no właśnie te same fonty są np. kategoriami (które są na czarnym tle) i wpisami w formularze. troche tego CSS wyjdzie :) ale jak narazie porusza sie do przodu ale zapowiada sie dluuuugi weekend :)
@@zaixrulez a czemu czarny sklep, jakieś konkretne argumenty czy zajawka? :D
@@wpziom totalna spontaniczna decyzja, chociaż zrobiłem parę baboli :) przeskocze na fejsa to będzie łatwiej rozmawiać :)
@@zaixrulez okej, już odpisuję na post ; )
Patrzę, ale tu wszystko to samo co mam w motywie Neve.
Możliwe, kiedyś pracowałem chwilę u klienta na tym motywie i nie wspominam tego dobrze, ale to była też wina złego połączenia z funkcjami Elementora tam.
Sporo podobnych funkcji ma też motyw Blocksy. Na podstawowym poziomie coraz więcej motywów będzie musiało mieć to te funkcje, żeby konkurować na rynku. No i pytanie jak to jest łatwe w użytkowniu i jak szybko działa przy ładowaniu strony.
W Kadence ich cały ekosystem robi przewagę nad innymi. Kadence Blocks, Kadence Cloud, Kadence Conversions, Kadence Elements itp.
Do tego dochodzi sporo rozwiązań do WooCommerce.
Na filmie poruszyłem tylko kilka podstawowych funkcji, które i tak już robią przewagę nad zdecydowaną większością motywów na rynku. ; )
@@wpziom ale blog ma więcej opcji w Kadence darmowym. W Neve dopiero w Pro takie same są.
Wydaje mi się, że jak byśmy jeszcze trochę poszukali, to byśmy znaleźli kolejne przewagi :D
Na dniach nagrywam film o Kadence Blocks - połączenie Kadence i tej wtyczki robi jeszcze większą robotę : ))
@@wpziom Kadence blocks działa na Neve, ale pewnie zmienię motyw na dniach, ponieważ te bloki od Kadencie mają więcej opcji od bloków Ottera, które proponują twórcy Neve.
Tam nie dość, że mniej opcji konfiguracji to dalej spisu treści nie ma...