Blogs@TUBAF

Der Blog-Dienst des Universitätsrechenzentrums der TU Bergakademie Freiberg

12. Dezember 2017 – Marius Baak

Tabellen richtig verwenden

Tabellen wurden in dem dunklen Mittelalter des Internets noch als Mittel zur Gestaltung von Webseiten benutzt, das ist heute (zum Glück) per Gesetz (BITV 2.0 unter Punkt 1.3) untersagt. Der Grund ist einfach: Barrierefreiheit. Eine Tabelle, die für Designzwecke verwendet wird, ist für ein Lesegerät nahezu unmöglich vernünftig einem Sehbehinderten vorzulesen. Das bedeutet selbstverständlich nicht, dass das Benutzen von Tabellen generell untersagt ist, allerdings dürfen sie nur als Datentabellen benutzt werden. Hier ein Beispiel für eine richtig verwendete Tabelle:

Beispieltabelle
Name Büro Durchwahl
Brauer, D. 501 -531
Fassbinder, M. 205 -385
Ostermann, M. 101 -422
Schmitz, A. 308 -816
Theiss, N. 502 -532

Die Tabellen werden automatisch via CSS gestaltet. Es müssen und sollten also keine Anpassungen von Farben, Schriftgrößen etc. gemacht werden.

Tabelle richtig einfügen und formatieren

Hier werden die verschiedenen Schritte zum einfügen und formatieren von Tabellen erläutert.

Tabelle einfügen

Es gibt zwei Arten über den Editor Tabellen einzufügen.

  1. Menü
    1. Im Menü auf Tabelle klicken.
    2. Mit der Maus über den Menüpunkt „Tabelle“ hovern.
    3. Gewünschte Zeilen und Spalten anzahl auswählen und mit einem Klick bestätigen.
  2. Symbolleiste
    1. In der Leiste das Tabellen Symbol auswählen.
    2. Mit der Maus über den Menüpunkt „Tabelle“ hovern.
    3. Gewünschte Zeilen und Spalten auswählen und mit einem Klick bestätigen.

Kopfzeile formatieren

  1. Kopfzeile der Tabelle markieren.
  2. Im Menü auf Tabelle klicken.
  3. Über den Menüpunkt „Zeile“ hovern.
  4. Zeileneigenschaften auswählen.
  5. In dem geöffneten Pop-Up bei Zeilentyp anstatt „Body“ nun „Tabellen-Header“ auswählen.

Fußzeile formatieren

  1. Fußzeile der Tabelle markieren.
  2. Im Menü auf Tabelle klicken.
  3. Über den Menüpunkt „Zeile“ hovern.
  4. Zeileneigenschaften auswählen.
  5. In dem geöffneten Pop-Up bei Zeilentyp anstatt „Body“ nun „Fußzeile“ auswählen.

Beschriftung einfügen

  1. Mit der Maus in die Tabelle klicken, damit die richtige Tabelle ausgewählt ist.
  2. Im Menü auf Tabelle klicken.
  3. Den Menüpunkt „Tabelleneigenschaften“ auswählen.
  4. Den Haken bei „Beschriftung“ setzen und das Pop-Up mit OK bestätigen.
  5. Über der Tabelle ist nun ein Feld erschienen in das die gewünschte Beschriftung geschrieben werden kann.

Weitere Links

23. August 2017 – Marius Baak

Tipp: Shortcode für Liste der Autoren

Seit heute kann man via Shortcode eine Liste der Blogautoren abrufen.

[netsposts order_post_by=’date_order desc‘]

So funktioniert’s:

  1. Einfach im Editor den Shortcode
  2. Andreas Kluge
  3. Marius Baak
  4. Stefan Clauß
  5. Stefanie Lorenz
  6. Alexander Winterstein
  7. hinzufügen.
  8. Den Shortcode markieren und danach entweder auf den Button für „Aufzählung“ oder „Nummerierte Liste“ klicken.

Wenn man nun statt „Visuell“ den Editor auf „Text“ stellt, dann sollte um den Shortcode ein <ul></ul> oder <ol></ol> Tag gesetzt sein. So sollte es aussehen:
<ul>

  • Andreas Kluge
  • Marius Baak
  • Stefan Clauß
  • Stefanie Lorenz
  • Alexander Winterstein
  • </ul> bzw. <ol>
  • Andreas Kluge
  • Marius Baak
  • Stefan Clauß
  • Stefanie Lorenz
  • Alexander Winterstein
  • </ol>

    Und so sieht das Resultat aus:

    09. Juli 2017 – Marius Baak

    Tipp: Autoren Seite

    In dem letzten Update haben wir die Profilseite der Autoren überarbeitet. Vorher wurden wie in einer Blogroll die einzelnen Beiträge angezeigt. Jetzt ist es übersichtlicher und zeigt neben der Beitragsüberschriften auch eine kurze Biografie, die Webseite, und die verschiedenen Social Media Profile an, sofern sie im Backend eingetragen sind.

    Wo finde ich die Felder um etwas einzutragen?

    Hier kann man Profil bearbeiten auswählen.

    Wenn man im Backend eingeloggt ist, kann man einfach über die Willkommensnachricht hovern und dann „Profil bearbeiten“ auswählen.

    Wenn man dann etwas runter scrolled, dann sieht man schon die einzelnen Felder, die man ausfüllen kann.

     

     

     

    Felder zum ausfüllen für das Autoren Profil

    Die E-Mail Adresse wird automatisch von Shibboleth ausgefüllt und kann nicht geändert werden.

    Was genau in die anderen Felder geschrieben wird steht in diesem Beitrag weiter unten.

    Biografie und Webseite

    Die Biografie und die Webseite konnte man schon vor dem Update im Backend eintragen. Wenn nichts in die Felder eingetragen ist, dann wird auch nichts auf der Profilseite ausgegeben.

    Social Media

    Doch was muss wo eintragen werden, damit der korrekte Link angezeigt wird?

    Facebook

    Bei Facebook wird das eingegeben, was hinter dem „/“ nach Facebook.com steht. Wenn man zum Beispiel das Facebook Profil des URZ angeben wollen würde, dann müsste man in die Facebook-ID „Rechenzentrum.Bergakademie“ eintragen (selbstverständlich ohne die „“).

    URL Beispiel für die URZ Facebook Seite

    Xing

    Bei XING muss, ähnlich wie bei Facebook, das eingegeben werden, was hinter dem „/“ nach xing.com/profile/ steht. Im Falle meiner Xing-Seite wäre es „Marius_Baak“.

    Beispiel der XING URL

    Twitter

    Beispiel des Twitter Usernames.

    Bei Twitter wird der Username angegeben, also der Name, vor dem das @ steht. Der Username entspricht gleichzeitig dem Namen bzw. der Bezeichnung, die hinter dem „/“ von Twitter.com steht.

    Beispiel der Twitter URL.

    Skype

    Bei Skype wird ebenfalls der einzigartige Username eingegeben.

    Instagram

    Bei Instagram wird auch der Username eingegeben. Der Username muss nicht zwangsläufig dem angezeigten Namen entsprechen.

    Instagram Profil der TU Freiberg.

    Das, was auf dem Bild im roten Kasten steht ist der Username. Was im blauen Kasten steht ist der angezeigte Name.

    Snapchat

    Bei Snapchat wird auch der einzigartige Username angegeben.

    08. Juli 2017 – Marius Baak

    Beitragsbild

    Im Rahmen des letzten Updates wurden auch die Beitragsbilder neu formatiert.

    Doch was genau ist ein Beitrags- bzw. Artikelbild? Das Beitragsbild kommt als Teaser zum Einsatz, wenn der Artikel nicht in voller Länge angezeigt wird. In Zukunft soll es zum Beispiel, ähnlich wie bei der TU Hauptseite, auf der Portalseite in der Übersicht der neuen Beiträge zu sehen sein.

    Vorteile von einem Beitragsbild

    • Weckt Interesse an dem Beitrag
    • Lässt den Artikel besser aussehen
    • Inhalte mit Bildern schneiden bei Suchmaschinen besser ab, als Inhalte ohne Bilder

    „Beitragsbild“ weiterlesen

    22. Oktober 2014 – Alexander Winterstein

    Twitterfeed: Beiträge auf Facebook und Twitter automatisch veröffentlichen

    Mit dem Anbieter Twitterfeed wird regelmäßig das Blog nach neuen Beiträgen durchsucht. Das Ganze passiert über den RSS Feed. Sobald ein neuer Artikel veröffentlicht wurde, wird dieser ganz automatisch getwittert und/oder in der Statusmeldung der Facebook-Seite veröffentlicht.

    Voraussetzung dafür ist eine Registrierung auf twitterfeed.com. Dort wird ein neuer Feed erstellt, indem man einen Namen und die Feed-Adresse http://blogs.hrz.tu-freiberg.de/MEIN_BLOG/feed/ einträgt. Im zweiten Schritt könnennoch weitere Einstellungen vorgenommen werden, z.B. wie häufig der Blogfeed durchsucht oder welche Elemente des Artikels gepostet werden sollen. Im dritten Schritt muss man sich mit dem Social Media-Account verbinden. Außer Facebook und Twitter stehen auch noch LinkedIn und App.Net zur Auswahl.

    13. Dezember 2013 – Stefanie Lorenz

    Erste Schritte

    Nach dem ersten Login im eigenen Blog sollte man einige erste Einstellungen vornehmen, welche im Folgenden kurz erläutert werden.

    Äußere Erscheinung

    Es ist zu empfehlen zuerst unter „Design“ ein ansprechendes Theme für den Blog zu wählen und eine Kopfgrafik (Design -> Kopfzeile) hochzuladen. Der Blogtitel und Beschreibungstext welcher über der Kopfgrafik erscheint, kann unter Einstellungen -> Allgemein verändert werden. Mit den vorhanden Beispieleinträgen kann so zuerst das Erscheinungsbild des Blogs getestet werden.

    Anschließend sollten aber sowohl der Beispiel-Eintrag als auch die Beispiel-Seite gelöscht werden und der Blog mit eigenen Inhalten gefüllt werden.

    Inhalte

    Dafür kann man statische Seiten anlegen, welche dann wie z.B. im klassichen TUBAF Layout oben in der blauen Leiste erscheinen. Diese Verlinkungen, z.B. die Reihenfolge, können außerdem unter Design -> Menüs bearbeitet werden.

    Für regelmäßig Beiträge verwendet man die Beitrags-Funktion. Zu jedem neuen Ereignis o.ä. kann dort ein Artikel erstellt werden. Dieser kann außerdem einer bestimmten Kateogrie zugeteilt werden. So kann man die Beiträge chronologisch geordnet auf der Startseite sehen, bzw. bei Auswahl einer Kategorie nach eben jener gefiltert.
    Auf der Portalseite erscheinen zudem die neusten Artikel aus allen Blogs im Netzwerk.
    Mit einem Klick auf „Veröffentlichen“ wird ein Artikel-Entwurf für alle zugänglich im Blog dargestellt.

    Einstellungen & Erweiterungen

    Mit den sogenannten „Widgets“ (Design -> Widgets) können Inhalte in der Sidebar und im Footer eingestellt werden, wie z.B Linklisten, eine Übersicht der Kategorien, ein Kalender, Textinformationen, …

    Unter Einstellungen -> Lesen kann eingestellt werden, ob die Startseite des Blogs eine statische Seite sein soll oder klassisch eine chronologische Ansicht aller Artikel.

    Unter „Plugins“ findet man eine vVelzahl von Erweiterungen für den Blog. Eine entsprechende Beschreibung ist dabei jeweils in der Auflistung zu finden. Damit kann der Funktionsumfang des Blogs erheblich ausgebaut werden. Es empfiehlt sich einen Blick auf diese Liste zu werfen, um den Blog den eigenen Bedürfnissen noch besser anzupassen.

    Die Funktionalität und Konfiguration der einzelnen Plugins werden in gesonderten Beiträge näher erläutert.