WP Rig logo
Skip to content

WP Rig

The Progressive Theme Development Rig for WordPress

  • Download
  • Learn
  • Contribute
  • News

Material type: Video

WordPress: Progressive Themes mit WP Rig

Die Aufgabe der functions.php kennenlernen

Instructor: felix.

Jedes WordPress-Theme hat eine functions.php-Datei. Darin werden Features für das Theme aktiviert, wie z.B. Vorschaubilder für Artikel und Artikelrevisionen. Und auch ganz neue Eigenschaften können hier definiert werden.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

Besseren Code schreiben mit ESLint

Instructor: felix.

Mit ESLint können Sie sauberen und übersichtlichen Code schreiben, den auch andere Entwickler leicht lesen und verstehen können. Während der Eingabe erhalten Sie eine Rückmeldung, wie Sie Ihren Code verbessern können.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

JavaScript-Dateien einbinden

Instructor: felix.

JavaScript-Dateien werden mit wp_enqueue_script eingebunden. Zusätzlich können Sie angeben, wann die Datei ausgeführt werden soll. Entweder sofort nach dem Download oder erst nach dem Parsen der kompletten HMTL-Seite.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

JavaScript in WP Rig einfügen

Instructor: felix.

Mit WP Rig können Sie modernes JavaScript nach dem ES2015-Standard schreiben. Babel konvertiert den Code in abwärtskompatibles JavaScript. Diesen Prozess können Sie auch umgehen.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

AMP in WP Rig integrieren

Instructor: felix.

AMP steht für Accelerated Mobile Pages. Die Initiative unter Führung von Google bietet ein Derivat von HTML, um Webseiten möglichst schlank zu halten, damit sie schnell geladen werden können.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

Themes modularisieren: Lazy Loading von Bildern

Instructor: felix.

WP Rig ist modular aufgebaut. Zusätzliche Funktionen wie z.B. ein Slider oder das Lazy Loading von Bildern sind in Modulen organisiert, die Sie leicht von einem Theme zum nächsten kopieren können.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

Optionale Template-Dateien verwenden

Instructor: felix.

Im optional-Unterordner finden Sie eine Reihe von zusätzlichen Template-Dateien, die Sie für Ihr Theme verwenden können. Kopieren Sie sie dazu einfach in den dev-Ordner Ihres WP-Rig-Theme-Ordners.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

Begriffe übersetzbar machen (Internationalisierung)

Instructor: felix.

Mit Hilfe von gettext sorgt WordPress dafür, dass Texte innerhalb von Themes übersetzbar sind. Als Entwickler können Sie dem Übersetzer Kontextinformationen mitgeben.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

Die functions.php ändern

Instructor: felix.

Visual Studio Code hilft mit der Funktionstaste F12 dabei, die Datei und die konkrete Stelle zu finden, an der eine Funktion definiert wird. So können Sie leicht die Codezeile finden, die Sie ändern möchten.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

WordPress: Progressive Themes mit WP Rig

Templates bearbeiten

Instructor: felix.

Mit dem Plug-In Show Current Template können Sie sich anzeigen lassen, welche Dateien an der Ausgabe einer Seite beteiligt sind. Wenn Sie die richtige Datei gefunden haben, können Sie den Code entsprechend ändern.

Sehen Sie den gesamten Kurs kostenlos auf LinkedIn Learning: WordPress: Progressive Themes mit WP Rig.

Posts navigation

Older posts
Newer posts
  • Home
  • Download
  • Learn
  • News
  • Privacy Policy
WP Rig is an open source project originally created by Morten Rand-Hendriksen with the support of LinkedIn Learning. Continuing development of WP Rig is by its contributors. This website is powered by WordPress using the Rig theme built using WP Rig.
Free training for WP Rig provided by: LinkedIn Learning.
Hosting provided by: SiteGround.