Erstellen Sie ein Konto, um KI zu nutzen

Erstellen Sie ein kostenloses Konto, um alle Funktionen freizuschalten:

Stellen Sie Fragen zu Videos mit KI
Nutzen Sie die intelligente Suche (KI)
Speichern Sie Ihre Lieblingsvideos
Markieren Sie Ihre Lieblingskategorien
Organisieren Sie Ihre Lieblingsunterkategorien
Greifen Sie auf Ihre personalisierte Favoritenseite zu
Greifen Sie auf Ihren Gesprächsverlauf zu
Personalisieren Sie Ihre Startseite mit Ihren Favoriten

Haben Sie bereits ein Konto? Anmelden

Wie man ein benutzerdefiniertes WordPress-Theme von Grund auf erstellt

Name: Wie man ein benutzerdefiniertes WordPress-Theme von Grund auf erstellt
Uploaded: 2020-06-26T15:16:53+00:00
Duration: 8 h 54 min 7 s

Adrian Twarog

Wir erstellen ein WordPress-Theme von Grund auf, indem wir es aus einem grundlegenden Design aufbauen. Der gesamte Prozess von der Installation von WordPress bis zur Einrichtung einer Theme-Vorlage und deren Inbetriebnahme wird behandelt. Dies umfasst auch Aspekte von WooCommerce und E-Commerce, die ich ebenfalls behandeln werde, während wir das HTML, CSS und JS erstellen.

00:00:00 - Einführung

00:02:00 - Installation von WordPress und unserem benutzerdefinierten Theme

00:10:30 - Einrichtung der WordPress-Website-Ordner und Menüs

00:15:50 - Kopfzeile

01:05:04 - Home Call to Action

01:29:55 - Home Banner

01:49:40 - Home Sonderangebot

02:14:40 - Home WooCommerce Produkte

02:53:30 - Home Abschnitt Kreise

03:07:36 - Home Testimonials

03:12:39 - Home Footer Kontaktformular

03:31:55 - Interne WordPress-Seite

03:53:33 - Blogbeiträge Nachrichtenartikel

04:17:30 - Kontaktseite

04:30:20 - Blogkategorien

04:58:45 - WooCommerce Einrichtung

05:13:05 - WooCommerce Produkt

05:58:12 - WooCommerce Variationsprodukt

06:16:00 - Benutzerdefinierte JS Produktvariationssuche

07:20:13 - Home Dynamische WooCommerce Produktauflistung

07:31:35 - Kopfzeile Dynamische E-Commerce Suchauflistung

08:52:30 - Fazit

Figma Design UI-Dateien und Assets:

https://www.figma.com/file/Qeah95CxhSqU5DQHxdpZQC/How-to-make-a-custom-WordPress-theme-from-scratch?node-id=0%3A1

https://drive.google.com/file/d/1HlA4aMPpq356WWw4XtwfYRCdZuKbdhhh/view?usp=sharing

Dies war nur Teil 1 für dieses WordPress E-Commerce Website-Design. In Teil 2, wo wir andere Aspekte dieser Website anpassen, einschließlich der Warenkorb- und Checkout-Seiten!

Teil 1: https://youtu.be/cLhnubqavDg

Teil 2: https://youtu.be/fxaeY0J5pTw

Teil 3: https://youtu.be/WC4v4EjkUGk

Teil 4: https://youtu.be/8TOIZVLCZiE

Dieses WordPress-Tutorial wird auch einige der JavaScript- und PHP-Elemente behandeln, die Ihnen helfen, zu verstehen, wie man eine Website mit grundlegender Programmierung und Codierung erstellt. Wenn Sie Webdesign-Tutorials mögen und nach WordPress für Anfänger-Videos wie diesem suchen, sind dies Teile einer Reihe, die ich über die Erstellung einer WordPress-Website und die Installation von WordPress-Themes mache, und Sie können sich einige der anderen Playlists auf meinem Kanal ansehen.

Lernen Sie Design für Entwickler!

Ein Buch, das ich erstellt habe, um Ihnen zu helfen, das Aussehen Ihrer Apps und Websites zu verbessern.

📘 Enhance UI: https://www.enhanceui.com/

Fühlen Sie sich frei, mir zu folgen auf:

🐦 Twitter: https://twitter.com/intent/follow?screen_name=adrian_twarog

💬 Discord: https://discord.gg/6gmmFvxkD7

💸 Patreon: https://www.patreon.com/adriantwarog

Software & Rabatte:

🚾 Webflow: https://webflow.grsm.io/adrian

🌿 Envato: https://1.envato.market/yRZjz2

🌿 Envato Elements: https://1.envato.market/LP0OJZ

🔴 Elementor: https://elementor.com/adrian/?ref=23140