Anleitung zum Einbinden von selbst erstellten Kopfbildern in der RT- Internetseite (Wordpress)

Transkript

1 Anleitung zum Einbinden von selbst erstellten Kopfbildern in der RT- Internetseite (Wordpress) 1. Kopfbild erstellen (Größe 1000x295 Pixel bei 72dpi) und als JPG ohne Sonderzeichen als Datei speichern. 2. Als Admin in Wordpress einloggen 1 Als Muster im Folgenden verwendetes Kopfbild 3. Falls noch nicht angelegt: Ordner für Kopfbilder wie folgt erstellen: a. Im Menü "Medien" den Menüpunkt "Media File Manager Advanced" auswählen b. Symbol für Ordner mit grünem Pluszeichen anklicken c. Name für Ordner eingeben d. Mit "Submit" den Namen bestätigen Leider läßt sich bei der späteren Auswahl der Bilder diese Ordnerstruktur noch nicht nutzen (Stand ), sie erleichtert aber die Übersicht, wenn man mal später alte Bilder löschen möchte.

2 4. Zum Hochladen des Bilders im Menü auf: "Media"->"Datei hinzufügen" klicken Bild auf Festplatte auswählen und bei gedrückt gehaltener Maustaste auf das Browserfenster in den gestrichelten Bereich "Dateien hierher ziehen" ziehen und dann Maustaste loslassen. Das Bild wird nun hochgeladen und unterhalb des Bereichs aufgelistet mit einem kleinen Vorschaubild. 5. Jetzt im Menü auf "Media"->"Media File Manager Advanced" klicken und im linken Fensterbereich den in Schritt 3. erstellten Ordner doppelklicken 2linkes Fenster und im rechten Fensterbereich den Ordner für das aktuelle Jahr doppelklicken und dann im rechten Fenster den Ordner für den aktuellen Monat als Monatszahl (Bsp. März= 03) doppelklicken. 3rechtes Fenster

3 das neu hochgeladene Bild ist im rechten Fenster zu sehen und kann durch einmaliges Anklicken mit der Maus markiert werden (wird blau hinterlegt),und kann dann durch die schwarzen Pfeile zwischen den beiden Teilbereichen entsprechend der Pfeilrichtung verschoben werden. Also für von Rechts nach Links den unteren Pfeil anklicken. Das Bild wird dann auf der linken Seite sichtbar. 6. Nun muss der sogenannte Slider erstellt werden. Dazu im Menü (links), den Punkt "Revolution Slider" einmal anklicken. Es werden nun die vorhanden Slider mit ihren Bearbeitungsoptionen aufgelistet.

4 7. Als Muster für den ersten selbsterstellten Slider läßt sich der MBC_Default durch Anklicken des gelben Symbols (beim Bewegen der Maus über das Symbol erscheint der Text "Duplizieren" in einem schwarz hinterlegten Kasten bei der Maus) duplizieren. Je nach Anzahl der schon vorhandenen Slider wird der duplizierte Slider (mit Namen "Slider"+fortlaufende Nummer) direkt aufgelistet oder es muss unterhalb der Liste auf die letzte Seite ( ) gegangen werden, um den Slider aufgelistet zu bekommen. 8. Der duplizierte Slider kann nun durch Klick auf "Einstellungen" (grüner Kasten) mit einem neuen Namen versehen werden, so dass man besser weiss, welcher Slider für welche Seite verwendet werden soll. Dazu oben den "Slider Titel" und den "Slider Alias" entsprechend ändern, dann nach unten scrollen um durch Klick auf den grünen Kasten ("Einstellungen speichern") den neuen Namen zu speichern. 9. Nun auf den blauen Kasten ("Slides bearbeiten") anklicken. Es werden nun die zum Slider gehörenden Bilder aufgelistet (im Fall vom MBC_Default sind dies zu Anfang 3 Bilder). Die dort aufgelisteten Bilder werden dann später in einem festen Zeitintervall abwechselnd auf der Homepage dargestellt. 10. Um nun ein einzelnes Bild nur als Kopfbild darzustellen, erstmal alle bis auf eins durch Anklicken des roten Kastens ("Löschen") weglöschen. 11. Das verbliebene Bild nun durch Klick auf den grünen Kasten ("Slide Bearbeiten") zum Bearbeiten aufrufen.

5 Dann nach unten scrollen bis das Bild sichtbar ist und ein blauer Kasten ("Bild ändern") darüber sichtbar ist. Nun auf den blauen Kasten ("Bild ändern") klicken und das neue gewünschte Bild auswählen (vermutlich als erstes ganz oben links zu sehen). Dies durch einmal Anklicken auswählen (es erscheint ein blauer Haken oben rechts am Bild) und unten rechts auf den Blauen Kasten ("Insert") klicken, um das Bild dem Slide hinzuzufügen. Es ist nun in groß sichtbar.

6 Jetzt weiter nach unten scrollen und auf den Grünen Kasten ("Slide aktualisieren") klicken. dann auf den gelben Kasten ("Zur Slide Liste") klicken. Es erscheint nun wieder die vorherige Ansicht mit der Auflistung der Slides. Hier nun einfach auf den gelben Kasten ("Schliessen") anklicken. Bei Bedarf können nun weitere Slider für die nächsten Schritte vorbereitet werden, durch Wiederholen der Punkte 7 bis Um das Kopfbild (den Slider) einer Seite zuzuordnen, muss erst noch eine sogenannte "Sidebar" erstellt werden. a. Hierzu im Menü auf "Design"->"Widgets" klicken. b. Im rechten Fenster sind nun "Sidebars" zu sehen. Hier muss nun durch Klick auf den blauen Kasten "Neue Sidebar erstellen" eine neue erstellt werden. Diese ist dann zu benennen und durch Klick auf den blauen Kasten ("Sidebar erstellen") endgültig anzulegen. c. Nun ist diese neuerstellte Sidebar oben mittig zu sehen.

7 i. Dieser muss nun aus der linken Auflistung der möglichen Widgets der "Revolution Slider" hinzugefügt werden. Dazu den Revolution-Slider gemäß der Anleitung von HMW mit der Maus anklicken und bei gedrückt gehaltener Maustaste in die soeben erstellte Sidebar hineinziehen (und dort die Maustaste loslassen). Es muss mit der Maus ggf. erst nach unten gescrollt werden, um im mittleren Bereich den Revolution Slider sichtbar zu haben. ii. Es werden nun weitere Eingabefelder in der "Sidebar" sichtbar. U.a. kann hier wieder ein "Titel" eingegeben werden, dies ist aber nicht zwingend notwendig. Wichtiger ist im Auswahlmenü "Slider wählen", den in den Punkten 7-11 erstellten Slider auszuwählen und durch Klick auf den blauen Kasten "Speichern" diese Einstellung abzuspeichern. Dieser Schritt ist ggf. für weitere erstellte Slider entsprechend zu wiederholen. 13. Um den Slider nun auf der Seite sichtbar zu machen muss im Menü der Punkt "Seiten"->"Alle Seiten" ausgewählt werden. a. In der Auflistung die Seite heraussuchen, die den Slider bekommen soll

8 b. mit der Maus über den Titel der Seite in der Auflistung gehen, es erscheinen die Punkte Bearbeiten, QuickEdit, Papierkorb und Anschauen c. den Punkt Quickedit auswählen d. bei den nun erscheinenden Eingabefeldern im rechten Bereich bei "Kopfbild/Bildwechsel" im Aufklappmenü die in Punkt 12 erstellte Sidebar auswählen und durch Klick auf den blauen Kasten "Aktualisieren" diese Veränderung speichern. Es sollte nun auf der gewünschten Seite das neue Kopfbild zu sehen sein. Achtung: Dies funktioniert nur bei Seiten, die nicht eins der Attribute: haben. Bei Seiten diesen Typs muss über die benutzerdefinierten Felder ein Feld slider mit dem Shortcode des jeweiligen Sliders angelegt werden: Dazu erst auf Neu eingeben klicken und dann bei Name slider eingeben und den Shortcode des Sliders bei Wert eintragen: Dies ist dann durch Anklicken von Benutzerdefiniertes Feld hinzufügen zu bestätigen.

9 Es sollte nun wie im folgenden Bild zu sehen sein: Nun ist nur noch für die Seite am rechten Rand der blaue Kasten mit Aktualisieren anzuklicken: Der Punkt 13 wäre dann für die anderen erstellten Kopfbilder entsprechend zu wiederholen.