About Antville.org ­čÉť

Jetzt neu: Bild-Upload mit Drag&Drop

Ein wenig heimlich hat sich in den Bild-Editor eine neue Funktionalit├Ąt eingeschlichen, mittels derer nun auch mehrere Bilder ganz einfach einer Website hinzugef├╝gt werden k├Ânnen.

Dazu werden die gew├╝nschten Bild-Dateien im Bereich f├╝r den Bild-Upload per Drag&Drop in das Browser-Fenster gezogen ÔÇô den Rest erledigt Antville:

av-image-upload (video/mp4, 4,509 KB)

Gut im Video zu sehen ist, dass das auch mit bereits bestehenden Websites funktioniert - nicht nur mit solchen, die das neue Standard-Layout verwenden.

Was halten Sie davon?

Jetzt neu: Audio- und Video-Player f├╝r Dateien

Eine Audio- oder Video-Datei, die Sie auf Ihre Website hochgeladen haben, k├Ânnen Sie mit dem <% file %> Macro in einen Beitrag einbinden.

Beispiel: Aus <% file klops %> wird:

klops (audio/mp3, 145 KB)

Neu in Antville 1.5 ist nun, dass Sie das Macro um den Parameter player erweitern k├Ânnen, um daf├╝r gleich ein graphisches Benutzerelement anzuzeigen ÔÇô einen Player!

Aus <% file klops player %> wird dann:

Auch hier gibt es leider wieder eine kleine Einschr├Ąnkung bzgl. der Browser-Unterst├╝tzung. Diesmal betrifft Sie allerdings die Formate, die von den verschiedenen Browsern unterst├╝tzt werden.

Jetzt (wieder) neu: Color Picker

Dank HTML5 gibt es jetzt in den Layout-Einstellungen wieder ┬╗Color Picker┬ź (ich denke, es hei├čt wohl Farbw├Ąhler auf deutsch).

Sobald der Name einer Einstellung auf ┬╗color┬ź endet, wird das Eingabefeld automatisch in der gew├Ąhlten Farbe angezeigt. Und ein Klick darauf ├Âffnet das Dialogfenster f├╝r die Farbauswahl.

Screenshot Color Picker Antville 1.5
Screenshot Color Picker Antville 1.5

Einzige Einschr├Ąnkung ist derzeit noch die mangelnde Unterst├╝tzung in manchen der g├Ąngingen Browser.

Jetzt neu: Kommentare

Sie taucht zwar nicht in der Navigation bestehender Layouts auf, ist aber generell f├╝r alle Websites erreichbar: die URL f├╝r eine neue Liste aller Kommentare einer Website.

F├╝r dieses Weblog lautet die Adresse https://about.antville.org/comments/ und sie kann von jeder Besucherin der Website aufgerufen werden ÔÇô au├čer die Website steht nur einem eingeschr├Ąnkten Benutzerinnenkreis offen, versteht sich.

In der Liste erscheint prominent der Kommentartext (evtl. gek├╝rzt) als Link zum Kommentar selbst. Gibt es dazu weitere Kommentare, wird deren Anzahl miteingeblendet.

Die Nennung des Kontos und der letzten ├änderung darf nat├╝rlich nicht fehlen. Und schlie├člich f├╝hrt das ┬╗Zeitungs-Icon┬ź zum kommentierten Beitrag.

Registrierte Benutzerinnen k├Ânnen die Kommentare sogar nach ihrem Kontonamen filtern, was das Auffinden der eigenen Meldungen wohl etwas erleichtern d├╝rfte.

F├╝r Konten mit weitergehenden Berechtigungen, lassen sich Kommentare dort auch gleich l├Âschen.

Wer den Link zu den Kommentaren nachtr├Ąglich ins eigene Layout einbauen m├Âchte, kann dies am einfachsten mit dem folgenden Macro tun:

<% site.comments.link main 'Kommentare' %>

Dazu empfiehlt sich der Site#navigation-Skin, das Macro sollte aber generell in jedem Skin funktionieren.

Jetzt neu: HTML-Editor

UIkit kommt mit einem veritablen HTML-Editor im Gep├Ąck, den ich Antville 1.5 gleich mit dem neuen Standardlayout verpasst habe.

Es ist nicht ein ganz 100%iger WYSIWYG-Editor, aber doch recht nahe dran.

Jedenfalls zeigt er die mit Markdown ausgezeichneten Bereiche bereits in dem Stil an, wie sie auch nach dem Speichern im Beitrag zu sehen sein werden.

Markdown, ein Wortspiel auf das Markup in HTML, ist eine einfache Auszeichnungssprache, mit der auch ohne Kenntnis davon zu haben, HTML-Code erstellt werden kann.

In Kombination mit den Antville-Macros, die in einem Beitrag erlaubt sind, lassen sich auf diese Weise Texte und Bilder fl├╝ssiger erstellen.

Zum einen ist der Aufwand zur Eingabe der Auszeichnungen minimiert ÔÇô z.B. reichen mit Markdown zwei Underscores vor und nach einem Textbereich, um diesen kursiv darzustellen.

Zum anderen k├Ânnen Bilder mittels Antville-Macro bereits vor dem Hochladen eingebettet werden. Anstelle des Bildes erscheint ein Button, der nach Klick direkt die Seite zum Erstellen des neuen Bildes aufruft ÔÇô mit bereits vorausgef├╝lltem Bildnamen.

Im Zusammenwirken mit dem Vorschau-Button in der Men├╝leiste wird das Erstellen eines neuen Beitrags vom dazu bisher n├Âtigen, regelm├Ą├čigen Zwischenspeichern und ├ťberpr├╝fen befreit.

Der neue Editor und bereits bestehende Layouts

Um den HTML-Editor auch auf Websites einzusetzen, die vor dem Update auf Version 1.5 erstellt wurden, gibt es mind. zwei Vorgehensweisen:

  1. Layout zur├╝cksetzen (Pro-Tip: vorher bestehendes Layout exportieren)
  2. Die Skins Story#content und Story#edit vom Basislayout in die entsprechenden Skins im bestehenden Layout kopieren.
Sie sind nicht angemeldet