In diesem zweiten Teil für den Tipp der Woche geht es um das Erstellen von Kontaktkarten,
das heißt, wie man das hier sieht.
Ich werde also zeigen, wie man mehrere Kontaktkarten erstellt und wenn man dort draufklickt, dann
sieht man auch weitere Informationen.
Wenn man nur den Namen vergibt, dann sieht man natürlich nur den Namen.
Das heißt, Sie können hier auch weitere Texte zum Beispiel hinzufügen über die Person.
Das können Sie sich dann überlegen, ob Sie das machen möchten oder nicht.
Damit Sie auf dem gleichen Stand sind, sollten Sie zuerst das Plugin FAU-Person aktivieren,
falls Sie das noch nicht gemacht haben.
Wenn Sie hier links diesen Reiter Kontakte sehen, also hier Kontakte, dann ist das Plugin
bei Ihnen schon aktiv und Sie müssen sich nicht weiter kümmern.
Ansonsten klicken Sie auf Plugins und suchen dann in der Liste einfach nach Person und
können das dann gegebenenfalls noch aktivieren.
Nachdem das Plugin aktiv ist, wechsle ich in den Reiter Kontakte und erstelle einen
neuen Kontakt.
Vergebe dann einen Namen für den Kontakt, zum Beispiel irgendeinen ausgedachten Namen
und vergebe dann hier unter Vorname den gleichen Namen.
In meinem Beispiel möchte ich einfach nur das Team einer FSI, quasi einer Fachschaftsinitiative
erstellen und da ist das Ganze etwas informeller.
Man kann hier natürlich auch noch ein Text vergeben.
Einen Text für den Kontakt, wenn man das möchte – für meine Zwecke brauche ich
das eigentlich gar nicht, deshalb lasse ich das vielleicht sogar leer.
Ich lasse jetzt mal diesen BeispielTake einfach drin stehen, damit Sie das später sehen.
Sie haben hier natürlich auch wahnsinnig viele weitere Möglichkeiten um den Kontakt
zu erweitern, zum Beispiel Social Media können sie hinterlegen oder auch andere Dinge.
Sie können das je nach Bedarf dann einfach ausfüllen oder eben leer lassen.
Sie haben auch die Möglichkeit Univest Daten zu verwenden, dass heißt hier die entsprechende
Univest ID einzugeben, da gibt es auch diesen Link wenn Sie den mit der mittleren Maustaste
Dann können Sie nach einem Kontakt suchen Und Vornamen Nachnamen eingeben
Hier unten wird dann die Person ausgespuckt Wenn ich meinen Namen hier eingebe
Nach mir suche, dann finde ich hier auch den passenden Eintrag und eine sprechen die
Idee, die ich nutzen kann Wenn ich das gemacht habe, die id hier einfüge
und einen Over entschieden habe Dann werden meine Kontaktinformationen
aus Univis in den Kontakt exceptions gleich übernommen
Im Anschluss müsste man dann kurz veröffentlichen und dann gegebenenfalls noch weiter anpassen.
Der nächste wichtige Schritt ist, erstmal das Kontaktbild festzulegen und das funktioniert
über diesen Reiter Beitragsbild.
Der befindet sich meistens in der rechten Spalte hier unten und man kann dann hier einfach
auf Beitragsbild festlegen klicken.
Im Anschluss öffne ich meinen Datei Explorer und wähle das gewünschte Bild aus und ziehe
es einfach hinein.
Das Bild wird dann in die Mediathek geladen und ich kann es dann auswählen, sehe es ist
schon optimiert, wie man das im ersten Teil gemacht hat mit Gimp und kann es dann hier
für das Beitragsbild festlegen.
Ich habe auch die Möglichkeit hier oben eine Kategorie noch zu vergeben, das heißt unter
Kategorien könnte ich jetzt eine neue Kategorie erstellen, fsi, Muster, nenne ich meine Kategorie
jetzt einfach und wenn die erstellt wurde, dann wird diesem Beitrag auch diese Kategorie
zugeordnet.
Weshalb ist die Kategorie so praktisch?
Sie werden sehen, dass Sie später nur einen Shortcode brauchen, der diese Kategorie beinhaltet
und der spuckt dann alle Kontakte aus die in der FSIMusters sind, also, in dieser Kategorie
liegen.
Ich veröffentliche jetzt einmal und kann dann auf Kontakt ansehen klicken.
Ich sehe hier ist mein quadratisches Bild, was ich vorher eben zugeschnitten hatte, der
Text und der Name des Kontakts.
Ich wiederhole das jetzt im Schnelldurchlauf und zwar klicke ich hierfür auf Neu, Kontakt.
Die Kontaktübersicht öffnet sich und ich kann anfangen einen Namen zu vergeben und
dann ein Bild auszuwählen, das Bild hinein zu ziehen und als Beitragsbild festzulegen
hier unten rechts, die Kategorie auszuwählen, FSI Muster in meinem Beispiel und das ganze
dann über den Button Veröffentlichen zu veröffentlichen.
Einen Schritt habe ich vergessen, ich muss auch bei Vorname am besten gleich noch den
Namen vergeben.
Theoretisch würde es auch ohne funktionieren, aber besser ist es.
Ich wiederhole es erneut, Neu, Kontakt, einen Namen hinterlegen, ein Vornamen hinterlegen,
ein Beitragsbild auswählen, auf die Seite ziehen, das Beitragsbild festlegen, die Kategorie
auswählen und veröffentlichen.
Und noch ein letztes Mal kann ich das ganze wiederholen, Neu, Kontakt, den Namen vergeben,
gegebenenfalls ein Vornamen, ein Beitragsbild hineinziehen und das Beitragsbild festlegen,
die Kategorie auswählen, zum Beispiel FSI Muster und das ganze veröffentlichen.
Jetzt werden Sie sich vielleicht fragen, das ist schön und gut, aber Sie haben vielleicht
schon 10 Kontakte angelegt in der Vergangenheit und Sie möchten jetzt nicht jeden Kontakt
einzeln auswählen und diese Kategorie zuweisen.
Also manchmal hat man zum Beispiel schon eine große Sammlung, 100 Kontakte in seiner Übersicht
und hat aber vergessen, damals Kategorien für diese festzulegen.
Wie macht man das in diesem Fall?
In diesem Fall klickt man hier unter Kontakte auf Kategorien.
Im Anschluss öffnet sich die Kategorie Übersicht und man hat die Möglichkeit hier eine neue
Kategorie, zum Beispiel Mitarbeiter, anzulegen.
Wenn ich hier also Mitarbeiter schreibe und diese Kategorie einfach erstelle, dann wird
mir diese hier in dieser Liste einfach mit angelegt.
Und um jetzt Kontakte dieser Kategorie zuzuweisen, kann ich auf alle Kontakte klicken.
Ich finde dann die Kontakteübersicht und habe jetzt die Möglichkeit, erstmal die benötigten
Kontakte auszuwählen, die dieser Kategorie zugewiesen werden sollen.
Also hier wähle ich vielleicht die Kontakte, die wir eben erstellt haben und diese zwei
Kontakte aus, zusammen mit ein paar weiteren.
Und nachdem ich diese eben ausgewählt habe, klicke ich dann hier oben einfach auf Bearbeiten
und übernehmen.
Es öffnet sich dann das Fenster für Mehrfachbearbeitung und ich habe jetzt hier einen Reiter Kategorien,
der es mir ermöglicht, die gewünschte Kategorie für all diese Einträge auszuwählen.
Ich kann zum Beispiel sagen, diese Einträge sollen alle der Kategorie Mitarbeiter zugehörig
sein.
Achten Sie auch darauf, dass sie sich hier nicht verklicken, da es wesentlich schwieriger
ist, diese Änderung, die Kategorie wieder wegzunehmen.
Das heißt, ich möchte, dass diese Kontakte jetzt alle der Kategorie Mitarbeiter zugehörig
sind und vielleicht auch der FSI Muster.
Im Anschluss klicke ich auf Aktualisieren und meine Kontakte haben ab sofort die beiden
Kategorien.
Man sieht hier oben auch nochmal, wie viele Kontakte angepasst wurden.
In einem nächsten Schritt möchte ich jetzt diese Kontakte auch auf meiner Inhaltsseite
ausgeben und dafür gibt es ein ganz eigenes Format.
Das heißt, erst einmal wechsle ich auf meine Inhaltsseite, klicke auf Seite bearbeiten
und entferne gegebenenfalls den Content erst einmal.
Das ganze sieht nämlich so aus, dass man hier erstmal schreibt Kontakt, dann die Kategorie,
das ist bei mir FSI Muster und dann könnte man auch noch ein Format schreiben.
Erstmal, wie schaut das denn aus, wenn ich das jetzt nur so mache?
Also Kontakt, Kategorie und dann zum Beispiel die Kategorie Muster.
Wenn ich das jetzt mal aktualisiere und mir dann in einem neuen Tab anschaue, dann sehe
ich, dass alle Kontakte hier ausgespuckt wurden, aber das sieht sehr unschön aus, man kann
hier schon sehen.
Ja gut, manche Kontakteinträge haben jetzt Namen und Informationen, andere haben natürlich
keine Informationen.
Für die FSI möchte ich vielleicht nur die Bilder zeigen und einfach der Name und vielleicht
eine E-Mail Adresse von diesem Kontakt und da ist natürlich die Frage, wie macht man
das?
Und hier zeige ich Ihnen jetzt einmal auf unseren Anleitungsseiten ein paar Vorlagen,
die Sie auch einfach rauskopieren können.
Und zwar unter Plugins, Person gibt es einen kleinen Unterbereich, eine Kontaktübersicht
anlegen.
Und hier haben Sie mehrere Vorschläge, wie so eine Übersicht aussehen könnte.
Zum Beispiel gibt es hier Kontaktübersicht A und wenn ich mir das mal rauskopieren würde
hier unten und auf meine Inhaltsseite im Textmodus wieder hineinfüge, wichtig ist im Textmodus
rein kopieren, dann können Sie eigentlich gar nichts falsch machen.
Dann passe ich noch meine Kategorie an, also ändere das auf FSI Muster und klicke mal
auf Aktualisieren, um das mal im Vergleich zu sehen, wie das dann ausschauen würde.
Dann sehe ich hier, dass das ganz schon etwas anders ausschaut.
Allerdings können wir jetzt hier sehen, dass die Bilder in diesem Beispiel noch relativ
klein sind.
Wenn man die größer darstellen möchte, dann muss man dazu die Einstellungen Plugin
ändern und das machen wir jetzt gleich im nächsten Schritt.
Das heißt unter Dashboard navigiere ich einmal zum Punkt Einstellungen und dann zum Punkt
FAU Person.
In diesen Einstellungsseiten hat man einmal die Möglichkeit, alle Kontakte, also die Darstellung
der Kontakte in der Sidebar anzupassen.
Zum Beispiel, ob man die Bilder mit ausgeben möchte in der Sidebar etc.
Das heißt immer wenn Sie in der Sidebar einen Ansprechpartner auswählen, dann steuert dieser
Reiter hier Sidebar Kontakte, wie das ausschaut.
Das heißt, wenn Sie hier Anpassungen machen, dann einfach auf Änderungen speichern am
Ende hier unten klicken, damit es wirksam wird.
Viel interessanter ist die Funktion erweiterte Einstellungen und hier gibt es nämlich die
Möglichkeit, die Größe der Personenkarten und Thumbnails etwas anzupassen.
Zum Beispiel für die Personenkarten mit dem Format Card, dazu gleich mehr.
Wenn ich also jetzt hier von klein vielleicht einmal auf Mittel oder Groß stelle und das
mal aktualisiere, dann sollten sich jetzt auch auf meiner Inhaltsseite die Bilder etwas
anpassen.
Man sieht, die sind schon größer geworden.
Auch bei den Kontaktseiten, das heißt wenn ich auf einem Kontakt drauf bin, kann ich
etwas justieren und das zum Beispiel größer machen.
Das heißt auch dieses Bild wird dann größer dargestellt.
Das ist natürlich immer eine Frage, wie groß soll das Bild sein?
Das können Sie selbst entscheiden, wie Ihnen das am besten gefällt, wie Sie das am seriösesten
finden.
Auf den Anleitungsseiten gibt es natürlich auch andere Darstellungsmöglichkeiten, wie
hier.
Ich habe hier eine sehr lange Liste, damit das hier ausschaut, wie hier oben zum Beispiel.
Wenn ich mir das auch mal auf meine Beispielseite hier reinkopiere und einfach mal aktualisiere,
also vorher die Kategorie natürlich wieder anpasse, damit das auch ausgeben kann und
dann aktualisiere, dann sollte ich jetzt eine ähnliche Darstellung sehen, wie auf der Anleitungseite.
Also ich öffne das wieder in einem neuen Tab und sehe dann auch hier, dass die Kontakte,
die ein Bild besitzen, schön groß dargestellt werden.
Jetzt kann ich sagen, ok, jetzt sind hier noch diese zwei Kontakte ohne Bild, die will ich
vielleicht gar nicht anzeigen, dann kann ich hier draufklicken, Kontakt bearbeiten und
die Kategorie entfernen, zum Beispiel FSI Muster entfernen und aktualisieren.
Das gleiche kann ich auch hier unten mit dem zweiten Kontakt wiederholen, Kontakt bearbeiten
und auch hier die Kategorie natürlich rausnehmen.
Und wenn ich jetzt zum Beispiel die Seite aktualisieren würde, dann verschwinden auch
diese Einträge.
Ich sehe dann nur noch die Einträge, die ich eben angelegt hatte.
Das ist aber immer noch nicht die Darstellung, die ich Ihnen heute zeigen möchte.
Die Darstellung, die ich ganz nett finde für zum Beispiel eine FSI Seite, sind diese runden
Kontakt Einträge.
Und zwar gibt es auch hier ein Beispiel, wenn ich das mal rauskopiere und hier einfüge,
und die Kategorie anpasse zu FSI Muster, dann sieht man schon, dass jetzt alle Einträge
erstmal in Kontaktkarten ausgegeben werden, also wie hier.
Man kann hier dann auch noch nachjustieren, zum Beispiel kann man in den Einstellungen
hier ja auch die Größe dieser Personenkarten anpassen.
Zum Beispiel kann man sie auf Groß stellen, die Änderungen speichern und dann sollten
diese Karten größer sein.
Also dann hat man zum Beispiel hier schöne große Einträge von seinen Kontakten.
Sie haben heute also relativ viele kleine Tipps und Tricks gelernt, wie Sie Ihre Kontakte
etwas besser organisieren können.
Sie haben auch gesehen, dass Sie über die Einstellungsseite, also über Einstellungen
in FAU Person und erweiterte Einstellungen, zum Beispiel die Größe dieser Kontaktkarten
noch im Nachhinein anpassen können.
Das ist natürlich global und gilt immer über die gesamte Seite.
Aber das ist eben eine Möglichkeit, wie Sie Ihre eigene Seite etwas individueller gestalten
könnten zum Beispiel.
Sie haben auch gesehen, dass es auf den Anleitungsseiten unter FAU Person und dann eine Kontaktübersicht
anlegen, verschiedene Vorlagen gibt, die Sie sich auch rüber kopieren können und zwar
im Textmodus des Editors, damit Sie keine ungewünschten Elemente mit kopieren.
Und Sie haben auch gelernt, wie Sie Bilder zuschneiden können und zum Beispiel fürs
Web optimieren.
Ansonsten gilt wie immer, wenn Sie noch Fragen haben oder Ideen haben, dann schicken Sie
mir einfach eine Mail an webmaster.fau.de.
Und ansonsten verabschiede ich mich an dieser Stelle schon mal in den Urlaub.
Das heißt, der nächste Tipp der Woche wird erst in der ersten Septemberwoche wieder veröffentlicht
werden.
Bis dahin also eine schöne Sommerzeit und Ihnen auch, weil Sie im Urlaub sind, ein paar
sonnige Wochen.