Einführungskurs WordPress

Die Video-Einführungsschulung! Melden Sie sich bei Interesse, dann erhalten Sie Rechte im Schulungsblog.

Themen der Schulung

  • Nach Einwählen in das Schulungsblog und einem Blick in die Umgebung legen Sie eine erste Seite an.
  • Füllen Sie die Seite mit Text, Inhaltsverzeichnis und Bildern in der mittleren Spalte.
  • Definieren Sie, wie die rechte Spalte aussehen soll (spezifisch oder allgemein)
  • Legen Sie Menüs an und weisen Sie Ihre Seiten den Menüs zu.
  • Erstellen Sie Beiträge, weisen Sie Kategorien zu.

So lange wir die Abstandsregeln einhalten müssen, laufen die Schulungen als "Flipped Classroom" und  asynchron, Sie schulen sich selbst per Online-Video, Übungsprojekt und dieser Kursunterlage.

Teilnahmeschein

Sie sind in der Personalentwicklung als Kursteilnehmer gemeldet.

Wir tragen Sie als Redakteur im Schulungsblog ein. Sie schauen sich die Videos an, und wenn Sie eine Teilnahmebescheinigung haben möchten, dann führen Sie alle Übungen in einer eigenen Seite in dem Schulungsprojekt aus und schicken die Adresse Ihrer Seite an webmaster@uni-mainz.de. Wir melden Sie an die Personalentwicklung und von dort erhalten Sie eine Teilnahmebescheinigung. Wenn Sie sich innerhalb von vier Wochen nicht melden, entfernen wir Ihre Übungsseiten und Ihre Rechte auf das Projekt, weil dann der nächste Kurs beginnt.

Überblick über den Ablauf

  1. Falls noch nicht geschehen: Schalten Sie VPN ein!
    Alle Details zur Anmeldung
  2. Öffnen Sie Kursinhalt in Stichworten (Kursmaterial), (das ist dieses Dokument):
    https://www.blogs.uni-mainz.de/wordpress-einfuehrung/
  3. Öffnen Sie das WordPressSchulungsprojekt:
    https://www.blogs.uni-mainz.de/kurs/wp-admin/
    (es öffnet automatisch in einem neuen Tab/Reiter) und melden sich mit Ihrem Benutzernamen an.
  4. Schauen Sie die Videos an:
    https://video.uni-mainz.de/Panopto/Pages/Sessions/List.aspx?folderID=9c411a9d-068f-48ca-a528-ab67008f184e 
  5. Stellen Sie Ihre Fragen in der MS-Teams-Sitzung
  6. Sie wünschen eine Teilnahmebestätigung? Schicken Sie uns die Adresse der fertigen Seite.

Zugang zum Projekt

Bevor ein Anmelden erfolgreich sein kann, benötigen Sie als neuer Redakteur Schreibrechte auf das Projekt.

Übung: Rufen Sie https://account.uni-mainz.de auf, wechseln Sie auf "Benutzerrechte". Prüfen Sie, ob sie vielleicht Verwalter von Rechtegruppen sind.

Mehr zum Importieren von Benutzern

Login

Ganz allgemein: Ergänzen Sie Ihre Blogadresse um /wp-admin . Beispiel:

www.ihrprojekt.uni-mainz.de/wp-admin/

Übung: Melden Sie sich hier am Kursprojekt an (dafür müssen Sie freigeschaltet sein!)

Mehr dazu: Anmelden an der Webseite

Umgebung kennenlernen

Admin-Menüband oben zum Hin-und Herschalten und Neuanlegen von Elementen, Dashboard-Menü für die gesamte Verwaltung der Inhalte.

Oben rechts können Sie die "Ansicht anpassen", damit kontrollieren Sie, welche Einstellmöglichkeiten jeweils auf der Seite sichtbar sein sollen. Bei Willkommen - Profil stellen Sie ein Ihnen angenehmeres Farbschema eins.

Übung: Ändern Sie die Ansicht im Dashboard, so daß der redaktionelle Ansprechpartner sichtbar ist

Mehr dazu: Obere Menüleiste

 

Seiten anlegen

funktioniert über  "+ Neu - Seite " in der Adminbar. Der Titel wird zu einem Teil der Adresse der Seite.

Schreiben Sie in den Titel die Worte, nach denen man suchen würde um Ihre Seite zu finden. (Statt "Willkommen auf unserer Seite" lieber "Institut für x-Wissenschaft"

Übung: Legen Sie eine Seite an, die Ihren Namen als Titel führt. Veröffentlichen Sie die Seite. Der Permalink sollte Ihr Nachname sein, also z.B. für Frau Maier https://www.blogs.uni-mainz.de/kurs/maier

Mehr dazu: Seite erstellen

Wenn Sie Ihre Texte von anderen bekommen, sollten diese möglichst nicht formatiert sein, da Formatierungen beim Übertragen meist verloren gehen.

Übung: Fügen Sie die ersten drei Absätze einer Pressemitteilung auf Ihrer Seite ein. Aktualisieren Sie die Seite

Mehr dazu: Text aus anderen Anwendungen einfügen

Schreiben Sie besonders kurz und einfach auf den Webseiten. Verwenden Sie die Worte, die auch Ihre Zielgruppe verwendet.

Es gibt einige Spezialseiten, wichtigste ist die Sitemap. Wenn Sie eine leere Seite mit diesem Namen anlegen, wird dort der Menübaum des Menüs der linken Spalte angezeigt.

Textstellen hervorheben durch Formatierungen

Ein wenig Formatierung macht aus Ihrer Textwüste ein strukturiertes Dokument. Die wichtigste Formatierung ist die Überschrift, da diese Texte von den Suchmaschinen vorrangig behandelt werden.

Übung: Fügen Sie für jeden der drei Absätze eine Überschrift ein (Klappmenü bei "Absatz")

Mehr dazu: Texteditor und Formatierungen

Inhaltsverzeichnis (der erste Shortcode)

Der gesamte Inhalt der Webseite sollte in einem Rutsch erfassbar sein. Da Sie nicht wissen können, über welches Gerät der Kunde Ihre Seite erreicht (Smartphone, Braille-Zeile, Screenreader) und auch lange Seiten praktisch sind (Ausdruck auf Papier), nutzen Sie den Shortcode für die automatischen Inhaltsverzeichnisse.

Shortcodes sind intelligente Abkürzungen in eckigen Klammern, die meist trickreiche Dinge anstoßen. Dieser Shortcode erzeugt ein Inhaltsverzeichnis [toc] aus allen Überschriften der Seite.

Übung: Fügen Sie im Textmodus

oben an den Anfang Ihrer Seite ein. Aktualisieren Sie und schauen sich die Seite mit "Seite ansehen" an.

Mehr dazu: Inhaltsverzeichnisse

Liste aller Shortcodes: Magie und Tricks in WordPress

Links

Bedenken Sie bei Links im Lauftext, daß der Leser sich immer dafür entscheiden muß, weiterzulesen. Am Ende eines von Links durchsetzten Textes sollte keinesfalls etwas stehen, was ALLE Leser erfassen sollten. Stellen Sie Links daher besser separat in eine Liste ans Ende des Textes.

Der Linktext soll aussagekräftig sein, günstig ist oft die Überschrift der verlinkten Seite. Der Linktext sollte auf der Seite nur einmal vorkommen . Statt "Klicken Sie hier" besser "Aktuelle Mitteilungen aus dem Institut X".

Markieren Sie den zu verlinkenden Text und wählen dann das Icon mit der Kette.

Genauso wie Bilder verlinken Sie auch Dateien in einer Webseite über "Dateien hochladen". Anklickbarer Text der Datei ist dabei der Titel.

Übung: setzen sie 3 Links: 1. einen internen Link (auf die Kontakt-Seite), 2. einen externen Link (aber innerhalb der JGU,  auf die Startseite Ihrer Einrichtung, 3. auf eine externe Seite, z.B. die www.uni-koeln.de. Aktualisieren Sie die Seite und bemerken Sie das "externe-Link-Icon" um den 3. Link!

Mehr dazu: Links setzen

Bilder

Lockern Sie die Textwüste mit einem selbstgemachtem Foto auf.

Sonnenuntergang am Meer als Beispiel für ein Bild

Klicken Sie an die Stelle, an der das Bild erscheinen soll, auf "Dateien hinzufügen" oberhalb der Texteditor-Iconleiste und folgen Sie dem Dialog:

  • Wählen Sie eine möglichst kleine Anzeigegröße (Smartphones).
  • Wählen Sie aus, wie das Bild verlinkt werden soll (Dateianhang Anzeigeneinstellung)
  • Vergeben Sie mindestens den Alternativtext, sonst ist das Bild unverständlich für all die, die sich Webseiten vorlesen lassen müssen.

Übung: Laden Sie ein frei verfügbares Bild hoch, wenn Sie über keines verfügen, verwenden Sie eines aus den Medien im Kursprojekt. Tragen sie Alternativtext, Beschriftung, Bildgröße und die Verlinkung des Bildes ein.

Bildmaterial der JGU

Mehr dazu: Bilder in der Webseite

Beachten Sie Kopierrecht und Persönlichkeitsschutz.

Beiträge

Für alle zeitbezogenen Inhalte nehmen Sie statt der Seite den Beitrag. Dessen Webadresse enthält immer automatisch das Erstellungsdatum. Ansonsten ähneln Beiträge den Seiten sehr. Hier eine Liste der

Unterschiede zwischen Beiträgen und Seiten

  • Adresse Beitrag mit Datum, bei Seiten ohne Datum
  • Kasten mit Schlagworten und Kategorien unter dem Beitrag. Dies fehlt auf der Seite.Gemeinsame Elemente über ALLE Seiten

Bringen Sie Ordnung in Ihre Inhalte, verwenden Sie Schlagworte und Kategorien, pflegen Sie eine Navigationsstruktur mit Hilfe des Customizers.

Mehr dazu: Customizer

Kopf und Customizer: die Webseite anpassen

Da das Layout der Uni vorgegeben  ist, individualisieren Sie Ihre Seite, z.B. mit einem eigenen Kopftext- oder Bild.

Übung: Ändern Sie den Kopf des Schulungsblogs

Mehr zum Anpassen des Seitenkopfes

Schlagworte und Kategorien

Sie können jeder Seite Schlagworte und Kategorien zuweisen. Fangen Sie dabei mit Schlagworten an. Beobachten Sie die Schlagwortliste. Schlagworte, die sehr häufig vorkommen, haben offensichtlich eine hohe Relevanz für ihre Website. Diese Worte könnten Sie dann auch in Kategorien übernehmen, die z.B. einfach als Links in der Navigationsstruktur Verwendung finden könnten.

Der Vorteil dieser Vorgehensweise beim Aufbau Ihrer Webseiten: Sie müssen sich zu Anfang nur wenig Gedanken um die Struktur machen. Diese wächst nach Bedarf mit Ihren Inhalten!

Übung: Legen sie einen Beitrag an, mit Schlagworten und Kategorien und schauen Sie sich den Beitrag dann an. Probieren Sie die Schlagworte und Kategorien in dem Kasten unterhalb Ihres Beitrags aus.

Mehr zu Schlagworten und Kategorien

Menüs

Sobald Sie Ihre zukünftigen Seiten veröffentlich haben (Entwürfe lassen sich keinem Menü zuordnen), bilden Sie mit Ihnen die Navigationsstruktur.

Verwenden Sie  Dashboard  → Design  → Customizer → Menüs (Dort werden Ihre Änderungen erst dann für das Projekt übernommen, wenn Sie auf Veröffentlichen klicken.)

Übung: Seiten dem Menü zuweisen

Klicken Sie auf die Seiten, die in Ihrem Menü auftauchen sollen. Sie tauchen jetzt ganz unten in der Menüliste auf.

Ziehen Sie mit der Maus die Menüpunkte an die gewünschte Stelle, z.B. für einen Unterpunkt rechts unter die Seite, die den Oberpunkt bilden soll.

Mehr dazu: Menüs

Menüs mit Kategorien und Links

In den Menüs können Sie außer den normalen Seiten auch Beitragssammlungen (Kategorien) sowie externe Links einbauen.

Übung: Fügen Sie eine Kategorie dem Kursmenü hinzu

Seiten, die jedes Projekt haben sollte

Index, Kontakt, Suche, Sitemap, sobald es eine Seite mit dieser Überschrift gibt, wird diese oben rechts angezeigt auf jeder Seite und jedem Beitrag

Liste der grundlegend wichtigen Seiten

Widgets

Sobald Sie einige Beiträge mit Kategorien und Schlagworten erstellt haben, können Sie im Dashboard unter Dashboard  → Design  → Customizer → Widgets diese verwalten.

Übung: Fügen Sie eine Liste der neuesten Beiträge in jeder rechten Spalte hinzu, indem Sie über den Customizer - Widgets das Kategorienwidget hinzufügen

Fügen Sie Ihren Kontakt als eigenes HTML-Widget hinzu.

Widgets einschalten

Liste aller Widgets mit Erläuterungen

Die weite Welt der Shortcodes

Sie kennen jetzt schon toc und rechtespalte. Viele Tricks in WordPress sind per Shortcode realisiert. Wenn Sie zum Beispiel alle im Jogustine vorhandenen Veranstaltungen anzeigen lassen wollen, geht das per Shortcode

[jogustine instructor = "Alexander Reinemann"]

Alle Veranstaltungen des ZDV:

[jogustine bereich = "Zentrum für Datenverarbeitung (ZDV)"]

Hier ist wichtig, dass die Schreibweise der Einrichtung genau mit der in Jogustine übereinstimmt.

Übung: Kopieren Sie diesen Shortcode in eine neue Seite und schauen sich die aktuellen Lehrveranstaltungen an

Mehr dazu: Informationen aus Jogustine importieren

Rechte Spalte (Shortcode)

Standardmäßig werden in der rechten Spalte verschiedene Sammlungen Ihrer Beiträge angezeigt. Diese Anzeigeprogramme ("Widgets") können Sie ersetzen durch eine rechte Spalte, die ausschließlich zu Ihrer Seite gehört.

Übung: Dazu schreiben Sie im Textmodus ans Ende Ihres Textes:
[rechtespalte]all dies steht rechts[/rechtespalte]Zusätzlich schalten Sie das Klappmenü Template auf "spezifische rechte Spalte". Nur wenn Sie beides gemacht haben, haben Sie die rechte Spalte dieser Seite jetzt unter Kontrolle und können dort frei Texte und Bilder einfügen.

Mehr dazu: Seitenspezifische rechte Spalte

Weiterführende Themen

Kann man gut gebrauchen, ist aber nicht für jeden relevant:

Beiträge anlegen, aber nicht sofort 🙂

Neue Beiträge können Sie auch für die Zukunft erstellen bei "Veröffentlicht am -  Bearbeiten". Obacht: die Seite ist bis zu dem Zeitpunkt nicht existent!

Seiten ordnen (Eltern)

Falls Sie viele Seiten haben, ist die Übersicht und Auswahl dadurch erschwert. Ordnen Sie in so einem Fall die Seiten den Menüoberpunkt über Attribute - Eltern - Seite zu.

Mehr dazu: Übergeordnete Seite

Dies lassen Sie einstellen

Einige Dinge stellen wir für Sie ein:

Mehr dazu: Administrative Einstellungen

Fragen stellen in der Skype-Konferenz

  1. Sie haben vom der Personalweiterbildung eine E-Mail mit dem Link auf die Konferenz erhalten.
  2. Sie haben
    1. Skype for Business auf Ihrem Rechner,
    2. sind dort auch bereits angemeldet, haben
    3. eine ruhige Arbeitsumgebung und möglichst
    4. ein Headset ( alternativ sind die Kopfhörer eines Smartphones ein guter Ersatz!)
    5. Ihre Internetverbindung ist schnell und sicher
  3. Klicken Sie zum Veranstaltungsbeginn  auf den Konferenzlink.
  4. Das Mikro ist standardmäßig stumm geschaltet. Schalten Sie es ein und begrüßen etwaige vor Ihnen Angekommene 🙂
  5. so lange Sie nichts fragen wollen, schalten Sie ihr Mikro stumm. So können weder Atemgeräusche noch zufällig ins Zimmer gelangende Töne/Stimmen ungewollt den Audiokanal für alle stören.
  6. Stellen Sie Ihre Fragen!