Menüpositionen und Seiteninhalte 2.9 - RRZE - Schnellstart FAU Einrichtungen - Der klassische Editor und Shortcodes/ClipID:38299 vorhergehender Clipnächster Clip
0 seconds of 0 secondsVolume 90%
Press shift question mark to access a list of keyboard shortcuts
Tastaturkürzel
Shortcuts Open/Close/ or ?
Spielen/PauseLeertaste
Lautstärke Erhöhen↑
Lautstärke Verringern↓
Vorwärts Springen→
Rückwärts Springen←
Untertitel An/Ausc
Vollbild/Vollbild Beendenf
Summ Schalten/Stummschaltung Deaktivierenm
Decrease Caption Size-
Increase Caption Size+ or =
Gehe zu %0-9
Live
00:00
00:00
00:00
0 of 0
[MUSIK SPIELT]
Eine Inhaltsseite anlegen
Um eine neueInhaltsseite anzulegen, können Sie über die Admin Leisteauf den Punkt "Neu - Seite" gehen.Wundern Sie sich nicht über die vielen anderen Inhaltstypen.Diese werden durch Plugins gesteuert und dadurch eben erweitert.Das bedeutet, über das Messe-Plugin können Sie zum Beispieleine neue Messehalle, ein Foyer oder eine Messe erstellen."Neu - Seite" und dann landen Sie auch schonauf der Übersicht von eine neue Seite erstellen.In einem ersten Schritt sollten Sie immer einen Seitentitel vergeben.Der Seitentitel ist gleichzeitig die erste Überschriftund sollte deshalb entsprechend beschreibend auch erstellt werden.Sie müssen nämlich immer bedenken, dass Google auch diese Seitentitel lesen kann.Vor allem die H1 Überschrift, also diesen Seitentitel hierdeshalb am besten etwas wählen, was auch wirklich den Inhalt ihrer Seiteohne zu lügen widerspiegelt.Das darf auch sehr gerne eine interessante Schlagzeile sein.Bei Beiträgen vor allem ist das natürlich dann ideal.In diesemBeispiel ist das jetzt einfach Muster Seite,da Sie diese Seite vermutlich für Ihren eigenen Lehrstuhl,Ihre Einrichtung schon erstellen, können Sie hier entsprechend einenbeschreibenden Titel vergeben.Sie sehen jetzt hier im CMS schoneinen visuellenund einen Texteditor, also das Editorfenster im Allgemeinen.Bevor wir dazu übergehen, aber noch ein paar Wortezu den anderen Blöcken und Feldern.So gibt es einmal eine Aufgabenliste.Die vor allem durch das Workflow Plugin zustande kommt.Hier in diesem Tutorial Video gibt es jetzt auch nochKontaktinformationen, die durch das Person Plugin vor allem generiert werden.Bei Ihnen sollte auf jeden Fall ein Fenster mit veröffentlichen sichtbar sein.Dieses veröffentlichen Fenster ermöglichtIhnen zum einen zu planen, wann die Seite veröffentlicht werden soll.Zum anderen können Sie aber auchsagen, dass die Seite nicht öffentlich, sondern vielleichtprivat oder passwortgeschützt sein soll.eine private Seite ist nur für die Administratorenund Redakteure und Autoren sichtbar, also wenn man sich ins Backend einloggt.eine Passwort geschützte Seite ist nur sichtbar,wenn man das Passwort eingibt und eine öffentliche Seite ist für alleNutzer entsprechend über die URLauch aufrufbar, ohne sich einzuloggen.Wichtig zu wissen.Dieses Passwort geschütztegilt nur für den textuellen Inhalt Wenn Sie da Bilder einbinden oderPDF-Dateien, dann sind diese über diesen Passwortschutztrotzdem zugänglich, da Sie diese PDF-Dateienund Bilder auch über die Mediathek erreichen.Jetzt gibt es außerdem noch einen PunktBerechtigung hier auf dem CMS.Der kommt auch durch ein Plugin zustande, also wundern Sie sich nicht.Das ist einmal das Access Plugin,was es hier ermöglicht, die Seite noch mal separat zu sperren.Außerdem gibt es auch den Cache, also Seiten Speicher,der eben für diese Seite aktiviert ist.Den könnte man in der Theorie auch deaktivieren, wenn das funktioniert.Jetzt gibt es noch Kategorien und Schlagwörter.Kategorien, die erleichtern es Ihnen, bei sehr großen Seiten, die diese Seiteninhaltlich eben zu gruppieren, damit sie diese dann gesammelt ausgeben können,während Schlagwörter eben noch einmal.eine weitere Ebene zum Sortieren geben.So können Sie dann zum Beispiel bestimmte Artikelzu einem Thema immer thematisch mit bestimmten Schlagwörterngruppieren und später zum Beispiel mit bestimmten Shortcodes auch ausgeben.Jetzt gibt es noch das Fenster Seiten-Attribute,dass sie bereits aus der vorherigen Folge kennengelernt haben.Hier einmal der Punkt Eltern, der bestimmtauf welcher Positionder Menüebene sich dieses Element befindet.Das bedeutet, wenn diese Seite jetzt eine Unterseitezum Thema Plugins ist, dann müsste dies auch hierals Unterseite von Plugins ausgewählt werden, damit sie dort erscheinen kann.Der Punkt Templates, der ist schon wieder etwas umfassender,weshalb es hierfür noch mal ein eigeneskleines Tutorial gibt, also eine weitere Folge: In kurzSie haben mehrere Möglichkeiten, wie das Ganze ausschaut.Die Startseite kennen Sie bereits,auch die Startseite Fakultät haben Sie bereits gesehen.Es gibt noch sogenannte Portalseiten, das sind Einstiegsseiten zu einem Thema.Diese ermöglichen, dass sie noch mal ein Portalmenü einbinden.Es gibt außerdem noch eine Inhaltsseite mit Navigation.Das ist also eine Seite, die an einem linken Randdann eben entsprechend noch einmalein Menübereitstellt, so wie Sie das auch auf unseren Anleitungs-Seitenentsprechend sehen können.Auf den Anleitungs-Seiten Wenn Sie zum Beispielauf eine bestimmte Anleitung gehen, dann sehen Sie hierim linken Bereich der Seite entsprechendeben ein Inhaltsmenü, das dann durch dieses SeitenAttribut erst sichtbar wird, wenn man das für die eigene Seite auswählt.eine weitere Funktion,die vor allem für Beiträge wichtig ist, ist das Beitragsbild.Dieses ermöglichtes eben, dass Sie ein Bild festlegen, welches beim Teilen des Linkszum einen sichtbar wird, zum anderen aber auch in einer gesammelten Ausgabevon den Beiträgen, also beim Shortcode Custom News,wo die neuesten Neuigkeiten Ihrer Seite als Bild und Text ausgegeben werden.Automatisch sieht man dann das Beitragsbildund den Titel der Seite zum Beispiel.Das werden Sie in einem separaten Video auch noch malextra sehen, wie das dann aussieht, wenn man das mit Elements einbindet.
Die Sidebar
Jetzt gibt es noch eineSidebar, diese Sidebar oder dieser Block Sidebar,der steuert auch, wie man das eben lesen kann , die Sidebar.Wenn man hier dann etwas eingetippt hat und veröffentlicht.Dann sieht man das Ganze auch auf der fertigen Seite.Die Sidebar wird dann halt automatisch generiert.Sie können diese Sidebar aber auch leerlassen, dann verschwindet sie auch wieder.Sie können sogar Shortcuts einbinden, über die Siedann auch gleich ein kurz ein bisschen mehr erfahren.Zum Beispiel ein Kalender kann man so auf die Startseite in der Sidebarentsprechend einbinden.
Der klassische Editor
Bevor es nun zu den Shortcodes im Allgemeinen geht,muss man auch den visuellen und Texteditoreinmal verstehen, wie der funktioniert und wie der aufgebaut ist.Zum einen gibt es den visuellen Editor,wenn Sie hier dann einen Text eingepflegt haben,dann können Sie im visuellen Editor das Ganze entsprechend formatieren,und zwar über Blöcke und zum Beispiel Überschrift zwei.Sie haben schon gesehen, es gibt unterschiedliche Arten der Überschriften.Das sind die Überschrift Ebenen, wie sie das bei Word kennenund wie es dann auch bei wird bei einer Hausarbeit und Co ist,müssen Sie darauf achten, eine sinnvolle Überschriftenstruktur zu verwenden,damit dann zum Beispiel auch der Google Crawlerdie Seite besser strukturieren kann und bei der Suchausgabe berücksichtigen kann.Es gibt also durchaus die Möglichkeit,eine weitere Überschrift anzulegen und dann entsprechend wieder über Format,auch über den visuellen Editor das Ganze entsprechend zu formatieren.Vielleicht ist Ihnen schon aufgefallen, aber es gibt auch andere Möglichkeiten,wie man hier in diesem Editor Sachen formatieren kann.Gleich auch der HinweisIch würde es nicht empfehlen, die Einstellungen linksbündig,zentrieren und rechtsbündig zu verwenden, weshalb ist das so?Wie Sie sehen, der Text ist automatisch standardmäßig linksbündig, linksbündigist im Webdesign quasi das Nonplusultra,da linksbündiger Text einfach besser lesbar ist.Man kann ihn schneller lesen als Endverbraucher, als Nutzer.Deshalb achten Sie darauf, dass Sie nicht versuchen, den Textzu zentrieren oder rechtsbündig zu machen, versuchen Sie auch,den Text nicht noch mal zu markieren und hier linksbündig zu machen.Woran liegt das? Dassieht man, wennman auf den Texteditor klickt.Im Texteditor werden die HTML Elemente ausgegeben.HTML Da können Sie sich gerne noch mal informieren, wie das so aussieht.Da gibt es immer Tagsund diese Tags bestimmen letztendlich, ob zum Beispielwie hier eine H3 Überschrift generiert wird odereine H2 Überschrift.Was Sie jetzt hier noch sehen, ist,dass der Text im Text Editor standardmäßig einfach nurder pure Text ist mit einem Umbruch am Ende,um den Absatz zu bestätigen.Sobald man jetzt in diesem visuellen Editor hergehtoder herangeht und das Ganze selbst zentriertoder linksbündig markiert, wird der visuelle Editordas HTML verändern, und zwar durch ein Style-Attribut.Style-Attribute im CMS sind deshalb problematisch, dasie verschwinden werden, sobald ein nicht Administrator die Seite aktualisiert.Und unser CMS ist darauf ausgelegt, dass dieseStyle-Attribute wieder rausgenommen werden,da sie eben unnötig sind, beziehungsweise die Seiteetwas unschön gestalten können; Die können Probleme verursachen,sich mit anderen Dingen eben etwas zwicken,vor allem wenn es so Sachen sind wie zusätzliches CSS, dass die Farbenoder die Schriftart verändern soll.Das ist einfach nicht vorgesehen von der Universitätoder besser gesagt von unserem Corporate Design.Deshalb ist es ja auch nicht möglich.Das Problem mit dem visuellenEditor und dem Ausrichten dieses Textes ist nun,dass eben der Editor diese Blöcke entsprechend eingefügt hat.Wie sie das gesehen hatten.Um das Ganze noch mal zu zeigen.Man sieht schon, es wird hier entsprechend eingefügt.Und das ist eben unschön.Sie müssen aber deshalb trotzdem keine Angst vom visuellen Editorhaben, Sie dürfen den gerne benutzen, der ermöglicht es Ihnen odererleichtert es Ihnen auch dann später Shortcuts schnell mal einzubinden,wenn Sie vielleicht nicht durch unsere Dokumentation blättern möchten.Und zwar können Sie zum einen natürlich andere HTMLElemente hier schnell einfügen, wie eine Aufzählungsliste.Oder eine nummerierte Liste.Und hier haben Sie natürlich dann noch weitere Möglichkeiten.Versuchen Sie als kleinen Tipp hierbei eher minimalistisch zu sein,also nicht zu übertreiben und wahnsinnig viele Elemente einzubauen,die dann vielleicht doch diesen Texteditor ein bisschen zerbomben könnten.ein anderes Negativbeispiel sind Tabellen.Tabellen sind einfach nicht so responsive, wie man sich das gerne vorstellt,da so ein Smartphone-Nutzer von einer Tabelle,die sehr breit ist, sehr viele Zellen hat, eben auch erschlagen wird.Man kann aber kleine Tabellen natürlich durchaus dann auch hier einfügen.Man muss nur immer bedenken wie responsive ist das Ganze?Kann man das wirklich vertreten, dass dann ein Handynutzersich damit auseinandersetzen muss?Jetzt gab es schon ein Wort zu Shortcodes.
Shortcodes am Beispiel eines Akkordeonfächers
Was sind Shortcodes?Shortcodes sind die kleinen Bausteine, die Plugins sichtbar machen, könnteman sagen. Immer wenn Sie in Ihrem Editorfensteeine Funktionvon einem Shortcode einsetzen möchten,zum Beispiel von unserem Elements Plugin,was vorinstalliert mit dem Theme ausgeliefert wird,haben Sie die Möglichkeit, hierbeieinen Shortcode zu verwenden.Zum Beispielgibt es hier die klassischen Akkordeons, die Sie vielleicht auch schoneinmal gesehen haben.ein Akkordeon besteht hierbei auseinem oder aus mehreren Shortcuts.Einmal aus einem.Shortcode, der das ganze Akkordeon startet,also signalisiert, dass sie ein Akkordeon kommt.Dann gibt es einen Shortcode pro Akkordeonreiter,also pro Fächer in diesem Gebilde.Dann gibt es einen weiteren, der das Ganze wieder schließtund der dann am Ende sagt Hier endet das Akkordeon.Wie sieht das Ganze auf der Seite aus?Sie müssen sich hier jetzt noch nicht so große Sorgen machen.Der visuelle Editor kann hier auch Abhilfe schaffen.Zum Beispiel geht das über Einfügen,RRZE Elements unddann sehen Sie hier Akkordeon.Das gibt Ihnen diesen Shortcodejetzt im visuellen Editor aus.Mein Tipp: Immer wenn man mit Shortcuts arbeitet,selbst wenn man diese mit dem visuellen Editor wie hier jetzt eingebunden hat.Man sollte danach in den Text Modus wechseln, um zu verhindern, dass hierjetzt unnötige HTML Elemente mit rein gemischt werden,weil dann wird dieser Code nicht mehr funktionieren.Sobald sich da irgendein Tag, ein HTMLvielleicht noch mit reingeschmuggelt hat, der dort überhaupt nichts zu suchen hat.Deshalb am besten in den Text Modus wechseln.Im Text Modus haben sie jetzt trotzdem noch den Shortcode,den sie gerade generiert haben.Im Text Editor finden Sie dann den Shortcut wieder einmal das Collapsiblesund ein weiteres Attribut, das dafür sorgt,dass es einen Link zum Aufklappen gibt, einen kleinen Button zum aufklappenaller Akkordeonfächer.Das finden Sie dann auch immer in den Anleitungen,wie das Ganze hier ausschauen würde.Mit Beispielen natürlich darunter.Falls Sie also mal nicht weiter wissen,vielleicht das Akkordeon eingebaut wird, dann am besteneinfach noch mal in der Dokumentation nachlesen unter Plugins.Und dann zum Beispiel Elements.Jetzt gibt es dann noch den weiteren Shortcode collapseund das Attribut titleund color und eben den Namenund dann wieder dasschließende Attribut, also der schließende Shortcodeund dann öffnet er nochmal und schließt nochmal und nochmal.Also um das mal zusammenzufassen ein Shortcode ist immer einfacheine eckige Klammer.Dann eben der Name des Shortcodes.Der wird vom Plugin vorgegeben, istin der Dokumentation immer ersichtlichund wenn es nur ein Shortcode ist,der eben keinen Textinhalt extra enthält,dann müssen sie diesen auch nicht mehr schließen.Bei einem Akkordeon ist es aber so, dass die Texte in das Akkordeonauch einbinden möchten, genauso wie bei einem Button.Da möchten Sie ja auch, dass auf dem Button auch was draufsteht.Immer wenn Sie Inhalte an einen Shortcut übergeben möchten, dann kommt der Inhaltimmer zwischen einen schließendenund öffnenden Shortcode.Und schließen, dass ist ähnlich wie bei HTML,funktioniert mit einem Slashund dem Namen des Shortcodes.Jetzt gibt es aber auch Attribute, wie Sie das oben gesehen haben.Und diese sind immer so aufgebaut, dass sie einfach den Namen des Attributsund zwei Anführungszeichen haben, in den Anführungszeichen kommtdann der Wert, also der Attributwert.Das ist eigentlich der Aufbau von jedem Shortcode.Manche Shortcuts haben wie gesagt keinen Inhalt und sind deshalbvielleicht auf den ersten Blick leichter zu verstehen.Aber selbst wenn sie ein Akkordeon haben, was noch mal verschachtelter ist.Ist es relativ leicht, sich das ja vorzustellen,wenn Sie das jetzt einfach mal selbst ausprobieren.Das bedeutet.Sie können entweder über den visuellen Modus.RRZE Elements einmal ein Akkordeon ausprobierenoder vielleicht auch ein Alertund dann schauen Sie doch einfach mal, wie sieht es später aus?Hierfür gibt es die Vorschau.Wenn Sie auf Vorschau jetzt klicken würden, dann generiert WordPressIhre Seite und zeigt, wie das jetzt in der Vorschau schon aussieht.Was man hier recht schnell erkennen kann.Beide Akkordeonfächer tragen den Namen Name oder den Titel Nameund haben noch keinen richtigen Inhalt außer diesen Standardinhalt.Wieso? Das könnte man jetzt mal nachschauen.Und zwar hat dieses Fachden Titel Name.Wenn man jetzt aber hierdieses Name austauscht durchFächer A.Und sagt vielleicht, man möchte bei der Farbe,wie es in der Akkordeon Dokumentation steht,vielleicht eine andere Farbe benutzen.Und das sind die Fakultätskürzel, die hier einfach verwendet werden.Dann könnte man zum Beispiel schreiben.Die Farbe nat für die naturwissenschaftliche Fakultätund dann einfach nochhier der Text für Fächer A.Genauso funktioniert dasaber auch bei dem anderen, zweiten Fach.Das heißt, hier könnte man den Titel auf Fächer B ändernund die Farbe auf die Philosophische Fakultät ändern.Auch hierdann wieder die Möglichkeit, einen weiteren Text.Zu vergeben.Bei Akkordeons ist es auch so, dass sich hier nicht nur an Text gebunden sind.Sie können dort drin auch Bilder und Überschriften entsprechend einbinden.Auch Videos, wie sie das bei der Schnellstart-Anleitungvielleicht schon gesehen haben, sind möglich.Das heißt in so verschachtelten Shortcodes,da kann man manchmal auch weitere Shortcodes noch malentsprechend hineinbastelnmit HTML oder eben mit anderen Shortcodes.Zum. Plugin ElementSelbst planen wir auch, dass es in Zukunft vielleicht ein weiteres Video gibt, dasdas Ganze noch einmal im Detail erklärt, wie jede Funktion funktioniert.Für den Bereich dieser Schnellstart-Anleitungsollten Sie einfach etwas mit diesem Editor noch experimentieren.Mal versuchen, die Seite mit Inhalt zu füllen.
Wie viel Text ist ideal?
Als guten Richtwert noch am Ende, vielleichtals Tipp zum Thema Suchmaschinenoptimierung.Es ist immer besser, wenn Sie mehr Inhalt bieten, alsoTextinhalt, mehr Zusatzinformationen, damitSie auch entsprechend besser aufgefunden werden.Wenn Sie jetzt nur eine Startseite hätten, wo nur steht Herzlich willkommenauf unserer Seite, dann bietet das dem Nutzer keinen Mehrwert.Statt einem einfachen Startseiten-Text lohnt es sichalso zum einen einen längeren Text zu schreiben.Darüber, wer sie letztendlich sind.Zum Beispiel der Lehrstuhl für Musterbeschäftigt sich mit Materialien X, Y und Z.Ist darauf spezialisiert.Und dann dürfen Sie auch die Funktionunserer Startseiten verwenden, die die letzten Beiträge ausgibt.Sie sollten versuchen, Beiträge zu schreiben, die entsprechend lang sind.Also idealerweise, das ist natürlichdie Traumvorstellung,hat jeder Beitrag mindestens 1000 Wörter.Das kommt natürlichnicht immer zu Stande.Aber Sie müssen wissen, jeder Beitrag, den Sie schreiben,der wird auf Ihrer Startseitedann automatisch mit eingebunden, wenn Sie das richtig einstellen.Und dadurch generieren Sie dann Content,der eben entsprechend auch aufgefunden wird,weil eben Ihre Lehrstuhlseite dann die ganzen Textauszügeaus den verschiedenen Artikeln noch mit auf die Startseite bringt.
Inhaltsseiten veröffentlichen
Wenn sie dann fertig sindmit ihrem ersten Content, mit ihrem ersten zweiten Content,dann können Sie das Ganze auch entsprechendhochladen, also veröffentlichen.Und das funktioniert einfach, indem Sie aufveröffentlichenund dann bei SichtbarkeitFalls Sie auf privat waren, können Sie das auf öffentlich schalten.Und dann entsprechend über den Buttonkönnen Sie das Ganze dann veröffentlichen.Falls Sie es noch eine Weile privat halten möchten, ist es auch kein Problem,wenn Sie sagen, Sie möchten da erst noch dran weiterarbeiten, bevor daseben für die breite Öffentlichkeit freigegeben wird.Sobald etwas veröffentlicht ist.Ist es einfach zugänglich, also übers Netz zugänglich,aufrufbar und entsprechenddann eben verfügbar.Auch noch mal der Tipp:Es ist auch eine Möglichkeit, dass Sie eine Seiteerst zu einem bestimmten Zeitpunkt veröffentlichen.Das heißt, Sie können das Ganze auch planen, dann würde hier unten.Veröffentlichung Planen oder planen stehen.Vermutlich statt dem veröffentlichen Buttonauch hier der Tipp: Probieren Sie es vielleicht mal aus.Das ist immer dann praktisch, wenn Sie sagen, Sie schreiben jetzt einen Artikel,einen Beitrag, der am 24. 12.veröffentlicht werden soll.Aber da sind sie überhaupt nicht im Büro,das heißt, diesen können sie gar nicht veröffentlichen bzw.selbstständig veröffentlichen an dem Tag.Oder sie sind vielleicht im Urlaub.Das macht dann eben einfach diese Funktion,wenn Sie die Veröffentlichung planen.Neben Inhaltseiten können Sie auch wie gesagtandere Inhaltstypen erstellen, Beiträge und Co.Sie können aber auch natürlichDateien hinzufügen, Bilder hinzufügen.Achten Sie am besten immer darauf, dass Sie einfach einen Alternativ Textvergeben für Ihre Bilder, wenn diese zum Inhalt gehören.[MUSIK SPIELT]