dynamicinternet Webdesign

Das Blog

Themen, Tutorials sowie Tipps & Tricks über Webdesign, (X)HTML und CSS, Programmierung, WordPress und was uns sonst noch bewegt.

RSS abonnieren

Offizielle Mitteilung

Aus gegebenem traurigen Anlass und unter Rücksprache mit der Familie Preuss möchte ich hiermit mitteilen, dass Michael Preuss, betrauerter Sohn und Bruder, geliebter Ehemann, schmerzlich vermisster Vater, guter Freund, verlässlicher Geschäftspartner und mein bester Freund am 24.02.2012 plötzlich und unerwartet aus dem Leben gerissen wurde.

Michael hinterlässt bei seiner Familie und Freunden eine tiefe Lücke, die sich nicht in Worte fassen lässt und niemand schließen kann.

Auf der Seite seines Lebenwerkes “Xtreme One” gibt es die Möglichkeit, auf digitale Weise von Michael Abschied zu nehmen, denn so war Michael nun mal, immer Online und für Viele immer ein offenes Ohr.

Die TwentyEleven Navigation mit Social Icons erweitern

In diesem kleinen Tutorial wollen wir der Navigation unser RSS Feed, einen Link zur Twitterseite und zu unserem Facebook Profil als Icons hinzufügen. Diesmal ohne eine Zeile Code zu schreiben. Die WordPress Menüs bringen alles dafür mit.

TwentyEleven Screenshot

Zuerst gehen wir ins Backend zu Design-> Menü und schalten die CSS Klassen an. Dazu klicken wir auf Optionen einblenden und unter Erweiterte Menüeigenschaften anzeigen setzen wir einen Haken bei CSS Klassen und schließen die Optionen wieder.

Optionen anzeigen

Anschließend nutzen wir die Links-Box zum Erzeugen der Menüeinträge für Twitter, RSS und Facebook und fügen sie dem Menü hinzu. Dort ergänzen wir die 3 Menüeinträge mit den CSS Klassen. Das RSS Feed bekommt die Klasse rss, Twitter die Klasse twitter und Facebook facebook. Speichern nicht vergessen.

WordPress Menü

Ich habe eine Sprite vorbereitet, die ihr mit Rechtsklick->Grafik speichern unter… herunterladen könnt. Diese Sprite kommt in das Verzeichnis twentyeleven/images/.

social-sprite

Anschließend öffnen wir die Datei TwentyEleven style.css mit einem Texteditor und suchen die Zeile #access a. Darunter fügen wir unser zusätzliches CSS ein. Viel haben wir nicht zu ergänzen. Wir lassen unsere 3 Listenelemente nach rechts floaten, schieben den Text aus dem sichtbaren Bereich und positionieren die Grafik. Einzig für die hover-, focus- und active states müssen wir eine etwas umständlichere Regel definieren, um die background-gradients von TwentyEleven zu umgehen.

#access .twitter, #access .rss, #access .facebook {
	float: right;
}
#access .twitter a, #access .rss a, #access .facebook a {
	background: transparent url(images/social-sprite.png) 0 0 no-repeat;
	padding: 0;
	text-indent: -9999px;
	width: 70px;
}
#access .rss a { background-position: 0 0; }
#access .facebook a { background-position: 0 -96px; }
#access .twitter a { background-position: 0 -48px; }
#access .rss a:hover, #access .rss a:focus, #access .rss a:active {
	background: transparent url(images/social-sprite.png) 0 -144px no-repeat;
}
#access .twitter a:hover, #access .twitter a:focus, #access .twitter a:active {
	background: transparent url(images/social-sprite.png) 0 -192px no-repeat;
}
#access .facebook a:hover, #access .facebook a:focus, #access .facebook a:active {
	background: transparent url(images/social-sprite.png) 0 -240px no-repeat;
}

Nebenwirkungen von WordPress 3.2

WordPress 3.2 ist raus und damit haben sich die Mindestvoraussetzungen der PHP-Version auf 5.2.4 erhöht. Ein begrüßenswerter Schritt. Damit einher gehend haben die Entwickler auch gleich mal bei diversen Klassen (ich bin nicht jede durchgegangen) die alten Konstruktormethoden gefeuert. Um so erstaunlicher, da sie doch sonst so auf Abwärtskompatiblität achten.

Erweitert ein Plugin oder Theme die Klasse WP_Media_List_Table für eigene Zwecke, gibt es nach dem Update auf 3.2 einen Fatal Error. Eine mögliche Lösung für dieses Problem, die wir in Xtreme One drin haben:

class Xtreme_Media_Slider_List_Table extends WP_Media_List_Table {
	function Xtreme_Media_Slider_List_Table() {
		if(in_array("__construct", get_class_methods("WP_Media_List_Table"))) {
			parent::__construct(); //WP 3.2
		}else{
			parent::WP_Media_List_Table(); //WP < 3.2
                 }
                 $this->detached = true;
	}
        // ...
}

WordPress: Videos im Textwidget

Gestern kam die Frage im Xtreme Theme Supportforum: Wie bekomme ich Videos in einem Textwidget eingebunden?

In der functions.php des Themes schreiben wir:

add_filter( 'widget_text', array( $wp_embed, 'run_shortcode' ), 8 );
add_filter( 'widget_text', array( $wp_embed, 'autoembed'), 8 );

Danach braucht man im Textwidget nur die URL des Videos hineinkopieren und schon wird es angezeigt.

Nächste Woche Xtreme One 1.2

Wenn alles gut geht, werden wir am kommenden Montag Version 1.2 des WordPress Framework Xtreme One veröffentlichen. Und wie bei jedem Release von uns wird es Features geben, die kein anderes Theme/Framework zu bieten hat: weiterlesen…

1 2 3 ... 71 »