Homepage mit WordPress erstellen [Gutenberg + Kadence]
ฝัง
- เผยแพร่เมื่อ 1 ส.ค. 2024
- ▶︎▶︎▶︎ WordPress Website aufsetzen: • WordPress Website erst...
✅ Kadence Theme Pro: * webgeneral.de/kadence-theme-pro
✅ Kadence Blocks Pro: * webgeneral.de/kadence-blocks-pro
→ 10% Rabatt mit Gutscheincode: take10
Time Stamps:
0:00 Das heutige Projekt
1:14 Kadence Theme & Plugin einrichten
4:41 Page Header erstellen
11:29 Hero Section erstellen
0:24:27 Page Header Nachbearbeitung
27:18 #1: Medien- Textlayout designen
35:18 #2: Accordion / Bildergalerie Layout
54:49 #3: Infoboxen designen
1:07:10 #4: Testimonials designen
1:15:36 Page Footer erstellen
Wie man mit WordPress und dem Gutenberg Editor eine Business Homepage für ein Unternehmen erstellen und designen kann, zeige ich ich in dieser Video Anleitung von A bis Z.
Auf Basis des Kadence Themes und mit Hilfe des Kadence Blocks Plugins, erstelle ich in diesem Tutorial die Homepage für eine Unternehmens-Webseite.
👉 Meine PERSÖNLICHEN FAVORITEN für WordPress 👈
✅ WEBHOSTING → webgo: *www.webgo.de/ssd-webhosting
💰 10€ Rabatt mit Gutscheincode: General
✅ DOMAINS → Namecheap: *webgeneral.de/namecheap
✅ THEME → Kadence Full Bundle: *webgeneral.de/kadence-theme-pro
💰 10% Rabatt mit Gutscheincode: take10
✅ EMAILS → FluentCRM: *webgeneral.de/fluentcrm
✅ E-COMMERCE: → SureCart: *webgeneral.de/surecart
✅ ONLINE-ZAHLUNGEN → Mollie: *webgeneral.de/mollie
✅ COOKIE BANNER → Real Cookie Banner: *webgeneral.de/real-cookie-banner
💰 20% Rabatt mit Gutscheincode: WEB-GENERAL
WordPress Anleitung für Anfänger:
🎬 • Wordpress für Anfänger...
*Affiliate Link (Partner Link bei dem ich eine kleine Provision erhalte, eine gute Möglichkeit diesen Kanal zu unterstützen ohne extra zu zahlen 🥂) - แนวปฏิบัติและการใช้ชีวิต
![NONT TANONT - ดอกไม้ที่รอฝน (spring) - Reimagined [Live Session]](http://i.ytimg.com/vi/nY2PsFZFEOg/mqdefault.jpg)
Zeitmarken zu den einzelnen Vorgängen befinden sich in der Videobeschreibung.
Gerade diesen Kanal entdeckt... mir gefällt die Art wie hier erklärt wird. Am WE mal tiefer reinschauen. Ich bin gespannt
Willkommen an Bord! ✌️
Sehr gut erklärt, vielen Dank!
Vielen Dank!
Vielen Dank für dieses Super-Tutorial! Deine unaufgeregte Art ist sehr angenehmen und hilfreich. Danke!
Vielen Dank für das positive Feedback!
Perfekt! 10 von 10 Sternen. War schon am Verzweifeln was da im Netz veröffentlicht wird, jetzt wurde mir geholfen!
Ausgezeichnet, Danke!
Wow mega tolles Tutorial! Muss jetzt meine Seite nach dem FloThemes Aus neu bauen und Kadence ist da aktuell meine erste Wahl. Vielen Dank für das Video! 🙏🏻
Kadence ist ein erstklassiges Theme und Kadence Blocks ist auch unschlagbar. Eine Umstellung auf Kadence ist immer eine gute Entscheidung!
Viel Erfolg!
Hallo Robin, vielen Dank für diesen geilen Inhalt. Ich habe mir heute bestimmt schon 10 Videos von dir angesehen. Warum? Weil du die Inhalte zu Wordpress super rüberbringst und ich mit unserer aktuellen Webseite unzufrieden bin. Die habe ich im letzten Jahr mehrfach überarbeitet und der Speed lässt zu wünschen übrig, trotz diverser Paid Performance Tools (38 Mobile, 75 Desktop; bei den Blog-Beiträgen mit vielen Bildern noch schlechter). Meine Idee? Neues Theme (Kadence) und viel weniger Plugins und keine Nutzung von Elementor als Baukasten. Mein Problem? Ich weiß nicht, ob ich ganz von vorne starten soll oder die bestehende Seite bearbeite. Wir sind bei SEO mit unseren Blog-Beiträgen schon ziemlich gut geranked und haben viele Besucher. Dieses Ranking zu verlieren möchte ich vermeiden. Was denkst du? Wie gehe ich am besten vor, unsere bestehende Seite zu optimieren (Neustart oder Anpassung)?
Hallo, grüß dich!
Erstmal vielen Dank, freut mich immer zu hören, dass die Videos jemandem helfen konnten.
Für deinen Fall gibt es aus meiner Sicht nur eine Lösung, nämlich ein "Website Rebuild". Sprich, die komplette Website auf der bestehenden Installation neu aufzubauen.
Das ist zwar komplizierter und aufwändiger, als einfach von vorn zu beginnen und die Inhalte zu übernehmen, aber es wäre viel zu schade um die Rankings und die damit verbundene Website Autorität.
Ich habe das schon mehrfach gemacht, besonders von Elementor zu Kadence. Speed-Vergleiche gibts ja auch auf diesem Kanal...
Beste Grüße und viel Erfolg!
Robin
Klasse Video, sehr gut und verständlich erklärt. Kann man damit auch einen ansprechenden Schmuck-Shop mit Woocomerce realisieren oder würdest Du hier ein anderes Theme empfehlen?
Absolut! Ich nutze Kadence in Verbindung mit WooCommerce besonders gerne. Besonders wenn man sich dazu entschließen solle, das Full Bundle zu erwerben. Das darin enthaltene Kadence Shop Kit ist das perfekte Tool für jeden WooCommerce Shop!
Hallo lieber Robin, wie immer ein sehr tolles und informatives Video. ICh würde mir mehr aus der Kadence Videoreihe wünschen, vor allem von der Pro Version, die hat soooo viele zusätzliche Sachen zu bieten, das ist der Wahnsinn 🤯
Dennoch habe ich eine Frage: Wie man im Customizer Bereich die Hintergrund Farbe einer Seite ändert weiß ich nun. Kann man aber auch für eine einzelne Seite wie z.B. einer Coming Soon Page den Hintetgrund in z.B. schwarz ändern? Ich habe nur die Funktion gefunden die Hintergrundfarbe einer Sektion zu ändern, aber nicht der ganzen Seite 😔
Ich hoffe du oder jemand anderes kann mir die Frage beantworten.
Vielen Dank und schöne Grüße
Basti
Hallo Basti!
Erstmal zu deinem individuellen Hintergrund; hier würde ich einfach einen Section Block (Abschnitt) nehmen, dann in den Block-Einstellungen unter *_Style_* den Hintergrund anpassen und anschließend alle Elemente im Section Block platzieren.
In den Seiten-Einstellungen sollten dann noch _Seite Titel, Inhalt vertikaler Innenabstand_ sowie Header & Footer deaktiviert werden.
Schau mal in mein 2,5 Std. *_WordPress Website erstellen_* Video rein, da findest du Timestamps zum Thema Coming Soon Page, wo ich genau diese Einstellungen vornehme.
Was die Pro Funktionen von Kadence betrifft, werde ich in Zukunft definitiv mehr machen, ein Video zum neuen *_Query Loop & Repeater Block_* ist schon in der Mache... Auch zum Aufbau und Gestalten von Seiten wird deutlich mehr kommen. Da hab ich auch richtig Bock drauf!
Beste Grüße
Robin
Tolles Video, toll erklärt. Bin gerade dabei, mit dem Theme Kadence eine Seite aufzusetzen. Was nimmst du denn für ein Plugin für einen Blog. Dankeschön
Hallo, für den Blog nutze ich kein gesondertes Plugin. Lässt sich mit Kadence alles ganz einfach erstellen.
Beste Grüße und viel Erfolg mit deinem Projekt!
Vielen Dank für dieses hilfreiche und übersichtlich, sowie einfach erklärte Video. Bin begeistert von den mehr Möglichkeiten bei Kadence. Doch vermisse ich den Sticky Header und konnte leider nichts finden. Kannst du mir da weiterhelfen?
Hi Julia, den Sticky Header aktivierst du wie folgt:
Design -> Customizer -> Header -> In dem Reiter "Allgemein" findest du ganz unten die Schaltfläche "Sticky Header" -> anklicken, dann hast du verschiedene Möglichkeiten den Sticky Header zu aktivieren.
Viel Erfolg!
@@webgeneral Ja, klasse vielen lieben Dank für diese schnelle und hilfreiche Antwort.
Gern geschehen!
Was machst du denn für Kurse? Dankeschön
Hallo, aktuell biete ich keine Kurse an...
Beste Grüße
Super Kanal! 👍🏻 Habe ich gleich aktiviert. Ich komme vom Avada Theme und möchte wie Du das gemacht hast auf was performanteres umzustellen. Wahrscheinlich wird es das Kadence Theme. Wie stellst Du eine bestehende Website um, damit das einigermaßen smart und effizient getan werden kann? Ich habe 330 Seiten und meine Navigation ist dreistufig. Ich gehe daher davon aus, dass ich dafür die Pro Version benötigen werde. Habe ich das korrekt interpretiert? Bietest Du auch Supportstunden für Private an? Natürlich gegen Bezahlung! 😉
Gruß Marc
Hallo Marc, erstmal vielen Dank!
Kadence ist nach wie vor meine Nr.1 und die Entwickler geben sich viel Mühe, alles stetig zu verbessern!
Da in deinem Fall die gesamte Seite mit dem Avada Builder gebaut wurde, ist ein Themewechsel leider nicht ganz so einfach.
Dafür würde ich mir auf einer lokalen Installation Kadence Theme und Kadence Blocks (Free Version) installieren und die Seite komplett nachbauen.
Sofern du mit der kostenlosen Version irgendwo an deine Grenzen stößt, kannst immer noch auf Pro upgraden. Ich habe unter jedem Video ein 10% Gutschein für Kadence.
Solltest du dabei Unterstützung benötigen, können wir uns auch gern über Supportstunden unterhalten. Hinzu kommt, dass sich hier auf dem Kanal in Kürze viel tun wird, was Kadence betrifft!
Beste Grüße
Robin
Hallo Robin,
vielen Dank für Deine rasche Antwort! 😊👍🏻 Ich habe es leider befürchtet, dass ich viel Hand anlegen muss und alles nachbauen. Die Idee erst einmal alles mit der kostenlosen Version umzusetzen ist natürlich super. 👍🏻 Nochmals herzlichen Dank! Wenn ich an die Grenzen komme, kann ich noch immer auf die Pro-Version umsteigen. 😉 Da ich viele gleichartige Seiten habe, würden vielleicht ACF Fields weiterhelfen. Aber damit habe ich gar keine Erfahrung und es wurde mir schon mehrfach davon abgeraten, da ich für die Integration meist viele Lizenzkosten bezahlen müsste, weil dies meist nicht unbedingt Bestandteil der Themes sind. Hast Du Erfahrung damit?
Beste Grüße und einen schönen Abend Marc
P.S. Ich freue mich auf weitere Videos zu Kadence und anderen Themen von Dir. 😉
@@march-ch Hallo Marc, wenn du tatsächlich so viele Seiten gleicher Art hast, würde es durchaus Sinn machen, dafür ein Custom Post Type zu erstellen und anschließend die Inhalte dynamisch einzubinden.
In dem Fall würde ich dir doch von Beginn an die Pro Version von Kadence empfehlen, damit du Hooked Elements nutzen kannst, um dir ein Template für diese Seiten zu erstellen.
Dann hättest gleich eine anständige Struktur für dein Projekt.
ACF habe ich bislang nur in der kostenlosen Version genutzt, um zusätzliche Felder zu erstellen, das würde für dein Vorhaben auch gut funktionieren, da mit Kadence Pro viele Daten dynamisch in das Template eingebunden werden können.
Immer wenn ich eine Seite neu aufbaue, investiere ich viel Zeit in die Planung, damit die neue Seite deutlich besser strukturiert ist als die alte...
Beste Grüße!
Robin
@@webgeneral Guten Morgen, Robin! Vielen Dank für Dein wertvolles Feedback! 😊👍🏻 Dann schaue ich mir gerne mal ACF an und natürlich noch etwas detaillierter Kadence Pro. Aber es macht bei dem Aufwand natürlich Sinn hier einen guten Plan zu haben, bevor man mit der Umsetzung startet. Schließlich will ich die neue Website auch wieder für ein paar Jahre nutzen. 😉 Nochmals vielen Dank für Deine Einschätzung! 😊👍🏻 Beste Grüße Marc
@@march-ch Immer wieder gern! ✌
Hallo! Irgendwie bekomme ich einen Error, wenn ich das Theme aktivieren möchte. Ich kann es mir weder in der Live Vorschau, noch auf meine Seite angewendet anschauen. Kannst du mir vielleicht helfen und hast eine Idee woran das liegen kann? Liebe Grüße :)
Hallo Laura, was genau für eine Fehlermeldung erhältst du beim Aktivierungsversuch?