Dein erstes professionelles WordPress Plugin von A-Z
4.4 (22 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
175 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Dein erstes professionelles WordPress Plugin von A-Z to your Wishlist.

Add to Wishlist

Dein erstes professionelles WordPress Plugin von A-Z

Erstelle mit mir gemeinsam ein komplettes Plugin von der ersten bis zur letzten Codezeile.
4.4 (22 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
175 students enrolled
Created by Ralf Pareigis
Last updated 4/2017
German
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 12 hours on-demand video
  • 32 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • alle erstellten Dateien in PDF-Form
  • ein fertiges Plugin, das dir gehört.
  • den Aufbau und die Struktur von WordPress Plugins zu verstehen
  • eigenständig ein WordPress Plugin zu stukturieren und zu erstellen
  • externe Dateien wie CSS, Javascript & jQuery in das eigene Plugin einzubinden
  • Skripte in Abhängigkeit vom Front- oder Backend zu laden
  • die WordPress Mediathek im eigenen Plugin zu verwenden
  • einen "Color-Picker" in dein Plugin einzubinden
  • eine eigene Sternebewertung zu erstellen
  • einzelne Funktionen & Codebausteine mit Hilfe von Tools automatisiert zu erstellen
  • Custom Post Types und Meta Boxen zu erstellen
  • WordPress Shortcodes zu erstellen
  • responsives CSS zu erstellen
  • dynamisches CSS zu erstellen
  • ein selbst erstelltes Plugin kompatibel für meherer Browser zu erstellen ( in unserem Beispiel für Firefox & Chrome )
  • ein Plugin mehrsprachig zu erstellen
  • Updates für ein Premium Plugin bereit zu stellen
View Curriculum
Requirements
  • Du solltest geübt im Umgang mit WordPress sein
  • Du solltest in der Lage sein, Dateien auf deinem Server zu erstellen, zu verändern und zu löschen (z. B. mit FileZilla)
  • Du benötigst eine Editor für die Codeeingabe. Im Kurs verwenden wir den kostenfreien Editor Notepad++.
  • Du benötigst einen eigenen Computer oder Laptop mit Internetzugang
  • Du brauchst ein fertig installiertes WordPress, um dein Plugin zu erstellen und zu testen
  • Du benötigst keine zusätzlichen oder kostenpflichtige Tools, um den Kurs zu belegen. Es werden ausdrücklich nur kostenfrei zugängliche Tools, Themes & Webseiten verwendet
Description

WordPress ist die ideale Plattform, um auch als Einsteiger schnell, effizient und mit überschaubarem Budget anspruchsvolle Webseiten oder auch Online Shops zu erstellen. WordPress bietet dir aber auch hervorragende Möglichkeiten, deine eigenen Vorstellung durch die Erstellung eines professionellen Plugins umzusetzen. Mit diesem Kurs hast du die Möglichkeit, mir bei der Erstellung eines kompletten Plugins über die Schulter zu schauen. Hierbei wird ausdrücklich nichts geschönt dargestellt, sondern der Weg vom Beginn der Entwicklung bis zur Fertigstellung realistisch und authentisch wieder gegeben. Dabei war es mir wichtig, auch den ein oder anderen kleinen Fehler oder eine falsche Entscheidung nicht heraus zu schneiden, sondern dir vielmehr aufzuzeigen, wie und was man daraus lernen kann und wie man diese Klippen umschifft. Du kannst somit die komplette Erstellung eines WordPress Plugins von Beginn bis zum Ende miterleben, und dies ungekürzt und in deutscher Sprache.

Ziel des Kurses

Nach Abschluss dieses Kurses kannst du selbständig ein komplettes WordPress Plugin entwickeln und realisieren. Es werden keine Lösungen und Programmierbausteine zu bestimmten Fragestellungen entwickelt und aufgezeigt, sondern im Mittelpunkt steht die Umsetzung eines WordPress Plugins von A bis Z. Du erlernst zudem die Fähigkeit, bekannte WordPress Bordmittel für deine Zwecke zu nutzen. Dies sind zum Beispiel die Custom Post Tyes, die Meta Boxen, den jQuery Color Picker, die WordPress Mediathek, die Sternebewertung und den WordPress Shortcode.

Nach diesem Kurs wirst du kein perfekter WordPress Plugin Entwickler sein, aber du wirst zu den wenigen gehören, die ein Plugin von Beginn bis zum Ende entwickelt haben, und du wirst erkennen, dass vieles, was für den toll im Frontend aussieht gar nicht so kompliziert in der Entwicklung ist. Und vor allem baust du dir mit Hilfe dieses Kurses, ein ansehnliches Repertoireö an Tools und Funktionen auf, die dir die Entwicklung von weiteren WordPress Plugins erheblich erleichtern werden.

Who is the target audience?
  • Alle, die grundlegende Erfahrung mit WordPress haben
  • Alle, die schon mal in Berührung mit HTML, CSS und PHP gekommen sind und Basiswissen erlangt haben
  • Alle, die schon mal die ein oder andere Funktion für ihre "functions.php" geschrieben haben und Lust haben, hieraus ein eigenes Plugin zu machen
  • Solltest du schon umfassende Programmierkenntnisse besitzen und schon das ein oder andere Plugin erstellt haben, ist dieser Kurs wahrscheinlich NICHT der richtige für dich
  • Wenn du bisher noch nicht in Berührung mit HTML, CSS oder PHP gekommen bist, ist dieser Kurs wahrscheinlich nicht der richtige für dich
Students Who Viewed This Course Also Viewed
Curriculum For This Course
95 Lectures
14:29:37
+
Ziel des Kurses & Herangehensweise
3 Lectures 27:14

In dieser Lektion lernst du unser fertiges Plugin aus der Sicht des Endbenutzers kennen.

Preview 04:02

Weiter geht es mit dem ferigen Plugin, diesmal aus der Perspektive im WordPress Backend.

Preview 08:59

Ein paar Worte über Grundlagen, verwendete Tools und die weitere Vorgehensweise.

Grundlagen, Tools und Vorgehensweise
14:13
+
Das Grundgerüst unsers Plugins
4 Lectures 22:10

Hier starten wir mit dem praktischen Teil der Plugin Entwicklung, und zwar mit unserem Plugin Header.

Erstellung unseres Plugin Headers
12:20

Code für Plugin Header & Überblick PHP Funktionen und WordPress Hooks
3 pages

Unsere erste Funktion - Der Custom Post Type
09:50

Code für Custom Post Type - Teil 1
1 page
+
Custom Post Type & Meta Box erstellen
7 Lectures 37:00

Nach der Erstellung des Grundgerüstes für den Custom Post Type füllen diese Funktion jetzt mit dem notwendigen Inhalt.

Custom Post Type - Funktion mit Leben füllen
16:01

Code für Custom Post Type - Teil 2
2 pages

Grundlegendes zur WordPress Meta Box.

Die WordPress Meta Box
01:43

Wir erstellen die Meta Box für unser Plugin.

Die Erstellung unserer Meta Box - Teil 1
11:24

Code für unsere Meta Box - Teil 1
3 pages

Wir fahren mit der Erstellung der WordPress Meta Box fort.

Die Erstellung unserer Meta Box - Teil 2
07:52

Code für unsere Meta Box - Teil 2
3 pages
+
Die Meta Box unseres Plugins - Grundlagen, Aufbau & Inhalt
22 Lectures 02:42:37

In dieser Lektion bekommt unsere Meta Box ihren ersten Inhalt.

Preview 06:45

Code für wp_rating.php
3 pages

Jetzt geht es los mit der Erstellung der Eingabemaske für unsere Meta Box.

Unsere Meta-Box - Die Eingabemaske - Teil 1
11:55

Code für wp_rating.php
3 pages

Fortsetzung der Erstellung der Eingabemaske für unsere WordPress Meta Box.

Unsere Meta-Box - Die Eingabemaske - Teil 2
08:02

Code für wp_rating.php
5 pages

In dieser Lektion fügen wir einen Bild-Upload Button hinzu. Dieser führt beim Klicken zur WorPress Mediathek.

Unsere Meta-Box - Der Bild-Upload Button
12:20

Code für wp_rating.php
5 pages

Der Javascript Code für unseren Bild-Upload-Button, Teil 1.

Unsere Meta-Box - Javascript für unseren Button - Teil 1
14:29

Der Javascript Code für unseren Bild-Upload-Button, Teil 2.
Unsere Meta-Box - Javascript für unseren Button - Teil 2
18:42

Code für PHP Datei wp-rating
6 pages

Code für JS Datei admin
2 pages

In dieser Lektion erstellen wir die Pro- und Kontra-Textfelder für unsere Meta Box.

Unsere Meta-Box - Pro und Kontra Textarea
06:56

In diesem Video integrieren wir die Checkbox, um die Sternebewertung zu aktivieren.

Unsere Meta-Box - Checkbox für Sternebewertung
04:50

In diesem Video fügen wir die Eingabe für unsere spätere Bewertung hinzu und du lernst, mit WordPress einen Color-Picker zu erstellen.

Unsere Meta-Box - Bewertungs-Balken und Button-Colo-Picker
19:11

Jetzt erstellen wir die Textfelder für den Button-Link und den Button-Text.

Unsere Meta-Box - Button Text und Button Link
06:34

Code für wp-rating.php
7 pages

Code für color-picker.js
1 page

Nach diesem Video weißt du, wie du die Eingabefelder unserer Meta Box in der WordPress Datenbank speichern kannst.

Unsere Meta-Box - Speichern der Eingaben - Teil 1
09:52

Hier machen wir weiter mit der Speicherung unserer Meta Box Eingaben.

Unsere Meta-Box - Speichern der Eingaben - Teil 2
09:47

Jetzt müssen wir noch die Checkbox auslesen und Speichern. Wie das funktioniert, erfährst du in diesem Video.

Lektion 35: Unsere Meta-Box - Speichern der Checkbox
13:41

Ein paar wichtige Grundlagen und Gedankengänge zur Sicherheit beim Speichern der Informationen in der Datenbank inklusive der entsprechenden Umsetzungen.

Unsere Meta-Box - Sicherheit geht vor
19:33
+
Organisation, Struktur & Dokumentation für unser Plugin
7 Lectures 33:40

Dokumentieren ist unverzichtbar, um den Code auch nach längerer Zeit lesbar zu halten. Dies wird in diesem Video besprochen und umgesetzt.

Dokumentieren nicht vergessen
08:19

Nachdem unser Code nun schon einen gewissen Umfang erreicht hat, wird es Zeit, diesen zu organisieren und zu strukturieren.

Struktur und Übersicht für unser Plugin
10:52

Code für wp-rating.php
1 page

Code für meta-box.php
11 pages

Code für scripts.php
1 page

In diesem Video binden wir weitere Skripte und Styles in unser Plugin ein.

Einbinden weiterer Skripte und Styles
14:29

Code für scripts.php
2 pages
+
Erstellen des Shortcodes für unser Plugin
2 Lectures 27:50

Nach diesem Video kannst du selber Shortcodes für WordPress erstellen.

Wordpress Shortcodes
15:29

Nun sind wir auch in der Lage, den Shortcode für unser Plugin zu erstellen. Wie das funktoniert, lernst du in dieesm Video.

Unser Shortcode [wp_rating]
12:21
+
Der Inhalt unseres Shortcodes und das Design mit CSS
24 Lectures 03:46:56

In diesem Video starten wir damit, für unsere Ausgabe im Frontend ein Design zu erstellen.

Erste Schritte mit CSS
18:48

Zum Nachlesen
1 page

Unser Artikel- / Produktbild wird eingebunden.

Darstellung des Bildes (inkl. Hover-Effekt)
20:00

In diesem Video lernst du, wie du das Gestalten mit CSS vereinfachen und beschleunigen kannst.

Tipps und Tricks für das Arbeiten mit CSS
11:23

Die Ausgabe unserer Pro- und Kontra Textboxen mit einer ungeordneten Liste.

Ungeordnete Pro- und Kontra-Listen
19:58

Die Gestaltung der Listen mit CSS.

CSS Design für die ungeordneten Listen
07:59

In diesem Video starten wir mit dem Herzstück unser Bewertung - dem Bewertungsbalken.

Das Bewertungssystem - Der Bewertungsbalken
16:31

Der Bewertungsbalken bekommt sein Design.

Das Bewertungssystem - Das Design des Bewertungsbalken
19:03

Die Alternative zum Bewertungsbalken, die Sternebwertung. In diesem Video lernst du die "Dashicons" kennen und erfährst, wie wir diese für unsere Sternebewertung verwenden können.

Das Bewertungssystem - Das Konzept der Sternebewertung
09:02

Code für shortcodes.php
6 pages

Code für front.css
7 pages

In dieser Lektion erfolgt die praktische Umsetzung der Sternebewertung.

Das Bewertungssystem - Umsetzung der Sternebewertung
09:57

Dieses Video beschreibt, wie wir die Sterne im Frontend ausgeben können.

Das Bewertungssystem - Ausgabe der Sternebewertung
19:27

Optimierung des Designs der Sternebewertung.

Das Bewertungssystem - Design der Sternebewertung
07:47

Nach diesem Video kannst du einen Button mit HTML erstellen und mit CSS gestalten.

Der Button unserer Bewertung
16:42

Optimierung des Buttons, den wir in der letzten Lektion erstellt haben. Des weiteren erhält der Button jetzt seine ausgewählte Hintergrundfarbe..

Anpassung und Optimierung und Button-Hintergrund-Farbe
14:47

Nach diesem Video kannst du für bestimmen Bereiche (Devision, "div") einen Slider erstellen. Dies erfolgt mit jQuery.

Ein Slider für unsere Bewertung
07:27

Code für shortcodes.php
9 pages

Code für front.css
9 pages

Code für front.js
1 page

Nachdem wir von Beginn an darauf geachtet haben, dass wir unser Plugin mehrsprachig gestalten können, beginnen wir mit den Übersetzungen. Hierfür nutzen wir ein kostenfreies Plugin.

Übersetzung mit Loco Translate
07:28

Übersetzung der einzelnen Inhalte.

Übersetzungen durchführen und speichern
07:42

Jetzt müssen unsere Übersetzungen noch eingebunden werden, damit diese auch im Backend und Frontend angezeigt werden. Wie das funktioniert, erfährst du in diesem Video.

Übersetzungen einbinden und aufrufen
07:46

In diesem Video zeige ich dir, wie du deine Übersetzungen mit Loco Translate anpassen kannst, wenn du dein Plugin erweiterst.

Lektion 68a - Übersetzungen aktualisieren
05:09
+
Der erste Live Test - Fehler korrigieren und Design anpassen
4 Lectures 34:28

In dieser Lektion erfolgt der erste Test unseres Plugins.

Live Test unseres Plugins
15:34

Nach diesem ersten Test erfolgen einigige Anpassungen und Optimierungen.

Anpassungen nach erstem Live Test - Teil 1
04:25

In dieser Lektion fahren wir mit den Anpassungen fort.

Anpassungen nach erstem Live Test - Teil 2
10:11

Aufgrund von CSS-Anpassungen müssen wir unsere Pro-und Kontraspalten tauschen. Dies machen wir in diesem Video.

Spalten tauschen
04:18
+
Einstieg in Responsives Design & Kompatibilität unter Firefix und Chrome
4 Lectures 58:38

Ein erster Einstieg in das responsive Design mit CSS für unser Plugin.

Responsives Design
15:10

Das Testen eines Plugins gehört mit zu den wichtigsten Aufgaben vor der Veröffentlichung, um bisher verborgene Ungereimtheiten oder Fehler zu finden. Dies machen wir in diesem Video.

Testen, Testen, Testen
14:44

Hier beginnen wir mit den Optimierungen, die aufgrund unseres Tests aus der vorigen Lektion erforderlich sind, insbesonder für die Funktionalitäg unter Chrome.

CSS Darstellungsfehler beseitigen und Anpassung an Chrome
14:17

Fortsetzung der Korrekturen aus der letzten Lektion.

CSS Darstellungsfehler beseitigen und Anpassung an Chrome - Teil 2
14:27
+
Dynamisches CSS & Flexboxen zur Optimierung der Darstellung
5 Lectures 01:00:48

Statisches CSS reicht für unsere Wünsche nicht aus. Nach dieser Lekton kannst du deine individuellen Gestltungswünsche mittels dynamischem CSS realisierne.

Individuelles CSS für jede einzelne Bewertung
19:00

Weitere Verbesserungen, um die Darstellung im Frontend zu optimieren.

Abstimmung Chrome und Bildvergrößerung bei Hover
15:52

Basiseinführung in CSS Flexboxen, um den Fluss unserer Div-Elemente zu optimieren.

CSS Flexboxen
11:37

Die praktische Umsetzung der Flexboxen.

CSS Flexboxen - Die Umsetzung
03:32

Durch die endgültige Darstellung mit Hilfe von Flexboxen, können wir abschließend auch unser responsives Design anpassen.

Optimierung des responsiven Designs mit Flexboxen
10:47
2 More Sections
About the Instructor
Ralf Pareigis
4.4 Average rating
28 Reviews
266 Students
3 Courses
Umsetzung von online und offline Strategien

Seit mittlerweile über 5 Jahren unterstütze ich Klein- und mittelständische Unternehmen sowie Privatpersonen bei der Planung und Umsetzung Ihrer online und offline Projekte.

Dabei verfolge ich immer das Ziel, meinem Kunde die Angst vor Neuem zu nehmen und sie dabei zu begleiten, ihr Vorhaben selbst in die Hand zu nehmen, vom Startschuss bis zum Zieleinlauf.

An erster Stelle steht dabei für mich, möglichst schnell den Sprung von der Theorie in die Praxis zu schaffen.

Mein Motto lautet daher: "Einfach machen..."