Die Sprachen des Web kennenlernen und damit ein eigenes WordPress Theme erstellen

WordPress ist das mit Abstand meistverbreitete Content Management System. Rund 28% aller Websites werden damit betrieben. Mit WordPress können Sie auch ohne spezifische Webdesign-Kenntnisse einen ansprechenden Internet-Auftritt erstellen. Ihnen stehen mehr als 4000 kostenlose Design-Vorlagen (Themes) und über 50’000 Plugins zur Erweiterung der Funktionen zur Verfügung. Beim Browser kommen dennoch immer die klassischen Websprachen HTML, CSS und JavaScript an. Ein vertieftes Verständnis dieser Technologien hilft Ihnen nicht nur eine qualifizierte Entscheidung bei der Wahl eines Themes zu treffen, sondern auch dabei, dieses nach Ihren eigenen Vorstellungen anzupassen. Auf Basis eines “nackten”, ungestylten WordPress Themes (undesrcores, _s) erstellen Sie Ihr eigenes WordPress Theme und lernen dabei alle relevanten Sprachen des Web kennen.

Inhalte

  1. Die Sprachen des Web: HTML für die Struktur, CSS für die Darstellung, JavaScript für Formular-Überprüfungen und Berechnungen.
  2. Eine einfache statische “One-Pager”-Webseite erstellen und alle relevanten HTML-Elemente kennenlernen.
  3. CSS zur Gestaltung dieser Seite anwenden.
  4. Mit JavaScript ein PopUp Fenster erstellen und die Formulardaten validieren.
  5. Von statisch zu WordPress:
    1. Client (Browser) und Webserver
    2. PHP & MySQL
    3. WordPress Ordnerstruktur
    4. Statische Seite in ein WordPress Theme umwandeln:
      1. style.css und index.php
      2. index.php aufteilen: header.php, footer.php.
  6. Anpassungen an einem bestehenden Theme vornehmen:
    1. Customizer
    2. HTML und Styles in einem Text-Widget
    3. Child Theme
    4. Demonstration der WordPress Template Hierarchie
  7. Die Anatomie eines WordPress Themes / Die WordPress Template Hierarchie verstehen, WordPress API, Loop
  8. Wir sparen und die nächsten 1000 Stunden und erstellen ein “nacktes Theme” mit underscores.me.
  9. Bausteine für Logo, Navigation, Kommentare, Widgets
  10. Verfeinern mit Templates (für Seiten) und Beitragstypen (inkl. Custom Fields / Taxonomien) und Archivseiten für Beiträge
  11. Featured Image und andere Medien verwalten und darstellen
  12. Funktionen für den Customizer zum individuellen anpassen des Themes ermöglichen
  13. Theme testen und auf wordpress.org veröffentlichen

Zielgruppe

Privat- und Geschäftsanwender, die das Internet als Kommunikationsmedium einsetzen wollen und eine Webseite nicht nur abfüllen, sondern mit allem drum und dran selber erstellen wollen.

Voraussetzungen

Zwingend: Computer-Kenntnisse und Erfahrung im Umgang mit Webbrowser z.B. Chrome oder Firefox.