About Antville.org: Version 1.5 is Go!
Freitag, 17. April 2015

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?

Sonntag, 12. April 2015

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.

Einzige Einschränkung ist derzeit noch die mangelnde Unterstützung in manchen der gängingen Browser.

Dienstag, 7. April 2015

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.

Montag, 6. April 2015

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