WEBVTT 00:00.000 --> 00:12.300 Bevor ich eine eigene Startseite erstelle, zeige ich, aus welchen Elementen eine Startseite 00:12.300 --> 00:13.460 besteht. 00:13.460 --> 00:18.500 Der Header besteht dabei aus einem Menüband, den sogenannten Quick Links mit der Suche, 00:18.500 --> 00:22.220 folgt von der Broadcromen Navigation. 00:22.220 --> 00:25.520 Darunter befindet sich das Seitenlogo mit der Hauptnavigation. 00:25.520 --> 00:31.360 Ab hier spricht man vom Inhaltsbereich der jeweiligen Seite. 00:31.360 --> 00:36.840 Bei Startseiten ist das ein Webseiten-Banner oder ein Beitrags-Slider. 00:36.840 --> 00:41.800 Gefolgt wird dieser von einem optionalen Portalmenü und einem Inhaltsbereich. 00:41.800 --> 00:47.920 Auf dem Template Startseite Fakultät kann man keinen separaten Text festlegen. 00:47.920 --> 00:53.800 Auf der normalen Startseite dagegen hat man die Möglichkeit, einen Text zu hinterlegen. 00:53.800 --> 00:58.520 Unter den Portalmenüs findet man die sogenannte Blogroll. 00:58.520 --> 01:02.760 Hier werden die aktuellsten Nachrichten einer bestimmten Kategorie angezeigt. 01:02.760 --> 01:06.360 Neben der Blogroll findet man die Sidebar. 01:06.360 --> 01:13.640 In der Sidebar hat man eine Anzahl an Freitextfeldern, Ansprechpartnern und Linkblöcken zur Verfügung, 01:13.640 --> 01:14.640 um diese zu gestalten. 01:14.640 --> 01:20.680 In den Freitextfeldern kann man dabei auch Shortcodes einsetzen, die dann diesen Shortcode 01:20.680 --> 01:22.680 zum Beispiel durch einen Kalender ersetzen. 01:22.680 --> 01:29.920 Hier in diesem Beispiel sieht man, wie zwei Buttons eingebunden wurden, ein Ansprechpartner, 01:29.920 --> 01:32.760 zwei Linkblöcke und ein Kalendershortcode. 01:32.760 --> 01:40.760 Am Ende der Startseite gibt es noch optional die Möglichkeit, einen Widget-Bereich zu nutzen, 01:40.760 --> 01:44.080 das zeige ich einmal am Beispiel der Naturwissenschaftlichen Fakultät. 01:44.080 --> 01:50.360 Hier hat man die Möglichkeit, drei Videos zu platzieren oder auch andere Inhalte zu platzieren 01:50.360 --> 01:51.640 und nochmal zu präsentieren. 01:51.640 --> 01:57.600 Zusätzlich besteht auch die Möglichkeit, ein zweites Portalmenü oder das Portalmenü 01:57.600 --> 01:59.600 oben unten auszugeben. 01:59.600 --> 02:06.480 Das heißt, diese Portalmenüs kann man auch am unteren Inhaltsbereich natürlich einsetzen. 02:06.480 --> 02:15.560 In der Fußleiste der Webseite sieht man einmal das Logo der FAU, man sieht die Adresse, man 02:15.560 --> 02:20.600 hat ein weiteres Menü für die rechtlichen Pflichttexte und das Social Media Menü, das 02:20.600 --> 02:25.800 hier nochmal die Möglichkeit gibt, auf bestimmte externe Social Media Kanäle zu verlinken. 02:25.800 --> 02:34.320 Aktuell sieht man auf der Seite zwar eine Startseite, allerdings ist das keine statische 02:34.320 --> 02:37.200 Seite, sondern eine dynamisch generierte Startseite. 02:37.200 --> 02:43.280 Um dieses Problem zu lösen, beginne ich damit eine eigene Startseite zu erstellen, auf 02:43.280 --> 02:45.280 der ich dann auch die Inhalte anpassen kann. 02:45.280 --> 02:50.520 Hierfür klicke ich in der Admin-Leiste auf Neu, Seite. 02:50.520 --> 02:54.760 Es öffnet sich eine Eingabemaske. 02:54.760 --> 03:01.960 Unter Titel hier eingeben gebe ich jetzt meinen Seitentitel ein, zum Beispiel Leerstuhl für 03:01.960 --> 03:02.960 Muster. 03:02.960 --> 03:07.720 Im Anschluss kann ich im Editor einen Text hinterlegen. 03:07.720 --> 03:13.720 Wenn ich Texte in den Editor kopiere, wechsle ich vorher auf den Textmodus, damit ich keine 03:13.720 --> 03:18.280 unnötigen HTML-Elemente mit aus meinem Textprogramm herauskopiere. 03:18.280 --> 03:25.040 Im visuellen Editor kann ich im Anschluss bestimmte Phrasen des Textes markieren und 03:25.040 --> 03:31.080 fetten oder andere Phrasen zum Beispiel verlinken, indem ich einfach auf das Linksymbol hier 03:31.080 --> 03:34.480 oben klicke und einen entsprechenden Link eingebe. 03:34.480 --> 03:44.880 Ich habe auch die Möglichkeit, eine Überschrift einzufügen oder eine Zwischenüberschrift 03:44.880 --> 03:51.040 um diese entsprechend zu markieren und dann zum Beispiel auf Überschriftsebene 2 zu wechseln. 03:51.040 --> 03:59.160 Wenn ich zufrieden bin, kann ich hier unter Seitenattribute am Rand unter dem Template 03:59.160 --> 04:02.720 jetzt das Template Startseite wählen. 04:02.720 --> 04:07.040 Es gibt zwar auch das Template Startseite Fakultät, aber in diesem ersten Schritt werde 04:07.040 --> 04:11.560 ich das Template Startseite verwenden, da ich noch keine Beiträge angelegt habe. 04:11.560 --> 04:17.960 Im Anschluss veröffentliche ich die Inhaltsseite. 04:17.960 --> 04:22.760 Im Anschluss kann ich über Seite Ansehen diese Inhaltsseite betrachten. 04:22.760 --> 04:29.680 Damit diese Seite jetzt auch meine richtige Startseite wird, muss ich noch einen weiteren 04:29.680 --> 04:30.680 Schritt erledigen. 04:30.680 --> 04:37.960 Im Customizer navigiere ich jetzt auf den Punkt Homepage-Einstellungen. 04:37.960 --> 04:45.160 Hier wechsle ich jetzt auf eine statische Seite. 04:45.160 --> 04:51.720 Unter Homepage wähle ich jetzt die angelegte Seite aus. 04:51.720 --> 04:56.880 Im Anschluss veröffentliche ich die Änderung im Customizer. 04:56.880 --> 05:02.360 Zur Erinnerung, falls ihr planen steht, auf den Zahnrad kann man auf den modus Veröffentlichen 05:02.360 --> 05:03.360 wechseln. 05:03.360 --> 05:11.520 Wenn ich jetzt einen Customizer schließe und meine Seite aufrufe, lande ich mit der 05:11.520 --> 05:15.680 URL automatisch auf diese angelegten Inhaltsseite. 05:15.680 --> 05:23.240 Um die Startseite jetzt weiter aufzuhübschen, kann ich auch Ansprechpartner festlegen bzw. 05:23.240 --> 05:24.240 anlegen. 05:24.240 --> 05:30.880 Hierfür navigiere ich zuerst in mein Dashboard. 05:30.880 --> 05:38.480 Im Reiter Plugins aktiviere ich jetzt das Plugin FAU Person. 05:38.480 --> 05:45.600 Im Anschluss finde ich einen neuen Reiter in der linken Admin-Menüleiste. 05:45.600 --> 05:49.960 Unter Kontakte klicke ich jetzt Neuer Kontakt. 05:49.960 --> 05:52.560 Hier kann ich einen Kontakt hinzufügen. 05:52.560 --> 05:58.200 Nachdem ich einen Titel vergeben habe für meinen Kontakt, das muss nicht unbedingt 05:58.200 --> 06:03.400 der Name des Kontakts selbst sein, kann ich unter Metadaten zum Kontakt auswählen, um 06:03.400 --> 06:05.280 was für einen Eintrag es sich handelt. 06:05.280 --> 06:13.120 Unter Univis ID habe ich jetzt die Möglichkeit die Univis ID zu hinterlegen, damit Informationen 06:13.120 --> 06:17.560 aus dem Univis System automatisch für diese Inhaltsseite übernommen werden. 06:17.560 --> 06:25.160 Hierfür öffne ich Univis ID suchen mit einem Rechtsklick Link in neuem Tab öffnen. 06:25.160 --> 06:35.560 Ich kann hier nach Vor- und Nachname suchen und im Anschluss die Univis ID kopieren für 06:35.560 --> 06:38.560 den Kontakt. 06:38.560 --> 06:48.000 Ich füge die Univis ID ein, mache einen Haken bei Univis Daten verwenden und veröffentliche 06:48.000 --> 06:50.600 einen Kontakteintrag. 06:50.600 --> 06:57.880 Im Anschluss habe ich die Möglichkeit den Kontakteintrag weiter zu verfeinern. 06:57.880 --> 07:05.200 Da ich mit diesen rudimentären Angaben erst einmal zufrieden bin, kann ich noch unter 07:05.200 --> 07:09.040 Beitragsbild ein entsprechendes Bild hinterlegen, falls ich das möchte. 07:09.040 --> 07:15.400 Hierfür kann ich eine Datei auswählen und kann ein Beitragsbild hinterlegen. 07:15.400 --> 07:21.600 Da ich gerade kein Beitragsbild zur Verfügung habe, wähle ich einfach ein anderes wahlloses 07:21.600 --> 07:22.920 Bild aus der Mediathek. 07:22.920 --> 07:28.640 Unter Kategorien lege ich mir jetzt noch eine neue Kategorie an. 07:28.640 --> 07:33.520 Das ist praktisch, wenn man später viele Kontakte einer bestimmten Personengruppe an 07:33.520 --> 07:35.760 einer Stelle der Webseite ausgeben möchte. 07:35.760 --> 07:42.000 In meinem Fall kann ich zum Beispiel eine Kategorie Verwaltung oder zum Beispiel Support 07:42.000 --> 07:43.000 anlegen. 07:43.000 --> 07:50.480 Ich erstelle die Kategorie Aktualisieren, das Beitragsbild und die Kategorien mit dem 07:50.480 --> 07:54.200 Button Aktualisieren und kann mir jetzt den Kontakt ansehen. 07:54.200 --> 07:58.920 Aktuell gibt es hier noch einen Fehler. 07:58.920 --> 08:04.680 Diesen Fehler kann ich beheben, indem ich unter Einstellungen per Malinks einmal die 08:04.680 --> 08:05.960 Änderungen speichere. 08:05.960 --> 08:11.360 Auf dem CMS-System sollte dieser Fehler in der Regel nicht auftreten. 08:11.360 --> 08:16.680 Im Anschluss kann ich wieder auf meine Startseite navigieren. 08:16.680 --> 08:22.640 Unter Seite bearbeiten kann ich jetzt in der Sidebar einen Ansprechpartner hinterlegen. 08:22.640 --> 08:29.920 Ich wähle den Ansprechpartner aus und kann theoretisch durchhalten der Shift-Taste auch 08:29.920 --> 08:32.320 mehrere Ansprechpartner hier hinterlegen. 08:32.320 --> 08:38.080 Da ich nur einen Kontakt angelegt habe, werde ich diesen hier auswählen und anschließend 08:38.080 --> 08:39.080 Aktualisieren. 08:39.080 --> 08:47.000 Die Startseite enthält jetzt eine Sidebar mit dem Kontakt und den Kontaktinformationen. 08:47.000 --> 08:54.680 Ich habe die Möglichkeit, das Beitragsbild bzw. das Bild des Kontaktes noch weiter anzupassen. 08:54.680 --> 08:58.040 Wieviel navigiere ich erneut ins Dashboard? 08:58.040 --> 09:08.720 Unter Einstellungen FAU-Person im Reiter Erweiterte Einstellungen habe ich die Möglichkeit, die 09:08.720 --> 09:11.680 Bilder und die Bildgrößen einzustellen. 09:11.680 --> 09:18.040 So kann ich hier zwischen verschiedenen Bildgrößen in diesen drei Reitern wählen. 09:18.040 --> 09:23.840 Meine Empfehlung, probieren Sie einfach ein paar Darstellungen aus. 09:23.840 --> 09:29.760 Idealerweise wechselt man hier nur zwischen Klein, Mittel und Groß und kann dann sich 09:29.760 --> 09:32.640 das Ganze anschauen im Frontend, wie das ausschaut. 09:32.640 --> 09:38.840 Im Anschluss natürlich Änderungen speichern nicht vergessen. 09:38.840 --> 09:44.400 Im Reiter Sidebar Kontakte hat man übrigens die Möglichkeit, für die Sidebar und die 09:44.400 --> 09:47.360 Kontaktansprechpartner bestimmte Elemente auszublenden. 09:47.360 --> 09:54.400 Wenn ich hier z.B. das Bild deaktiviere und die Änderungen speichere, sehe ich auf der 09:54.400 --> 09:57.240 Startseite, dass das Bild verschwunden ist. 09:57.240 --> 10:05.080 Ich habe auch die Möglichkeit, andere Positionen zu löschen, z.B. kann ich die Adresse entfernen, 10:05.080 --> 10:06.720 indem ich den Haken entferne. 10:06.720 --> 10:12.800 Nach dem Aktualisieren kann ich sehen, dass die Adresse verschwunden ist. 10:12.800 --> 10:17.760 Das ist eine der vielen Möglichkeiten, um die Ansprechpartner der Sidebar anzupassen. 10:17.760 --> 10:23.680 In einem nächsten Schritt möchte ich noch weitere hilfreiche Links in der Sidebar verlinken. 10:23.680 --> 10:27.920 Neu öffne ich Seite Bearbeiten, während ich mich auf der Startseite befinde. 10:27.920 --> 10:34.520 Im Reiter Sidebar kann ich jetzt noch weitere Inhalte vergeben. 10:34.520 --> 10:47.520 Ich kann auch Linkblöcke hinzufügen und ich habe auch hier unten die Möglichkeit, 10:47.520 --> 10:52.640 einen zweiten Textblock entsprechend zu hinterlegen. 10:52.640 --> 11:00.240 Nachdem ich zufrieden bin, kann ich das Ganze aktualisieren. 11:00.240 --> 11:06.520 Wenn ich die Seite jetzt betrachte, sehe ich auch schon, dass die Sidebar entsprechend 11:06.520 --> 11:07.520 ergänzt wurde. 11:07.520 --> 11:14.960 Statt den Textinhalten, die man hier sieht, kann man auch in diese Freitextfelder Shortcodes 11:14.960 --> 11:18.920 einsetzen, um z.B. ein Kalendershortcode einzufügen. 11:18.920 --> 11:26.240 hardships of Revitational.