Demo Website anlegen

Installation

Die Unterseiten für die Studierenden werden in einer Multisite vorinstalliert. Die Studierenden erhalten Administratorenrechte. Durch die Multisiteumgebung müssen folgende Funktionen immer von der Superadmistratorin (ruth.verena@posteo.de) durchgeführt werden:

  • Aktualisieren von Core, Plugins, Themes, etc.
  • Websites hinzufügen
  • Nutzer hinzufügen
  • Plugins installieren
  • Themes installieren
  • Den Editor für Plugins/Themes nutzen
  • Ungefiltertes HTML verwenden
  • Die Option „Zusätzliches CSS“ im Customizer verwenden

Howto am Beispiel von

https://landuse.soil.uni-freiburg.de/naturschutz-rg1059/

Zielgruppe: Erwachsene, Studierende, wissenschaftlicher Hintergrund
Stichwörter: Umweltschutz, sanfter Tourismus, Taucher

Interesse: Korallenriffe, Klimawandel, Umweltschutz

Ziel: Information, Umdenken, mehr Informationen abholen

Argumente: Zahlen

Typ: Microsite / Blog

Header:

  • Seitentitel
  • Slogan
  • Suche
  • Social Media Links

Navigation:

  • Startseite: Einleitung (Slideshow), Inhalte angeteasert
  • Ökosystemdienstleistungen
  • Schadfaktoren
  • Blog mit Kategorien und Schlagwörtern:
    • Aktionen
    • Berichte
    • Lösungen

Footer:

  • Schlagwörter
  • Datenschutz
  • Impressum

Los geht’s

  1.  In der Bestätigungs-E-Mail den unternen Link anklicken
  2.  Einloggen:
    https://landuse.soil.uni-freiburg.de/[Gruppenname]-[Kürzel]/wp-admin
    Benutzername: Kürzel
    Passwort: ***
  3. Plugins: „Password protected“
    1. aktivieren
    2. Einstellungen: Passwort „landuse2023“ einstellen
    3. Test: Benutzer abmelden, auf die Startseite navigieren (https://landuse.soil.uni-freiburg.de/[Gruppenname]-[Kürzel]), Passwort eingeben
  4. Erneut einloggen: https://landuse.soil.uni-freiburg.de/[Gruppenname]-[Kürzel]/wp-admin
  5. Einstellungen > Allgemein: Titel und Untertitel ändern
  6. Einstellungen > Permalink: auf „Beitragsname“ einstellen, Ausnahme Blog: „Tag und Name“
  7. Beiträge > alle Beiträge: „Hallo Welt!“ in den Papierkorb verschieben
  8. Seiten: „Beispiel-Seite“ in den Papierkorb verschieben
  9. Design > Themes: Theme aktivieren
  10. Design > Menüs: Hauptmenü anlegen, Seiten automatisch hinzufügen, Position „Primary Menu“ zuweisen
  11. Seiten > Erstellen: Titel, Block, veröffentlichen
  12. Veröffentlichen
  13. Beiträge > Kategorien: Neue Kategorie erstellen
  14. Beiträge > Schlagwörter: Neue Schlagwörter erstellen
  15. Design > Widgets: Primary Sidebar leeren, Schlagwörter & Kategorien zum Footer hinzufügen
  16. Beiträge > erstellen
    1. Video
    2. Datei
  17. Beiträge zu Menü hinzufügen:
    1. Seite anlegen
    2. Einleitungstext
    3. Einstellungen > Lesen: „Beitragsseite > Blog“
  18. Startseite anlegen
    1. Seite erstellen
    2. Block hinzufügen > Suchen „Spalten“
    3. Teasertexte einfügen und Buttons verlinken
  19. Einstellungen > Lesen: „Eine statische Seite > Homepage“
  20. Design > Menüs: Startseite entfernen
  21. Slideshow anlegen
    1. Plugins: „Smart Slider 3“ aktivieren
    2. Smartslider > Dashboard
    3. Neues Projekt anlegen: Start with a template, import
    4. Slides editieren
    5. Autoplay aktivieren
  22. Startseite > bearbeiten: Block „Smart Slider 3“ auswählen, Slider auswählen
  23. Design > Customizer: Colors, Header > Navigation Menu, Social Media Links, Header Image
  24. Design > Menüs: Footer Menü anlegen
  25. Seite „Impressum“ & „Datenschutz“ anlegen:
    1.  Impressum: https://datenschutz-generator.de/impressum/?dsgo=free
    2.  Datenschutz: kopieren aus https://landuse.soil.uni-freiburg.de/naturschutz-rg1059/datenschutz/
    3.  Menüpunkte aus Hauptmenü entfernen und Footer Menü hinzufügen
  26. Plugins > Jetpack aktivieren
    1.  Setting up Jetpack
    2.  Plugins > Jetpack > Writing: Widgets aktivieren

Und jetzt?

Eigenes Theme auf https://wordpress.org/themes/ raussuchen.

Auf dem Spielplatz

Benötigte Plugins suchen.

Selbst installieren und ausprobieren könnt ihr das hier:

https://landuse.soil.uni-freiburg.de/spielplatz/wp-admin
Benutzername: Spieler
Passwort: Cex9w!zCFtW$H6Mlrx

Bitte beachten

Ihr werdet euch hier in die Quere kommen.
Alles auf dem Spielplatz wird vor Ende des Moduls gelöscht.
Legt euch für eure Experimente eigene Seiten an.

E-Mail schicken an ruth.verena@posteo.de, damit die von euch benötigten Themes und Plugins auf der Multisite installiert und damit verfügbar werden.

VIEL SPASS!

TIPPS

  • Haltet euch nicht zu lange mit technischen Details auf, ist eine Funktion nicht oder schwer umsetzbar, schreibt es in den Begleittext, allerdings muss ein Versuch ersichtlich sein, kommt ins Tutorat, schreibt … 
  • Legt den Fokus auf Zielgruppe („Zielgruppe da abholen wo sie ist“), Inhalt und Benutzerführung 
  • „What’s next?“ Führt Eure Benutzer durch die Seite.
  • Die Relevanz bestimmt die Reihenfolge.
  • Inhalt der Seite muss „above the fold“ klar werden.
  • „Jeder zusätzliche Klick ist einer zuviel“ – solange die Übersichtlichkeit gewährleistet ist.
  • Alle Seiten (bei dem Inhaltsumfang in diesem Kurs) müssen über ein Menü erreichbar sein.
  • Links müssen sprechend sein. Kein „hier“ verlinken! Wirklich nie!
  • Externe Inhalte kennzeichnen, dazu ist für euch auch ein Modul aktiviert: „WP External Links“ 
  • externe Links im neuen Fenster öffnen lassen
  • Theme auswählen und anpassen, wir wollen sehen, dass ihr euch damit beschäftigt habt
  • Auf Lesbarkeit, Kontraste, passende Schrift- und Farbwahl, einheitliches Foto- / Illustrationskonzept achten!
  • Optische Hervorhebung von wichtigen Inhalten, Platz und Farbe kosten nichts.
  • Wenn ihr Fotos / Illustrationen im Inhaltsbereich verwendet, dann muss immer klar werden, was dort dargestellt ist und wie das Bild im Kontext zum Inhalt steht, z.B. mit Bildunterschriften.
  • einheitliche Bildformate
  • leserliche Grafiken
  • ein Verein braucht immer eine Satzung
  • sucht euch Plugins um mehr Elemente als Text und Bild für die Darstellung eurer Inhalte zu verwenden!
  • Slideshows passen nicht immer
  • Es gibt was dazu im Internet? Bitte verlinken!