Ubernaut + Redesign — Was gibt es Neues?

5 Monate ist es her, da habe ich hier den letzten Beitrag geschrieben.
5 Monate, wo vieles abseits vom Blog passiert ist. Dazu zählt die vertiefte Mitarbeit an WordPress 3.4 oder aber auch Privates, wie die Klausurphasen meines Studiums zum Medieninformatiker.

Während dieser Zeit habe ich doch recht viele Anfragen bekommen, wann und ob es hier überhaupt noch weitergeht.
Die Antwort: Ja, und genau jetzt!

Wie wird man Ubernaut?

Normale Provider für Webhosting geben seinen Kunden nicht immer einen vollwertigen SSH Zugang, so auch mein alter Provider.
Dies ist auch nicht so dramatisch, solange man nur ein paar PHP Dateien ausführen lassen möchte.
Möchte man aber mehr, braucht man eben mehr.

Nach diesem mehr habe ich gesucht und bin bei Uberspace fündig geworden.

Uberspace

Machen wir’s doch erstmal kurz: SSH. Perl. PHP. Python. Ruby. node.js. Erlang. Lua. Compiler. FastCGI. MySQL. CouchDB. MongoDB. Cronjobs. HTTPS. IMAP. SMTP. Webmail. qmail. vmailmgr. maildrop. Spam­Assassin. ezmlm-idx. DSPAM. ~/service. runwhen. Eigene Logs. Backups. Dazu noch massig Plattenplatz. Und das ist nur der Anfang.

https://uberspace.de/

Und das ist nicht nur das Einzige was Uberspace bietet. Hinzu kommt noch eine freie Preiswahl (Minimum 1€) sowie ein unkomplizierter Support durch erfahrene Linux-Admins.

Interesse geweckt? Dann teste doch auch mal einen Monat lang das Ubernaut-Sein.

Das Redesign

Nachdem für das Backend gesorgt war, sollten die zukünftigen Beiträge eine gute Grundlage haben. Ein Redesign stand an.
Die Eckdaten für das Redesign waren:

  • Interessante Typografie
  • Platz für Content, Konzentration auf den Content
  • Visuelle Unterstützung durch Grafiken
  • Fluides Raster
  • Unveränderte Performance
  • Farbliche Gestaltung am alten Design angelehnt (blau/weiß/grau)

Typografie

Abseits der gängigen Schriften wollte ich diesmal etwas Ausgefallenes. Dies ist dank Web Fonts heutzutage kein Problem mehr. Meine Wahl fiel dabei auf die Google Web Fonts. Schrift auswählen, CSS einbinden, fertig.

Die Auswahl ist groß groß und ich entschied mich für die Schriftart Bitter. Warum? Sie gefällt mir!

Webfont Bitter
Webfont Bitter

Aktuell sind auch sogenannte Icon Fonts im Kommen, siehe Icon Fonts are Awesome. An einigen Stellen hab ich deswegen Headlines mit kleinen Icons unterstützt.

wpGrafie Iconfont
wpGrafie Iconfont erstellt mit der IcoMoon App.

Raster

Da einer der Vorgaben das fluide Raster war, habe ich mich an Bootstrap, from Twitter bedient.
Bootstrap beinhaltet ein 12-Spalten Raster, welches auf Prozentwerte setzt.
Dadurch passt sich der Inhalt dieser Seite optimal an die Bildschirmgröße an und ein mobiles Theme ist nicht von Nöten. Probiert es mal aus.

wpGrafie Redesign Mockup
Grobe Aufteilung einer Artikelansicht. Sidebar auf Autoreninfo beschränkt.

Social Sharing

Social Sharing
Sharing Plugins der drei meist genutzten Netzwerken. Visuell aufbereitet.

Um das Teilen bzw. Empfehlen zu erleichtern, haben die Social Plugins für Twitter, Google+ und Facebook nun auch Platz am Ende eines jeden Beitrags gefunden. (Ja, die Diskussionen darum sind mir bekannt, mal sehen wie sie genutzt werden. ;)

Performance

Die Performance einer Webseite spielt für mich eine große, sehr große, Rolle. Niemand mag langsame Webseiten. Deswegen sollte trotz Redesign auch nichts an der alten Performance verloren gehen. Und ich mag behaupten, dass dies gelungen ist, trotz externer Skripte (Web Fonts, Social Plugins).

Dank guter Komprimierungen, optimale Cacheeinstellungen, sowie dem Plugin Cachfiy ist die Seite weiterhin einer der schnellen Seiten im WordPress Bereich.

Serverüberwachung
Ausgabe der Serverüberwachung durch wemonit.de

Was gibt es sonst noch Neues?

Ich habe diesmal bewusst auf eine Paginierung verzichtet. Aus der Vergangenheit konnte ich feststellen, dass die Paginierung relativ selten bis gar nicht genutzt wurde. Als Ersatz gibt es dafür das neue Archiv.

Außerdem wurde die Darstellung von Codeschnipsel überarbeitet. Weiterhin kommen hier die Github:gist API in Einsatz, und neu, durch Pygments aufbereitet. Beispiel gefällig?

Facebook Fanpage

Last, but not least…

wpGrafie Facebook
wpGrafie goes Facebook

So, und nun genug geschwärmt vom neuen Design. Ich hoffe es weiß zu gefallen, wenn’s was zu meckern gibt (oder auch nicht), dann schreibt doch einen netten Kommentar.

Bis zum nächsten Beitrag,
Gruß
Dominik

WordPress 3.3 Beta 1 veröffentlicht

Heute Nacht wurde die erste Beta der neuen WordPress Version veröffentlicht.

Features almost done…

3.3 at Beta 1.

Test it now — have fun!

Seit gestern hatte ich eine Demo Version schon zur Verfügung gestellt. Jetzt kann jeder sich selbst eine WordPress 3.3 Installation anlegen.
Dazu einfach das Paket wordpress-3.3-beta1.zip herunterladen und in einer Testumgebung installieren.

Ryan legt uns zu Herzen, dass dies noch kein Endrelease ist, also nicht für den Live-Betrieb gedacht ist.

Zu den Features gehören unter anderem

  • Neuer Mediauploader
  • Überarbeitete Adminbar
  • Flyout Admin Menü

7 versteckte Features in WordPress 3.2

#17184 Press This Bookmarklet Redesign

Neben der allgemeinen UI Überarbeitung wurden auch Elemente wie das Press This Bookmarklet einem Redesign unterzogen. Redesign des Press This Bookmarklets in WordPress 3.2

Aus einem einfachen Link wurde ein Button, mit CSS3 aufgepeppt, der das Drag&Drop Verhalten besser darstellt.
Angelehnt ist der Button an dem Bookmarklet Design von Readability.

#14405 Conditional Tag is_multi_author()

Der neue Conditional Tag is_multi_author ist einer von vielen und gibt TRUE aus, wenn im Blog mehr als ein Autor Artikel schreiben. Dazu ein Anwendungsbeispiel aus dem Twenty Eleven Theme:

/**
 * Fügt eine Klasse zum Array der Bodyklassen hinzu, wenn die Seite
 * nur einen Autor mit veröffentlichten Artikeln hat.
 *
 */
function twentyeleven_body_classes( $classes ) {

	if ( ! is_multi_author() ) {
		$classes[] = 'single-author';
	}
	return $classes;
}
add_filter( 'body_class', 'twentyeleven_body_classes' );

#17086 TinyMCE 3.4.2

Mit WordPress 3.2 kam auch ein Update des HTML WYSIWYG Editors – TinyMCE 3.4.2.

Mit diesem Update unterstützt der visuelle Editor nun nativ die HTML Tags <iframe>, <audio>, <video>.

Außerdem wurden die neuen HTML5 Tags auf die weiße Liste gesetzt, sodass sie nicht mehr entfernt werden.

#17291 Visuelle Kennzeichung von Hintergrund- und Kopfzeilenbild in der Mediathek

Mediathek zeigt Bildstatus an
Mediathek zeigt den aktuellen Bildstatus an (ähnlich dem Artikelstatus)

#17496 Neue Bodyklassen für Versionszweig, Versionsnummer und Farbschema

Wenn man zum Beispiel einen Hinweis nur für den aktuellen WordPress Zweig anzeigen möchte oder das Layout für eine bestimmte Version oder ein bestimmtes Farbschema anpassen muss, können die neuen Klassen einem das Umsetzen erleichtern.
Ein Beispiel:

<body class="wp-admin no-js index-php admin-bar branch-3-2 version-3-2-1 admin-color-fresh">

#15898 Kommentare Genehmigen und Antworten

Genehmigen und Antworten
Kommentar gleichzeitig genehmigen und antworten

#17240 Themes: Zufälliges Kopfzeilenbild

Interessant für Themeentwickler ist die Möglichkeit bei jedem Seitenaufruf ein neues, zufälliges Kopfzeilenbild anzuzeigen.
Dazu müssen entweder mehrere Bilder via register_default_headers() registriert oder vom Benutzer mehrere Bilder hochgeladen werden.

Mit folgender Zeile kann diese Option dann noch standardmäßig aktiviert werden:

add_theme_support( 'custom-header', array( 'random-default' => true ) );

Zum Schluss nur noch die Frage an die Leser:
Nachdem WordPress 3.2 nun schon ein paar Tage auf dem Markt ist, welches (versteckte) Feature gefällt denn euch am Besten?