Jump to content

FC Gelsenkirchen-Schalke 04 e.V. (FCS04) Content Management Manual

From Parasol
Revision as of 14:57, 12 October 2017 by Stefan Abendroth (talk | contribs)

Content Management Manual

WordPress Grundlagen

Glossar für Einsteiger

Backend: Nachdem Sie sich bei WordPress eingeloggt haben, befinden Sie sich im Backend. Dies bezeichnet den großen Bereich, der für den herkömmlichen Besucher nicht sichtbar ist, jedoch von Ihnen zur Pflege und Erweiterung der Seite genutzt wird. Der für alle sichtbare Bereich der Seite wird "Frontend" genannt.

Beiträge: Beiträge werden in WordPress häufig für Einträge in Blogs verwendet. Sie können aber auch im Pressebereich Einsatz finden oder aber als Verwaltungssystem für Artikel in einem Onlineshop dienen.

Cache: Eine WordPress-Webseite wird bei jedem Aufruf auf einem umfangreichen Weg errechnet. Dabei wird unter anderem abgefragt, wo welche Widgets liegen, welcher Inhalt verwendet wird, welche Menüeinträge vorhanden sind und ob bzw. wo Formatierungen im Einsatz sind. Um diesen Prozess und damit die Ladezeit einer Webseite zu verkürzen, haben viele Word-Press-Seiten ein Plugin, das einen Cache erstellt.

Entwurf: Sie können Beiträge und Seiten speichern, ohne diese zu veröffentlichen. Dann handelt es sich um einen "Entwurf". WordPress erlaubt Ihnen jederzeit, an dem Entwurf weiterzuarbeiten und beliebig oft zwischenzuspeichern – ideal, wenn Sie an besonders umfangreichem Inhalt arbeiten oder zu Beginn Informationen stückweise aus verschiedenen Quellen heranziehen.

Frontend: Als "Frontend" wird der Bereich der Webseite beschrieben, der für jeden Besucher sichtbar ist. Das Gegenstück dazu ist das Backend, wo Sie Inhalte erstellen oder Einstellungen anpassen.

Kategorie: Eine Kategorie beschreibt eine Hilfe zur Einordnung von Beiträgen in WordPress. Trägt die Webseite dreistellige Einträge, helfen Kategorien, die Übersicht zu behalten.

Mediathek: Als Mediathek wird eine Übersicht von allen Fotos und Videos verstanden, die Sie zu Ihrer WordPress-Webseite hochgeladen haben. Sie nden die Mediathek im Backend mit einem Klick auf "Medien".

Permalinks: Sie können unter WordPress individuell festlegen, wie Seiten-URLs aufgebaut sein sollen. So ist es möglich, dass eine URL mit Datum (z.B. www.meine-webseite.de/monat/tag/beispiel-beitrag) oder der zugeordneten Kategorie (z.B. www.meine-webseite.de/ kategoriename/beispiel-beitrag) ausgestattet wird. Aus Suchmaschinensicht sollten Sie Permalinks nach dem Start der Seite im Idealfall nicht mehr verändern.

Plugin: Plugins erweitern die Funktionsvielfalt einer WordPress-Seite. Sie können unterschiedlichste Aufgaben erfüllen, wie z. B. Besucherzahlen als Statistik bereitstellen, Inhaltsverzeichnisse generieren, Spam-Kommentare filtern oder automatisch Optimierungen für Suchmaschinen vornehmen.

Press This: Unter Press This versteht man eine WordPress-Funktion, mit der Sie beim Surfen einzelne Inhalte automatisch in einen neuen Beitrag als Verweis aufnehmen können. So können Sie schnell besondere Entdeckungen im Web veröffentlichen oder aber einfach als Entwurf sichern.

Theme: Als ein Theme werden die Dateien beschrieben, die für das Aussehen der Webseite sorgen. Häufig werden individuelle Themes angefertigt.

Seite: Anders als ein Beitrag gehört eine Seite nicht zum eigentlichen Blog-Bereich. Sie versteht sich als eigenständiges statisches Element und wird z.B. als Impressum, für Kontakt-Formulare oder aber auch für Startseiten verwendet.

Spam: Viele automatisierte Prozesse durchforsten weltweit Webseiten und versuchen Spam (Kommentare mit Werbung) zu hinterlassen. Viele Spam-Kommentare können gut über WordPress-Plugins gefiltert und automatisch als Spam markiert werden.

Trackback: Werden Inhalte auf Ihrer Webseite von jemandem verlinkt, können Sie ein Trackback erhalten. Hierbei handelt es sich um eine Meldung darüber, wer auf Ihren Inhalt verlinkt. Wie Kommentare können auch Trackbacks freigegeben und damit öffentlich sichtbar, gelöscht oder als Spam markiert werden. QuickEdit: Sie finden im WordPress-Backend bei Inhalten den Link "QuickEdit". Indem Sie diesen anklicken, erhalten Sie die Möglichkeit, einige der Informationen direkt auf der gleichen Seite über einen eingeblendeten Editor zu bearbeiten.


Benutzergruppen / Rollen

Das Redaktionssystem der Schlake-WordPress-Installation unterscheidet in 3 Benutzergruppen. In aufsteigender Reihenfolge sind dies die folgenden:

Der Autor ist ein selbständiger Mitarbeiter, der eigene Beiträge (inklusive Bild-, Audio- und Videomaterial) verfassen und veröffentlichen kann. Er nimmt somit eine wichtige Rolle bei der Beisteuerung von Inhalten wahr, ist aber kein Mitglied des administrativen Teams von Administrator und Redakteur.

Der Redakteur ist der Stellvertreter des Administrators und hat somit sehr umfangreiche Rechte. Er kann Beiträge und Seiten verfassen und veröffentlichen. Er kann die Beiträge von Mitarbeitern veröffentlichen und auch die Beiträge von Autoren verändern.

Der Administrator einer Wordpress Seite kann alles, was auch Redakteure können. Zusätzlich dazu ist er der einzige, der das Aussehen und die Funktionalität des Blogs (Design bzw. Themes, Plugins, Einstellungen etc.) beeinflussen kann.

Login-Bereich

Um das Backend von WordPress zu erreichen, geben Sie www.schalke04.de/wp-login.php in Ihrem Browser ein.

Sie können Ihre Backend-URL zum Beispiel als Lesezeichen im Browser speichern, um sie schneller erreichen zu können. Haben Sie die URL aufgerufen, werden Sie zur Anmeldemaske geleitet. Hier wird nach Ihrem Benutzernamen sowie dem Passwort gefragt.

Sollten Sie eine der beiden Informationen nicht zur Hand oder vergessen haben, klicken Sie auf „Passwort vergessen?“. Hier können Sie eine Anleitung zur Wiederherstellung an Ihre E-Mail-Adresse anfordern. Geben Sie Benutzername und Passwort ein und klicken Sie auf „Anmelden“. Sie werden nun zur Startseite des Backends geleitet und können das WordPress-Dashboard sehen.

Error creating thumbnail: File missing


Die WordPress Oberfläche im Überblick

Das Dashboard

Nach der Anmeldung befinden Sie sich im Dashboard. Hierbei handelt es sich um die Startseite des Backends, die die wichtigsten Informationen zur Seite in Modulen (kleine Informations-Boxen) zusammenfasst. Diese können individuell ein- oder ausgeblendet werden. Zur Basis des Dashboards gehören:


Error creating thumbnail: File missing


  • Schneller Entwurf: Legen Sie im reduzierten Editor Notizen für den nächsten Beitrag ab. Diese werden als Entwurf gespeichert und können später weiter verarbeitet werden.
  • Auf einen Blick: Das Modul zeigt, wie viele Beiträge, Seiten und Kommentare auf Ihrer Webseite zu finden sind und welche WordPress-Version Sie verwenden.
  • Aktivität: Sollte Ihre Webseite von mehreren Personen betreut werden, können Sie unter „Aktivität“ verfolgen, welche Inhalte zuletzt veröffentlicht wurden und wo Besucher Kommentare hinterlassen haben.
  • WordPress-Veranstaltungen und Nachrichten: Dieses Modul informiert Sie über aktuelle Entwicklungen rund um WordPress, liefert aber auch praktische Anleitungen und Tipps.


Um Module anzuzeigen oder zu entfernen, klicken Sie oben rechts auf „Optionen“ und und auf die gewählten Checkboxen. Schon beim Anklicken können Sie erkennen, wie sich das Dashboard verändert.


Neben der Sichtbarkeit können Sie ebenso über die Position bestimmen. Gehen Sie hierfür mit der Maus auf den Titel eines Moduls, der Cursor sollte sich dabei in Pfeile verändern. Nun klicken Sie und ziehen das Modul auf die gewünschte Position. Die gewählte Position wird automatisch übernommen, ohne dass dies extra gespeichert werden muss.


Auf der linken Seite im Backend finden Sie Ihre dauerhafte Orientierung:


  • Das Menü: Mit diesem können Sie Inhalte und Einstellungen von WordPress mit wenigen Klicks erreichen. Die folgende Zusammenfassung wird Ihnen zu Beginn bei der Orientierung helfen:
  • Das Dashboard: liefert eine praktische Zusammenfassung über die aktuellen Aktivitäten der Webseite.
  • Beiträge: Hier können Sie bestehende Beiträge durchsuchen, bearbeiten und neu anzulegen. Daneben können Sie hier Kategorien und Schlagwörter bearbeiten.
  • Medien: Bietet eine Übersicht zu allen Bildern und Videos, die Sie hochgeladen haben. Außerdem können Sie hier weitere Medien hochladen.
  • Seiten: Hier können Sie bestehende Seiten durchsuchen, bearbeiten oder neu anlegen.
  • Kommentare: Unter dieser Funktion haben Sie die Möglichkeit, Kommentare freizugeben, als Spam zu bewerten oder zu löschen.
  • Über Design lässt sich das Theme aktualisieren, aber auch wechseln. Zudem können Sie mit dem Editor Anpassungen im Code vornehmen. Letzteres sollten Sie nur tun, wenn Sie wenn Sie damit vertraut sind. Ein ebenfalls interessanter Bereich sind die Widgets. Dort können Sie die Elemente anpassen, die in der Sidebar der Webseite eingeblendet werden. Zuletzt erlaubt Ihnen der Menüpunkt Design Anordnung und Aufbau des Menüs anzupassen.
  • Plugins erlaubt Ihnen selbige zu installieren, zu (de)aktivieren, zu aktualisieren und zu entfernen. Auch können Sie hier Anpassungen am Code vornehmen. Deaktivieren oder löschen Sie Plugins nur, wenn Sie die damit einhergehenden Auswirkungen kennen. Sind Sie sich unsicher, so legen Sie zuvor ein Backup an oder kontaktieren Sie Parasol Island.
  • Benutzer bietet Ihnen die Möglichkeit, neue Benutzer anzulegen, bestehende zu verwalten und diese zu löschen.
  • Werkzeuge zeigt Ihnen unter „Verfügbare Werkzeuge“ mögliche administrative Anwendungen.
  • Unter „Daten importieren“ sowie „Daten exportieren“ können Sie einen Umzug vorbereiten bzw. durchführen.
  • Einstellungen erlaubt Ihnen zahlreiche Anpassungen rund um Ihre Webseite. So können Sie die Zeitzone auswählen, die Sprache ändern sowie den Aufbau der URL bestimmen. Führen Sie auch hier Anpassungen nur durch, wenn Sie mit den Konsequenzen vertraut sind.


Zusätzlich zu den genannten Menüpunkten kann es einige weitere geben, die Sie im Menü aufgelistet finden. Diese können entweder durch ein Theme oder Plugin hinzugefügt worden sein und erlauben es, z. B. Einstellungen zur Suchmaschinenoptimierung zu steuern oder Besucherzahlen aufzurufen.


WordPress-Tipp: Sie finden auf beinahe jeder Seite im Backend oben rechts den Eintrag „Hilfe“. Durch Klicken darauf erhalten Sie relevante weiterführende Informationen.

Inhalte anlegen

Der Unterschied zwischen Beiträgen und Seiten

Sämtliche Seiten auf Schalke04.de werden i.d.R. einmal initial angelegt und mit entsprechendem Inhalt versehen, also eher für langfristig relevante und selten geänderte Inhalte verwendet - wie z. B. für das Impressum oder eine Start- oder Kontaktseite. Eine Seite besteht überwiegend aus dynamischen Inhalten/Modulen. Eines dieser Module ist das Newscenter, welches Beiträge automatisch in einem dafür vorgesehenen Bereich auf der Seite ausgibt.

Die eigentliche redaktionelle Arbeit der Schalke04.de lässt sich über neue Beiträge steuern. Die Beiträge lassen sich über Kategorien und Schlagwörter sortieren, da sie automatisch nach Veröffentlichungsdatum ausgegeben und Kategorien zugeordnet werden können. Die entsprechende Kategorien sorgen dafür, dass die Beiträge an den richtigen Stellen auf der Seite automatisch ausgegeben werden.

Erstellen eines neuen Beitrags

Aus der Übersichtsseite in Wordpress, auch Dashboard genannt, gehen Sie bitte wie folgt vor:

- Wählen Sie in der Seitenleiste den Menü-Eintrag Beiträge aus.

- Im rechten Bildschirmbereich klicken Sie dann auf die Schaltfläche Erstellen.

Error creating thumbnail: File missing

Um einfach und schnell einen Seitenaufbau zu erstellen, klicken Sie bitte auf das Vorlagen-Icon innerhalb des Visual Composer Moduls.


Hier wählen Sie bitte aus den vordefinierten Standard Templates (Default Templates) das entsprechende Grid Artikelseite aus.

Error creating thumbnail: File missing


- Im nächsten Schritt können Sie einen Titel + Auszug (Kurztext des Artikels) vergeben.

- Der Visual Composer dient dazu, Inhalte auf dem zu erstellenden Beitrag schnell und einfach zu platzieren. Dazu klicken Sie auf das Symbol + drücken und ein passendes Modul auswählen


Error creating thumbnail: File missing



Arbeiten mit dem Visual-Composer

WordPress-Tipp: Wollen Sie eine Formatierung vornehmen, die WordPress nicht im Editor anzeigt, können Sie per Klick auf den Reiter „Text“ den Quellcode des Beitrags betrachten. Hier können Sie Code einfügen und anschließend auf „Visuell“ wechseln, um die Ergebnisse zu sehen.

Um nun den Beitrag fertigzustellen, sollten Sie ihn einer Kategorie zuordnen. Wählen Sie bei den Kategorien Themen statt Jahres- oder Monatsangaben.

Letztere Eigenschaften lassen sich bei WordPress, wenn gewünscht, über das Widget "Archiv" ltern. Haben Sie den Beitrag fertiggestellt, ist er auch schon bereit zur Veröffentlichung. Wählen Sie zuletzt, falls Sie diese verwenden, Schlagwörter aus. Anschließend klicken Sie auf "Veröffentlichen".


Innerhalb des Visual Composers können Sie im Textmodul einen Link einfügen. Dazu markieren Sie das entsprechende Wort im Text und klicken auf das Link-Icon. Mit Klick auf das Zahnrad kann das Link-Ziel, extern oder intern, definiert werden.

Error creating thumbnail: File missing

Dateien / Medien hinzufügen

Für das Hinzufügen von Bildern und Dateien bietet oberhalb des Editors einen Button bzw. ein Symbol.

Zunächst müssen Sie auswählen, wo die Datei "liegt", welche Sie einfügen möchten. WordPress bietet Ihnen drei Möglichkeiten an: Dateien hochladen: Das Bild befindet sich auf Ihrer lokalen Festplatte. Mediathek: Das Bild wurde schon vorher bei einem anderen Beitrag oder über die Mediathek in WordPress hochgeladen und muss nur noch in den Beitrag eingefügt werden. Von URL: Das Bild ist auf einem Server bzw. im Web gespeichert.


Error creating thumbnail: File missing

Haben Sie ein Bild auf Ihrem Rechner gespeichert, das Sie in den Beitrag einfügen möchten, so klicken Sie entweder auf den Button “Dateien auswählen” oder Sie ziehen die Bilder aus einem geöffneten Fenster einfach mit der Maus in den gestrichelten Bereich. Im ersten Fall öffnet sich ein Fenster, in dem Sie die Datei auswählen. “Öffnen” Sie das Bild, um es in WordPress hochzuladen. Dieser Vorgang kann je nach Bildgröße ein Moment dauern.

Nach dem Hochladen des Bildes bekommen Sie ein kleines Vorschaubild angezeigt, den Namen der Datei, die Sie hochgeladen haben, das Format der Datei (Dateityp) und den Zeitpunkt des Hochladens.

Sie müssen nun einen "Titel" für das Bild vergeben. WordPress generiert diesen zwar automatisch, doch empfiehlt es sich dieses sinnvoll zu vergeben.

Im Feld darunter können Sie eine "Bildunterschrift" eingeben.

Im dritten Feld "Alternativtext" geben Sie eine aussagekräftige Bezeichnung ein, denn dies ist der Inhalt des alt-Attributs, das erscheint, wenn das Bild nicht geladen werden kann.

Die “Beschreibung”, die Sie im vierten Feld einfügen können, ist sichtbar, wenn das Bild Teil einer Galerie ist oder auf die Anhang-Seite verlinkt wird.

Darunter befinden Sie die Anzeigeneinstellungen. Legen Sie hier die Ausrichtung, die Verlinkung und die Größe des anzuzeigenden Bildes fest. Soll das Bild verlinkt werden, so müssen Sie unter dem Punkt “Link zur” eine der möglichen Optionen auswählen.

Bei der Option “Benutzerdefinierte URL” können Sie eine eigene URL eingeben. Sie können aber auch die “Medien-Datei” auswählen, wobei die Verlinkung auf die Originaldatei erfolgt oder “Anhang-Seite”, dabei wird auf eine separate Seite verlinkt, die das Bild und evtl. weiteren Text enthält. Selbstverständlich können Sie auch auf eine Verlinkung verzichten, indem Sie die Option “Keine” wählen.

Klicken Sie zum Abschluss auf den Button “In den Beitrag einfügen”.

Möchten Sie ein Bild in Ihren Beitrag einfügen, das bereits in WordPress hochgeladen wurde (Menüpunkt: Medien / Datei hinzufügen), so wählen Sie die Option “Mediathek”.

Error creating thumbnail: File missing

„Titel“ ist der Titel des Bildes und wird auf der Bilddetailseite (nach Klick auf das Image) als Headline angezeigt. Ebenfalls ist dies der Titel wenn das Image heruntergeladen wird o.Ä.. à Bitte wie folgt ausfüllen: JJMMTT_ aussagekräftiges Schlagwort/Schlagwörter

„Beschriftung“ ist ein kurzer Text zur Erklärung auf der „Bilddetailseite“. Hier kann eine Erklärung zum Image hinterlegt werden. à Bitte wie folgt ausfüllen: Bei Personen auf dem Bild den Namen aufführen / Stichpunktartiges Ereignisbeschreibung

"Beschreibung“ ist die Bildunterschrift des Bildes. Diese wird unter dem Image angezeigt. à Bitte wie folgt ausfüllen: sinnvolle Bildunterschrift als Erklärung (diese ist später sichtbar)


Dokumentenbenamung:

„Titel“ ist der Titel des Bildes und wird auf der Bilddetailseite (nach Klick auf das Image) als Headline angezeigt. Ebenfalls ist dies der Titel wenn das Image heruntergeladen wird o.Ä.. à Bitte wie folgt ausfüllen: JJMMTT_ aussagekräftiges Schlagwort/Schlagwörter

„Beschriftung“ ist ein kurzer Text zur Erklärung auf der „Bilddetailseite“. Hier kann eine Erklärung zum Image hinterlegt werden. à Bitte wie folgt ausfüllen: Bei Personen auf dem Bild den Namen aufführen / Stichpunktartiges Ereignisbeschreibung

"Beschreibung“ ist die Bildunterschrift des Bildes. Diese wird unter dem Image angezeigt. à Bitte wie folgt ausfüllen: sinnvolle Bildunterschrift als Erklärung (diese ist später sichtbar)

Inhalte mit Quick-Edit bearbeiten

Das Modul “Schneller Entwurf”, das sich auf dem Dashboard befindet kann genutzt werden um Beiträge oder Ideen dazu “schnell” zu skizzieren. Was fehlt ist ein "vollwertiger" Editor, d. h. Sie haben hier keinerlei Möglichkeit mit Hilfe von Buttons und/ oder Quicktags ihren Text zu formatieren. Auch eine Auswahl der Formatvorlage und der Kategorie ist nicht möglich. Ein so verfasster Beitrag kann nur als Entwurf gespeichert werden. In der Praxis eignet sich dieses Modul dafür schnell eine Beitrags-Idee zu skizzieren, die man zu einem späteren Zeitpunkt überarbeitet bevor man den fertigen Beitrag dann veröffentlicht.

Hinweise zur Inhaltspflege

https://wiki.parasol-island.com/Contentpflege

Seiten anlegen

Eine Seite anlegen / bearbeiten

Da sämtliche Seiten initial angelegten werden und überwiegend aus dynamischen Inhalten bestehen, ist das 'Neu Anlegen' einer Seite nicht erforderlich.

Übersetzungen

>>> TBD asap

Team Mitglieder

Kalender

Match-Center

Spiele

Erstellen

Wettkämpfe

Teams

Saisons

Aufstellungen

Liveticker

Tabellen

Social Media

Marketing / AdServer=

Presse

Behindertenbeauftragte

Hospitality Portal