Ab und an gibt es aber Fälle, da möchte man im Template den Shortcode nutzen oder die Daten nicht im Editor pflegen, sondern via Custom Field oder ähnliches mitgeben. Kennt man oder gibt es dafür eine Funktion im Plugin oder der Erweiterung für WordPress, dann kann man dies aber trotzdem nutzen. Eine Funktion von WordPress für den Zugriff auf Shortcodes hilft.

Der einfachste Fall ist der Zugriff auf einen Shortcode, bspw. myshortcode; erfolgt mittels der Funktion do_shortcode(). Ein Code-beispiel dazu soll es verdeutlichen; abgelegt wird es im Template - bspw. die single.php des Themes.

echo do_shortcode('[myshortcode]');

Wenn man mit Parametern arbeitet; heißt, der Shortcode kann diese Parameter verarbeiten, dann kann man diese einfach mitgeben.

echo do_shortcode('[myshortcode param="blahblahblah"]');

Aufpassen: PHP unterscheidet ' und ", daher kann es beim Laien zu Problemen kommen. Zum Beispiel würde der folgenden Aufruf nicht klappen:

echo do_shortcode('[myshortcode param='blahblahblah']');

übersichtlich und funktionierend wäre

echo do_shortcode('[myshortcode param="blahblahblah"]');

Ein weiters Beispiel nutze aus dem benutzerdefinierten Feld example-name den Wert und übergibt dies an den Shortcode example_shortcode für den Parameter product.

<?php
$example_product = get_post_meta( $post->ID, 'example-name', $single = true );
if ($example_product)
	echo do_shortcode('[example_shortcode product="' . $example_product . '"]');
?>

Daraus ergeben sich viele Möglichkeiten, so zum Beispiel auch ein einfacher Zugriff auf die Gallery, die man pro Beitrag pflegt.

echo do_shortcode('[gallery option1="value1"]');

Damit kann man im Template einfach die Gallery laden und ist unabhängig von den Shortcodes im Editor. Nebenbei spart man sich das Parsen des Filters und beim neuen Design, wenn die die Bilder wenig relevant sind, kann man diese einfach weg lassen und muss nicht den Content filtern oder den Editor vieler Beiträge bemühen. Alle weiteren Ideen überlasse ich gern euch.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

CDN - Content Delivery Network, ist ein Netz lokal verteilter und über das Internet verbundener Server, mit dem Inhalte (insbesondere große Mediendateien) ausgeliefert werden. In der Regel sind diese Server sehr leistungsfähig und schnell. Sie konzentrieren sich auf die Ausgabe der Dateien und keine anderen Funktionen wie Cookies.

Weitere Informationen zum Thema CDN gibt es beispielsweise bei Wikipedia oder bei Sergej Müller.
Im Webspace meiner Domain habe ich drei Subdomains angelegt, die ich jeweils so eingestellt habe, dass sie auf Bilder, das Theme und Plugins verweisen.

Im ersten Test sollte dies reichen. Insbesondere für Bilder und die Dateien des Theme ist das sicher nützlich, da die so gut wie statische Elemente sind. Für Bilder, die in erster Linie im Content der Artikel zu finden sind, habe ich eine Funktion laufen, die über den Hook the_content von WordPress die URLs im Artikel filtert und mit der Subdomain ersetzt.

// replace content for CDN
if ( !function_exists('fb_add_static_content_url') ) {
	function fb_add_static_content_url($content) {
			if ( is_admin() ) // eigentlich überflüssig
				return $content;

			$wpurl = get_bloginfo('wpurl');

			$search = array(
				$wpurl . '/wp-content/images/',
				$wpurl . '/wp-content/download/',
			);

			$replace = array(
				'http://cdn1.bueltge.de/',
				'http://cdn2.bueltge.de/',
			);

			return str_replace( $search, $replace, $content );
	}
	add_filter( 'the_content', 'fb_add_static_content_url' );
}

Im weiteren kommt eine Funktion ins Spiel, die die Template Tags für die Adressen des Themes anpasst und auf die Subdomain verweist. Dies setzt voraus, dass die Dateien auch mit Hilfe der Template Tags von WordPress inkludiert wurden - zum Beispiel das Stylesheet über <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />.

// replace for CDN
if ( !function_exists('fb_add_static_wpurl') ) {
	function fb_add_static_wpurl($info, $show) {

		if ( is_admin() )
			return $info;

		$keys = array(
			'url',
			'wpurl',
			'stylesheet_url',
			'stylesheet_directory',
			'template_url',
			'template_directory',
			);

		if ( in_array( $show, $keys ) ) {

			$wpurl = get_bloginfo('wpurl');

			$search = array(
				$wpurl . '/wp-content/images/',
				$wpurl . '/wp-content/download/',
				$wpurl . '/wp-content/themes/',
				$wpurl . '/wp-content/plugins/',
			);

			$replace = array(
				'http://cdn1.bueltge.de/',
				'http://cdn2.bueltge.de/',
				'http://cdn3.bueltge.de/',
				'http://cdn3.bueltge.de/',
			);

			return str_replace( $search, $replace, $info );

		} else {
			return $info;
		}
	}
	add_filter( 'bloginfo_url', 'fb_add_static_wpurl', 9999, 2 );
}

Um alle relevanten Möglichkeiten von bloginfo() zu erreichen, muss man weitere Hooks ansprechen - hier habe ich erst nichts gefunden und eine Frage in der wp-hackers-Gemeinde fand Aufschluss. Die folgende Funktion kümmert sich daher um drei Schlüssel der Funktion und sorgt für das Ersetzen mit der Subdomain.

function fb_add_static_stylesheet_uri($uri) {

			if ( is_admin() )
				return $uri;

			$wpurl = get_bloginfo('wpurl');

			$search = array(
				$wpurl . '/wp-content/images/',
				$wpurl . '/wp-content/download/',
				$wpurl . '/wp-content/themes/',
				$wpurl . '/wp-content/plugins/',
			);

			$replace = array(
				'http://cdn1.bueltge.de/',
				'http://cdn2.bueltge.de/',
				'http://cdn3.bueltge.de/',
				'http://cdn3.bueltge.de/',
			);
			return str_replace( $search, $replace, $uri );

}
add_filter ( 'template_directory_uri', 'fb_add_static_stylesheet_uri' );
add_filter ( 'stylesheet_uri', 'fb_add_static_stylesheet_uri' );
add_filter ( 'stylesheet_directory_uri', 'fb_add_static_stylesheet_uri' );

Mit diesen drei kleinen Funktionen muss man in den Artikeln oder den Theme von WordPress nichts tun, man kann einfach die Funktionen in ein Plugin oder die functions.php des Themes legen. Natürlich müssen die Subdomains angelegt und richtig konfiguriert sein. Zusätzlich empfiehlt sich ein Eintrag in der .htaccess der Installation um doppelten Content zu verhindern.

##
# Explicitly send a 404 header if a file on cdn[0-9].example.org is not
# found. This will prevent the start page (empty URL) from being loaded.
##
RewriteCond %{HTTP_HOST} ^cdn[0-9]\.example\.org [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule .* - [R=404,L]

##
# Do not dispatch dynamic resources via cdn[0-9].example.org.
##
RewriteCond %{HTTP_HOST} ^cdn[0-9]\.example\.org [NC]
RewriteCond %{REQUEST_FILENAME} \.(php|html)$
RewriteRule .* - [R=404,L]

Zusätzliche Information zu dem Eintrag entnehmt bitte dem Artikel von Leo zu Contao Optimierung.

Viel Spaß beim ausprobieren, beim Testen und auswerten. Neue Ideen, Erweiterungen und Verbesserungen können wie immer von euch in den Kommentaren hinterlassen werden - ich freue mich darauf.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Nun aber zum eigentlichen Wandtattoo, dessen Qualität schon beim Auspacken begeistert. Erstklassiges Material mit einer ebenso sehr guten Beschreibung, wie man das Tattoo auf die Wand bringt. Dem Paket lag ein Rakel bei, der das Andrücken und Aufbringen sehr erleichtert. Ebenso lag ein extra Tattoo dabei - klein aber fein und fand ebenso eine wunderbare Stelle im Haus.

Mit etwas Geschick lässt sich das Wandtattoo sehr gut auf die Wand bringen. Durch die Mithilfe einer zweiten Person wird dieses aber erheblich erleichtert, zumindest bei der Größe von knapp 2m. Das Tattoo verzeiht Fehler beim Aufbringen und kann wieder gelöst werden - nicht übertreiben, irgendwann ist der Klebstoff sicher weg. Aber mann kann an Blasen nachhaken und neu ansetzen. Im Grunde ist das aber nicht notwendig, wenn man der Anleitung von Wandtattoo folgt und sauber arbeitet. Die Folie kann ebenso mit unebenen Untergründen umgehen, daher sind also auch leicht raue Untergründe als Oberfläche nutzbar.

Mit ein wenig Geschick und Geduld kann der Wohnraum aufgewertet werden und dies ist einfach möglich. Der Preis erschien mir recht hoch, nachdem ich aber die Qualität in den Hände halte und das Tattoo auf die Wand gebracht habe, sehe ich dies anders und kann die Verarbeitung, das Material nur loben. Unsere Tochter hat natürlich auch gleich viele tolle Motive gefunden – die Idee der Tafelfolie begeistert sie aber am meisten. Mal sehen, wann ich mit diesem Zimmer starte und ende, da auch hier von Boden bis zur Decke alles neu wird.

Ich weiß, viele denken immer, dass muss er, er schreibt dazu im Blog - aber ich teste nur dann Produkte, wenn ich meine persönliche Meinung schreiben kann und aktuell kann ich keinen Haken oder Nachteil an den Tattoos erkennen - sie verzieren das Zimmer wunderbar und meine Familie erfreut sich seit dem an dem wunderbaren Zimmer, welches in allen Facetten in Eigenleistung entstanden ist. Noch das Zimmer meiner Tochter, ein Bad und dann komme ich dem Ende entgegen - vielleicht ist dann wieder mehr Zeit für das Blog.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Es gibt noch immer Potenzial zum Reduzieren der Größe, so bin ich kein Freak im Rahmen von JavaScript und hier sehe ich noch einiges an Möglichkeiten. Nun aber die beiden Lösungen zum Vergleich.

Variante 1 hat in erster Linie ihren Bedarf im CSS, viel Code für wenig Wirkung. Man braucht aktuell für diverse Browser unterschiedliche Syntax um die Rundungen zu erzeugen. Die Animation funktioniert nur in Webkit-Browsern und auch die RGB-Farben sind recht viele Zeichen.

1. Die 4,5k Variante
2. Die 1k Variante

Um diese Sachen auf 1k zu drücken musste einiges an Code weichen; eine andere Möglichkeit habe ich nicht gesehen. Die Animation habe ich nur im Ansatz zum Test eingebaut, sie ist wesentlich simpler. Das Spiel der Farben lasse ich via Zufall ablaufen und brauche trotzdem weniger Code. Lediglich die Möglichkeit RGB-Syntax zu nutzen ist geblieben, wird aber im JS per Zufall erzeugt.

In beiden Fällen habe ich es getan, weil ich mal etwas Spielen und Versuchen wollte. Einfach mal so und trotzdem sollte der Code valide und mit aktuellen Mitteln möglich sein. Interessant ist wohl das HTML5-Markup der 1k Variante - auch diese Version ist valider Code und ist doch recht untypisches Markup.

<!DOCTYPE html>
<meta charset="utf-8">
<title>one day at a time in 1k</title>
<style>body{background:#FFF;font:16px/23px Georgia,Times,serif;margin:20px}h1{font-size:45px}h3{display:none}time{font-size:50px;border:3px solid #F9F5EB;-webkit-box-shadow:4px 4px 6px #545454;-moz-box-shadow:4px 4px 6px #545454;box-shadow:4px 4px 6px #545454;padding:30px 40px}div{margin:120px 0}</style>
<script>function d(){var n=new Date(),t=n.getDate(),m=n.getMonth(),y=n.getFullYear(),y=t+'.'+m+'.'+y;if(t<10)t="0"+t;if(m<10)m="0"+m, datetime=y+'-'+m+'-'+t,x=document.createTextNode(y);d=document.getElementById('d');d.appendChild(x);d.setAttribute("datetime",datetime);setInterval('d.style.background="rgba("+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+",0.4)"',600);setInterval('d.style.margin=Math.floor(Math.random()*20)+"%"',500)}window.onload=d;</script>
<header><h1>Carpe diem (1k)</h1></header>
<div><h3>Today's date</h3><time id="d">&nbsp;</time></div>

Die style- und script-Elemente kann man im Grunde unbeachtet lassen, es geht um die anderen Tags, hier wird dem typischen Markup von HTML einiges entzogen.

Das html-, head- und body sind ganz entfallen. Gleiches kann man auch für colgroup und tbody machen. Andere Elemente dürfen nur das schließende Tag weg lassen: li, dt, dl, p, option und einige mehr.

Im Gegensatz dazu die Variante mit xHTML-Schreibweise und kompletten Tags.

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8"> 

		<title>one day at a time</title>

		<meta name="description" content="one day at a time - Small Sample Application">
		<meta name="language" content="en" />
		<link rel="stylesheet" href="style.css" />

		<script>
			function addDate(){
				var now   = new Date();
				var day   = now.getDate();
				var month = now.getMonth();
				var mname = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
				var year  = now.getFullYear();
				var date  = day + '.' + mname[month] + ' ' + year;
				if (day < 10) day = "0" + day;
				if (month < 10) month = "0" + month;
				var datetime = year + '-' + month + '-' + day;
				var dtxt   = document.createTextNode(date);
				document.getElementById('date').appendChild(dtxt);
				document.getElementById('date').setAttribute("datetime", datetime )
			}
			window.onload = addDate;
		</script>
	</head>
	<body>

		<div id="wrap">

			<header>
				<hgroup>
					<h1>one day at a time</h1>
					<h2>Carpe diem &mdash; <a href="http://en.wikipedia.org/wiki/Carpe_diem">Seize the day</a>.</h2>
				</hgroup>
			</header>

			<section>
				<h3>Today's date</h3>
				<div class="pulse">
					<time id="date">&nbsp;</time>
				</div>
			</section>

			<footer>
				<p>View in an HTML5 browser such as: <a href="http://ie.microsoft.com/testdrive/">IE9 Developer Preview</a>, <a href="http://www.mozilla.com/en-US/firefox/firefox.html">Firefox</a>.</p>
				<p>See animation only on webkit browser such as: <a href="http://www.apple.com/safari/">Safari</a> or <a href="http://www.google.com/chrome/index.html?hl=en&amp;brand=CHMB&amp;utm_campaign=en&amp;utm_source=en-ha-na-us-sk&amp;utm_medium=ha">Chrome</a>.</p>
			</footer>

		</div>

	</body>
</html>

Natürlich sind hier auch einige Inhalte mehr und vor allem wesentlich mehr Semantik unter gebracht. Eine schöner Vergleich der vielleicht zum Nachdenken anregt und mir wieder die Unterschiede und Möglichkeiten aufgezeigt hat.

Vielleicht Lust bekommen, zu spielen, zu testen und die neuen Möglichkeiten mit HTML5 und CSS3 zu versuchen - wenn ja, dann hat sich der Artikel gelohnt. Solltest du Hinweise für meine Spielerei oder Fehler gefunden haben - dann bin ich sehr dankbar und der Artikel hat sich noch viel mehr gelohnt.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Rechte-Abfrage

Eine einfache Möglichkeit ist die Abfrage der Rechte - die WordPress-Funktion current_user_can() erlaubt dies und kann einfach in Templates des Themes verwendet werden. Somit kann man steuern, dass nur geloggte User mit den entsprechenden Rechten den Inhalt sehen.
Im einfachsten Fall könnte man dies wie folgt im Template einbauen:

if ( current_user_can( 'manage_options' ) )
	the_content( the_title( '', '', false ) . ' ' . __( 'weiterlesen »', FB_BASIS_TEXTDOMAIN ) );
else
	_e( 'Nur für geloggte User zugänglich', FB_BASIS_TEXTDOMAIN );

Ohne die einzelnen Rechte abzufragen genügt die Abfrage mittels der Funktion is_user_logged_in(). Damit wird geprüft, ob der User geloggt ist.

Hier gibt es sicher diverse Ansätze und Möglichkeiten, die aber leicht nutzbar sind und trotzdem die unterschiedlichen Rollen und Objekte berücksichtigen. Die Objekte je Rolle sind übersichtlich im Codex beschrieben.

Prüfung auf Login via Funktion

Nun ist die Integration im Template recht einfach, sorgt aber dafür dass man in der Regel jedes Template anpassen muss. Da WordPress mit Hooks arbeitet, kann man hier auch einhaken und zentral via Plugin oder functions.php im Theme eine Funktion dafür ablegen.

Die folgende Funktion ist so ein Beispiel und prüft in dem Fall unabhängig von den Rechten, sondern lediglich ob der User geloggt ist - wenn ja, dann darf der Inhalt gesehen werden. Über den Hook the_content wird hier zentral gesteuert - so dass die Ausgabe im Theme, welche via dem Template Tag the_content() kommt, nur dann den Content wieder gibt, wenn man als User geloggt ist.
Parallel wurde hier auch explizit im Feed nur ausgegeben, wenn man geloggt ist - !is_feed().

Als Alternative für nicht geloggte User wird ein Abschnitt des Content ausgegeben - dazu gibt es verschieden Ansätze, hier wurde explizit mit Zeichen gearbeitet. So entsteht quasi ein Teaser für den Leser.

function content_only4logged_in($content) {

	// alle geloggten User
	if ( is_user_logged_in() &&
			!is_null($content) &&
			!is_feed()
		 ) {

		return $content;
	} else {

		$content  = wp_html_excerpt( $content, 80 );
		$content .= ' …';
		$content .= __( 'Sorry, more of this content is only available for logged users.', FB_TEXTDOMAIN );
		return $content;
	}
}
add_action( 'the_content', 'content_only4logged_in' );

Inhalte via Shortcode einschränken

Eine weitere Alternative ist es, nur einen bestimmten Abschnitt des Content nur für geloggte User frei zu geben. Dies könnte man beispielsweise über die Shortcode-API von WordPress tun. Auch dazu ein Beispiel. Hier wird der Shortcode [member] eingesetzt. Alles innerhalb dieses Elementes ist nur für geloggte User sichtbar.
Auch dieser Code gehört in ein Plugin oder die Schnittstelle des Themes für neue Funktionen.

function fb_check_logged_in( $atts, $content = null ) {
	if ( is_user_logged_in() &&
		!is_null($content) &&
		!is_feed()
		 ) {

		return $content;
	} else {

		return __( 'Sorry, this content is only available for logged users.', FB_TEXTDOMAIN );
	}
}
add_shortcode( 'member', 'fb_check_logged_in' );

Zeitabhängig ausgeben

Eine denkbare Alternative ist auch das Ausgeben von Inhalten nach einem bestimmten Zeitraum. Diese Möglichkeit kann sicher beliebig erweitert werden. So lohnt sicher die Erweiterung um eine Metabox zur Eingabe eines Datums an den Beiträgen oder Erweiterung von Parametern um den Zeitrahmen in einem Shortcode abzufragen.

function content_only4time($content) {

	$date = strtotime( '01-10-2010' ); // day-month-year
	$now  = strtotime( date('d-m-Y') );
	echo $now . ' - ' . $date;
	if ( $date && ( $date < $now ) ) {

		return $content;
	} else {

		return __( 'Sorry, die Zeit ist noch nicht reif.', FB_TEXTDOMAIN );
	}
}
add_action( 'the_content', 'content_only4time' );

In diesem Zusammenhang kann das Plugin wpSleep genutzt werden, welches via Shortcode und den Parametern der Zeit die Ausgabe steuert.

Mehr

Die Liste der Ansätze und vor allem der Möglichkeiten lässt sich beliebig fort führen - mit den Möglichkeiten kommt man eventuell auf eigene Ideen und kann die aufgezeigten Ansätze nutzen. Gern können weitere Ideen und Möglichkeiten in den Kommentaren untergebracht werden.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Vor zehn Jahren haben A List Apart einen Aufruf gestartet Much Ado About 5K. Weniger als 5 kByte waren zulässig um kleine Websites zu machen - diese Arbeiten sind aus meiner Sicht in erster Linie Anregung zu eigenen Gedanken und Inspiration für neue Arbeiten. Die Gemeinschaft der Webentwickler diskutiert gerne und so sind diese Formen der Themenanregung beliebt. Neben der Größe der Website von 10 k gibt es einige weitere Bedingungen - Standards: html5 und die Darstellung in Firefox, IE9, Safari und Chrome & diverse Bibliotheken - und damit ist zehn Jahre später ein neuer Wettbewerb 10k Apart durch fast das gleiche Team ins Leben gerufen. Zeit ein wenig Spaß zu haben und eine eigene kleine Arbeit bereit zu stellen.

Auch ich habe mich ein wenig von der vielen Arbeit erholt und mal eine kleine Spielerei gemacht, die man nun dort als App besichtigen kann - nichts besonderes, aber unterhaltsam und eine schöne Abwechslung. Ich wollte jeden Tag einen neuen Wert geben und uns die Erinnerung an jeden neuen Tag geben - 10k sollten dabei dicke reichen und so habe ich html5, CSS3 und JavaScript eingesetzt. Ebenfalls spiele ich mit den Animationsmöglichkeiten von CSS3, die allerdings aktuell nur in Webkit-Browsern wie Safari und Chrome laufen. Schaut es euch an und vielleicht nutzt es dem Lernen und dem Verständnis der neuen Mittel. Aber vielleicht motiviert es euch auch um ebenfalls an der Challange zu 10k Apart teilzunehmen.
Die Gallerie hat schon jetzt tolle Sachen dabei - auch wenn nicht alle Apps die 10k einhalten - zumindest wenn man mit Libraries wie jQuery arbeitet . Aber im Ende ist es eine tolle Aktion und die Teilnahme inspiriert. Es macht Spaß mit den neuen Möglichkeiten zu arbeiten und kein ToDo für alte Browser zu implementieren.

* Alternativ kann man sich die Spielerei auch in meinem kleinen Labor ansehen.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Die Funktion der Child Themes kann im Grunde bei jedem Theme angewandt werden und die neuen Funktionen erleichtern den Zugriff und das Erstellen einen Child Themes. Im Vorfeld gab es auch Möglichkeiten ein Theme zu verändern ohne die eigentlichen Dateien des Themes stark zu verändern. Mit Hilfe der Unterstützung von Child Themes ist dies nun aber komplett unabhängig und so kann man ein Theme nutzen, kann ohne Problem updaten, und trotzdem eigene Ideen realisieren.

In einigen Beiträgen des Netzes wurde die Child Themes schon angesprochen und ich habe bisher nur Artikel gefunden, die die Aktivierung und Änderung des Stylesheets ansprechen. Daher möchte ich dazu nur kurz eingehen, dass ist im Grunde auch recht einfach und dann die verschiedenen Möglichkeiten im Bezug der Template-Dateien aufzeigen.

Vorteile der Idee Child Theme

Mehr oder weniger versucht jeder Administrator einer WordPress Installation etwas Individualismus zu leben. Dabei gehen nicht alle den Weg eines eigens erstellen Themes. Nicht selten wird ein freies oder kommerzielles Theme genutzt und dann an die eigenen Bedürfnisse angepasst. Dabei haben diverse Themes unterschiedliche Optionen, die aber trotzdem nur selten für das Anpassen ausreichen. Will man die einzelnen Darstellungen anpassen, beispielsweise die Sicht einer Kategorie, führt dies schnell zu sehr starken Veränderungen des Themes. Egal wie umfangreich, ein Update eines Themes ist nicht mehr ohne Probleme realisierbar. Hier kommen die Child Themes ins Spiel.

Mit einem Child Theme kann ein Theme angepasst werden oder man kann ein Theme als "Framework" nutzen und dabei komplett eigene Ideen umsetzen. Egal wie umfangreich, das eigentliche Theme bleibt unangetastet und kann ein Update erfahren.

Nachteile der Verwendung Child Theme

Wie so oft, wo Vorteile sind, sind auch Nachteile. Nicht selten sind die "Framework" Themes sehr umfangreich und bringen sehr viele Funktionen mit, die man als Laie nicht mehr überschauen kann und das Anpassen kann viel Mühe und Zeit kosten. Hier können auch die Child Themes nicht helfen.
Einen großen Nachteile sehe ich in der Performance, muss WordPress doch einnen Schritt weiter gehen und sich in zwei Bereichen nach den Templates umsehen und entsprechend ziehen.
Im weiteren werden in der Regel die Stylesheets, wenn man auf sie aufbaut, via @-Regel eingebunden, die Nachteile in der Performance hat.

In allen negativen Punkten kommt es auf Können und Wissen des Entwicklers an, also wie man das Theme bzw. Child Theme erstellt. Damit kann man die Punkte entkräften. Wichtig: die neue Funktion ist kein Freibrief, sie sollte genauso überlegt eingesetzt werden. Aber sie sorgt dafür, dass man sein erstandenes Theme nicht anfassen muss und trotzdem sehr überschaubar Anpassungen vornehmen kann.

Child Theme anlegen

Genug der Vorrede, die man sicher erweitern und diskutieren kann. Am Beispiel Theme TwentyTen soll nun eine angepasstes Theme entstehen - ich nenne es TwentyTenJump

Im ersten Schritt wird ein neuer Ordner angelegt, in dem wir alle Template-Dateien, Bilder, Scripte und Stylesheets ablegen - was man im Grunde für das Child Theme benötigt. In diesem Beispiel ist das der Ordner twentytenjump. Um ein Child Theme zu erzeugen und WordPress dieses erkennbar zu machen bedarf es lediglich der style.css innerhalb der neuen Ordners mit diversen Strings in einem Kommentar.

Innerhalb der style.css sieht es wie folgt aus.

@charset "UTF-8";

/**
 * Theme Name:     TwentyTenJump
 * Theme URI:      http://bueltge.de/?p=1192
 * Description:    Child theme for the Twenty Ten theme. Realized for a small tutorial to child themes in WordPress.
 * Author:         Frank Bültge
 * Author URI:     http://bueltge.de/
 * Template:       twentyten
 * Version:        0.1.0
 */

@import url('../twentyten/style.css');

Entscheidend sind die Schlüssel Theme Name und Template. Der Schlüssel Template verweist auf den Ordner-Namen des Theme, welches als Basis gezogen wird - in diesem Beispiel das Theme Twentyten.

Folgenden Aufbau habe ich nun innerhalb der Installation von WordPress.

• wp-content
  • themes
    • twentyten

    (das Basis-Theme, inkl. aller Template-Dateien)

    • style.css
    • index.php
    • ...
    • twentytenjump
      • style.css (muss diese Namenskonvetion erfüllen: style.css)

Damit sind die ersten Voraussetzungen geschaffen und man kann das neue Theme im Backend von WordPress aktivieren.
Achtung: der Verweis auf das Basis-Theme ist nicht sonderlich auffällig, so dass man die Abhängigkeit übersehen könnte. Darum also immer kontrolliert ein Theme löschen. Am verwendeten Theme gibt es keinerlei Hinweis, dass ein anderes Theme als Child-Theme auf dieses Theme zugreift.

Am Stylesheet drehen

Ab nun kann man jede beliebe Änderung in dem eigenen Stylesheet ablegen. Ebenfalls kann natürlich der Aufruf des Stylesheets @import url('../twentyten/style.css'); aus dem Basis-Theme entfallen und man kann sich komplett eigene Stylesheet-Strukturen aufbauen.

Man nutzt quasi die Template-Dateien, den Aufbau und das PHP-KnowHow vom Basis Theme, in dem Fall Twenty Ten. Man kümmert sich ausschließlich um das Design und das im beliebigen Umfang. Beispielsweise könnte das im einfachsten Fall eine Farbänderung des Hintergrund sein und alternativ kann ein komplett eigenes Design kreiert werden.

Templates ersetzen

Die Funktionalität des Child Theme lässt aber mehr zu als das Änderung des Aussehen. So kann man bestehende Template-Dateien des Basis-Themes ersetzen. WordPress sucht quasi im ersten Schritt im übergeordneten Child Theme und dann im Basis-Theme nach dem möglichen Template. Durchläuft dabei die Hierarchie der Template-Dateien.

An vielen Punkten vom Theme kann man via Hook eingreifen, was aber nicht jedem Nutzer liegt und kompliziert erscheint. So wird nicht selten die Ausgabe des Titel im head einer Website mit eigenen Funktionen oder von Plugins ersetzt. Man kann entweder via Hook den Titel bearbeiten oder die Ausgabe über eine Funktion steuern. Für das Beispiel soll nun der Titel mit einer Funktion aus einem Plugin ausgegeben werden. In dem Fall muss die header.php bearbeitet werden und darum muss man wie folgt vorgehen, so dass das Basis-Theme unangetastet bleibt.

Es ist lediglich die header.php, die den head-Abschnitt für das Theme enthält in das eigene Child Theme zu kopieren und hier kann sie beliebig bearbeitet werden. Ab nun zieht WordPress diese header.php und nicht mehr die Original-Datei aus dem Basis Theme Twenty Ten.

Damit kann nun auch die angesprochene Funktion in den Title integriert werden, ein Beispiel:

<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 * We filter the output of wp_title() a bit -- see
	 * twentyten_filter_wp_title() in functions.php.
	 */
	if ( function_exists('seo_title_tag') )
		seo_title_tag();
	else
		wp_title( '|', true, 'right' );

	?></title>

Das Basis-Theme bleibt unangetastet, kann weiterhin via Updates auf dem neusten Stand gehalten werden und ab nun zieht WordPress die header.php immer aus dem Child Theme.

Wie in diesem kleinen Beispiel kann man jedes Template ersetzen und so an die eigenen Anforderungen angepasst werden. Trotzdem sollte man bedenken, dass man das Template komplett ersetzt - in dem Beispiel-Fall würde man also ein Update der header.php nicht mitbekommen. Insofern kann es nützlich sein, wenn man auf diverse Bereiche besser via Hook zugreift und diese in eigenen Funktionen abbildet, dazu gleich mehr.

Wichtig: eine Ausnahme ist die functions.php, dazu im Anschluss mehr.

Templates erweitern

Um eigene Anforderungen zu erfüllen, kann es sein, dass man neue Templates benötigt, Template-Dateien die es im Ist-Zustand nicht im Basis-Theme nicht gibt. Im Sinne der Hirarchie kann man immer erweitern. Beispielsweise besitzt Twenty Ten keine home.php - sollte man die aber definieren wollen, also dann wenn die definierte Home-Seite des Backend im Frontend geladen wird, dann kann man diese Datei einfach in das Child-Theme ablegen und WordPress zieht diese Datei, wenn der Zustand is_home() wahr ist.

Mit WordPress Version 3.0 gibt es aber eine weitere Möglichkeit außerhalb der Template-Hirarchie um eigene Templates einzubringen - get_template_part().
Diese Funktion wird konsequent innerhalb von Twenty Ten verwendet - damit muss man in diversen Fällen keine eigenen Templates für den kompletten Aufruf anlegen, sondern lediglich den Abschnitt des Loop.
Beispielsweise nutzt Twenty Ten für die Darstellung der Kategorie-Archive den Aufruf get_template_part( 'loop', 'category' );. Damit ist es möglich, dass in unserem Child Theme ein Template abgelegt wird, was diesen Loop bedient. Es ist also lediglich eine Datei loop-category.php anzulegen und dort alle notwendigen Infos abzulegen.
Im folgenden Beispiel passe ich den Loop an, wenn man sich einem der vier Kategorien befindet. Weitere Änderungen sind möglich, so dass man volle Kontrolle und Flexibilität erhält.

// Anpassungen des Loop
if ( in_category( array(47, 37, 27, 45) ) ) {
	query_posts( 'cat='.$cat.'&posts_per_page=-1&orderby=title&order=ASC' );
}	else {
	query_posts( 'cat='.$cat.'&posts_per_page=20&paged='.$paged );
}
while ( have_posts() ) : the_post(); ?>

Ähnlich könnte man so den Loop für die index.php anpassen - Template Datei loop-index.php wäre dann im Spiel

Funktionen einbringen

Natürlich kann man auch innerhalb des Child-Theme eigene Funktionen einbringen. Wenn man eine eigene functions.php im Child Theme ablegt, dann ersetzt diese Datei nicht die functions.php des Basis-Theme!
Es werden immer die Funktionen des Basis-Theme genutzt; man muss sie via Hook deaktivieren. Die Möglichkeit wird auch in einer Doku in der Datei functions.php erklärt.

add_action( 'after_setup_theme', 'my_child_theme_setup' );
function my_child_theme_setup() {
		// We are providing our own filter for excerpt_length (or using the unfiltered value)
		remove_filter( 'excerpt_length', 'twentyten_excerpt_length' );
		...
}

Innerhalb der Funktion my_child_theme_setup() kann man nun Funktione des Basis-Theme deaktivieren und eigene Funktionen einbringen.

Weitere Funktionen gehören in die functions.php des Child Themes - das Basis-Theme bleibt immer unangetastet. Im folgenden Code dazu ein Beispiel.
Dabei deaktiviere ich die Funktion des Basis Theme Twenty Ten zur Länge des Excerpt und lade dazu eine eigene Funktion twentytenjump_excerpt_length() und es wird ein Widget eingebracht.

<?php
function twentytenjump_setup() {

	remove_filter( 'excerpt_length', 'twentyten_excerpt_length' );
	add_filter( 'excerpt_length', 'twentytenjump_excerpt_length' );

	add_action( 'widgets_init', 'register_limited_catagories_widget' );
}
add_action( 'after_setup_theme', 'twentytenjump_setup' );

function twentytenjump_excerpt_length( $length ) {
	return 10;
}

class limited_catagories_list_widget extends WP_Widget {

	function limited_catagories_list_widget(){
		$widget_ops = array( 'classname' => __('Selective categories'), 'description' => __('Show a list of Categories, with the ability to exclude categories') );

		$control_ops = array( 'id_base' => 'some-cats-widget' );
		$this->WP_Widget( 'some-cats-widget', __('Selective Catagories'), $widget_ops, $control_ops );
	}

	function form ( $instance){
		$defaults = array( 'title' => __('Catagories'), 'cats' => '', 'count' => 0 );
		$instance = wp_parse_args( (array) $instance, $defaults );
		$count = isset($instance['count']) ? (bool) $instance['count'] :false;
		?>
		<p>
			<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
			<input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>" class="widefat" />
		</p>
		<p>
			<input type="checkbox" class="checkbox" id="<?php echo $this->get_field_id('count'); ?>" name="<?php echo $this->get_field_name('count'); ?>"<?php checked( $count ); ?> />
			<label for="<?php echo $this->get_field_id('count'); ?>"><?php _e( 'Show post counts' ); ?></label><br />
		</p>
		<p>
			<label for="<?php echo $this->get_field_id( 'cats' ); ?>"><?php _e( 'Categories to exclude (comma separated list of Category-IDs): ' ); ?></label>
			<input id="<?php echo $this->get_field_id( 'cats' ); ?>" name="<?php echo $this->get_field_name( 'cats' ); ?>" value="<?php echo $instance['cats']; ?>" class="widefat" />
		</p>
		<?php
	}

	function update($new_instance, $old_instance) {
			$instance = $old_instance;
			$instance['title'] = strip_tags( $new_instance['title'] );
			$instance['count'] = !empty($new_instance['count']) ? 1 : 0;
			$instance['cats']  = strip_tags( $new_instance['cats'] );
			return $instance;
	}

	function widget($args, $instance){
		extract( $args );
		$title = apply_filters('widget_title', $instance['title'] );
		$c     = $instance['count'] ? '1' : '0';
		$cats  = $instance['cats'];
		echo $before_widget;
		if ( $title )
			echo $before_title . $title . $after_title;
		echo '<ul>';
		wp_list_categories("exclude=$cats&title_li=&show_count=$c");
		echo '</ul>';
		echo $after_widget;
	}

}

function register_limited_catagories_widget(){
	register_widget('limited_catagories_list_widget');
}
?>

Fazit

Ich meine aktuell, dass durch die Einführung des neuen Standard-Theme Twenty Ten sicher einige neue schöne Funktionen hinzugekommen sind. Ich denke aber ebenso, dass Twenty Ten sehr ungeeignet ist um die Arbeit von WordPress im Bereich des Themes zu verstehen. Gerade Einsteiger und PHP-Neulinge werden sich schwer tun. Trotzdem entstehen so neue Möglichkeiten und will man Child Themes sauber nutzen, dann kommt man um das Verständnis der Hooks in der WordPress API nicht herum. WordPress führt die Idee der Hooks konsequent fort, schon immer in Plugins beliebt, machen sie sich nun auch in Themes breit. Alles hat Vor- und Nachteile.
Nutzt man aber ein gut gepflegtes Theme oder Framework, dann wird man die neuen Möglichkeiten schätzen und kann so immer ohne Probleme Updaten. Entscheidend wird das eigene Wissen um WordPress sein - je nach Interesse, Wissensstand und Arbeitsweise kann man eigene Themes erstellen. Man sollte sich im Vorfeld Gedanken machen und nicht blind loslegen und wie so oft, am Theme schrauben.

Download:

Zum Abschluss noch das Theme mit den entsprechenden Template-Dateien als Downlaod, so dass man einen kleinen Start zum Spielen hat.

Ist die Arbeit nicht 1 Euro wert?
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.
Möchtest du mehr oder anders spenden, so besuche meine Wunschliste.
Download als zip-Datei: twentytenjump.zip - 5 kByte

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Aber die Permalinks klappen erst dann, wenn die Rewrite Rules von WordPress neu erzeugt wurden - vermutlich kommen da die vielen Fragen her. Wenn man einen neuen Post Type anlegt und damit spielt, kommt oft die Frage, warum der Aufruf des Custom Beitrags auf einen 404 führt - WordPress kennt die URL-Struktur in den Permalinks nicht und immer wieder vergisst man, dass man die Rewrite Rules neu erzeugen muss.
Im einfachsten Fall speichert man das Setzen der Permalinks in den Einstellungen neu - alternativ kann man in sein Plugin oder das Theme die Funktion flush_rewrite_rules() integrieren. Diese bewirkt das erneute Setzen der Rewrite Rules.

* Ich überlege, ob ich ein Plugin mit Verwendung der Custom Post Types bereit stelle, wobei ich verschiedene Erweiterungen integriert habe, die mir typisch in der Verwendung der Post Types erscheinen. Wie ist dazu die Meinung, oder ist dies eher Entwicklerwerkzeug und bei diesen Anwendern bekannt und damit für die Leser uninteressant oder zu viel Code?

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Alternativ kann man mit der ID der Seite oder des Beitrags arbeiten, Funktion the_ID() übergibt diese. Aufpassen, IDs und Klassen dürfen nicht mit einem Zahlenweert beginnen und daher muss ein String ergänzt werden, beispielsweise

<div id="page-<?php the_ID(); ?>">

Als letzte Alternative möchte ich erwähnen, dass man die Funktion body_class() via Hook mit eigenen Klassen erweitern kann. So kann man auch den Titel einer Seite/Beitrags via Hook in diese Funktion bringen und ausgeben lassen.

function fb_title_body_class($classes) {
	global $post;

	$classes[] = sanitize_title_with_dashes( get_the_title( $post->ID ) );

	return $classes;
}
add_filter( 'body_class', 'fb_title_body_class' );

Im folgenden der einfachste Fall via Titel, so dass man lediglich diese Klasse ausgibt und body_class() wird nicht genutzt.

Mit Hilfe des Titel

in den header des Themes kommt das Stylesheet:

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom.css" type="text/css" media="screen" />

Alternativ wird dieses via Hook wp_head eingebunden, wenn die entsprechende Seite geladen wird, so lädt man das explizite Stylesheet nur, wenn es benötigt wird und der header ist lesbar. Alles spielt sich in der functions.php des Themes ab.

in den body-Tag der page.php kommt der Titel der Seite:

<body class="<?php echo sanitize_title_with_dashes( get_the_title() ); ?>">

Damit hat die Seite "My Home" den body-Tag:

<body class="my-home">
und so weiter...

in der custom.css definierst du nun alle Styles für class home: bsp.

.my-home a { color: #090; text-decoration: none; }
.my-home a:visited { color: #999; text-decoration: none; }
.my-home a:hover { color: #f60; text-decoration: none; }

in dem original-Theme sieht das so aus:

a { color: #009; text-decoration: underline; }
a:visited { color: #999; text-decoration: underline; }
a:hover { color: #c00; text-decoration: underline; }

Wie ich finde, ein Ansatz mit viel Potential und dies überlasse ich gern eurer Kreativität. Wer also mit WordPress für jede Seite ein anders Stylesheet laden möchte, hat so einen Ansatz für eine Lösung.

Plugin-Lösung

Auf Wunsch einiger Leser habe ich ein kleines Plugin erstellt, welches den Titel des Beitrags in die Funktion body_class() schreibt. Man muss also lediglich das Plugin aktivieren und die WordPress Standard-Funktion body_class() im body-Tag verwenden - wenn sie nicht schon im Theme integriert ist. In der Regel findet das im Template header.php statt.

<body <?php body_class(); ?>>

Die Version 0.1 sieht wie folgt aus:

<?php
/**
 * Plugin Name: Title 2 body_class
 * Plugin URI: http://bueltge.de/wordpress-theme-in-abhaengigkeit-des-titel/397/
 * Text Domain: title2bodyclass
 * Domain Path: /languages
 * Description: Add the title of the post to the boy_class-function
 * Author: Frank B&uuml;ltge
 * Version: 0.1
 * Author URI: http://bueltge.de/
 * Donate URI: http://bueltge.de/wunschliste/
 * License: GPL
 * Last change: 26.07.2010 10:37:23
 */ 

/**
License:
==============================================================================
Copyright 2010 Frank Bueltge  (email : frank@bueltge.de)

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

Requirements:
==============================================================================
This plugin requires WordPress >= 2.8 and tested with PHP Interpreter >= 5.2.9
*/

if ( !class_exists('title2body_class') ) {

	global $wp_version;
	if ( !function_exists ('add_action') || version_compare($wp_version, "2.8alpha", "<") ) {
		if (function_exists ('add_action'))
			$exit_msg = 'The plugin requires WordPress 2.8 or newer. <a href="http://codex.wordpress.org/Upgrading_WordPress">Please update WordPress</a> or delete the plugin.';
		else
			$exit_msg = '';
		header('Status: 403 Forbidden');
		header('HTTP/1.1 403 Forbidden');
		exit($exit_msg);
	}

	class title2body_class{

		function __construct() {

			add_action( 'body_class', array( &$this, 'title_body_class' ) );
		}

		function title_body_class($classes) {
			global $post;

			$classes[] = sanitize_title_with_dashes( get_the_title( $post->ID ) );

			return $classes;
		}
	}

	function title2body_class_start(){
		new title2body_class();
	}

	add_action('plugins_loaded', 'title2body_class_start');
}
?>

Download des Plugins Title 2 body_class: title2body-class.zip (1 kByte)

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Ab und an sitzt man ja mit Freunden zusammen und hat die eine oder andere tolle Idee - nicht selten stirbt man über der Idee ab und man glaubt nicht wirklich an eine Realisierung. Das folgende Produkt ist so was - da würde ich beim Bier sicher drüber philosophieren, einen Businessplan würde ich aber für Riskant erachten und so war ich sehr gespannt auf den Gürtel von wechselwild.com für Unentschlossene und Selbermacher.

Ich habe das Einsteigerset von wechselwild bekommen und dies enthält einen Gürtel (in meinem Fall schwarzes Leder) mit der ideenreichen Schnalle, diverse Bilder und einen Rahmen zum vereinfachten Erstellen eigener Motive.

Beim Auspacken gefällt die Aufmachung. Der Gürtel macht was her, tolles Material und sehr gute Verarbeitung. Die Größe der Schnalle ist vielleicht nicht jedermann Sache, aber dies ist persönlicher Geschmack. Die Schnalle kommt mit magnetischer Wirkung und so kann man beliebig das Motiv der Schnalle ändern - zu jedem Anlass oder Kleidungsstück gibt es damit die passende Gürtelschnalle. Wie schon erwähnt, finde ich ein tolle und witzige Aktion und wenn dazu noch die Qualität passt, dann ist dies sicher lobenswert. Ich bewundere den Mut zu diesem Produkt.

Same Shit. Different Belt.

Der Slogan der Jungs und Mädels zeigt eigentlich, was den Gürtel ausmacht. Man ist kreativ und kann sich selbst verwirklichen im Design der Gürtelschnalle. Mit Shirts wird diese Idee ja seit Jahren praktiziert und nun gibt es eine weitere Zone des Körpers, die man kreativ und passend gestalten kann. Schaut euch doch mal in den Motiven um (iPhone Liebhaber werden ebenso fündig), auch da kann man sich Inspiration holen und das Aussehen komplettieren.

Ich für meinen Teil finde die Idee toll, der Preis des Einsteigersets passt zur Qualität des Gürtels, gilt für Leder, Schnalle und Verarbeitung. Ich wünsche der Idee viel Erfolg, macht sie die Straßen doch wieder ein Stück bunter.

Die Website gibt viele Infos, Optionen und Möglichkeiten - offensichtlich lebt man Veränderungen und Weiterentwicklung. Schaut euch um, bildet euch eine Meinung und vielleicht seit ihr ja ebenso begeistert wie ich.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Das Plugin ist weiterhin frei, Open Source und GPL. Für Anwender also kein Nachteil - für mich der Vorteil, dass ich eine Aufgabe weniger habe. Weitere Hinwiese gibt es von den neuen Entwicklern.
Ich habe schon in der Vergangenheit Plugins abgegeben oder sterben lassen - dies ist immer eine Entscheidung des oder der Autoren. In diesem Fall ist wohl in beiden Nutzern gedient, denn der Backlink dieses Plugins ist sicher als hochwertig einzustufen und für Anwender bleibt das Plugin erhalten. Weitere Plugins von mir - die im SVN von WordPress gehostet sind, noch immer genug für den Abend, findet man über meinen User.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

A/B Tests unterteilen die Zielgruppe der Website in unterschiedliche Gruppen - A & B. Je nach Gruppe wird das Werbemittel erstellt und ausgewertet. Ziel ist die Optimierung von Elementen auf der Site für die jeweilige Zielgruppe. Es findet also ein Vergleich des bestehenden Werbemittels mit einem veränderten Mittel statt und die Auswertung zeigt dann, welches Werbemittel besser anschlägt. Mehr Informationen gibt es beispielsweise bei Wikipedia.

Mitcho, Entwickler diverse populärer Plugins für WordPress und Firefox, hat mit Unterstützung von Automattic die erste Version des Plugins ShrimpTest veröffentlicht. Schon jetzt macht das Plugin eine gute Figur und lädt zum testen ein. Hintergründe und Informationen zu weiteren Releases erfährt man auf der Site und im Video zum Plugin. Das Plugin hat eine komplette Verwaltung im backend und im Frontend der Site kann man zwischen den verschiedenen Tests variieren.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

„Netzwerken“

Der wichtigste Punkt bei einem WordCamp ist für mich der Austausch - wir schaffen eine Plattform, legen einen Termin fest (wobei wir immer abhängig von den Beitreibern der Location sind), so dass Interessenten zum Thema Web und WordPress sich austauschen können. WordPress ist flexibel - wir sollten es auch sein; für mich macht das die Möglichkeiten des Web aus und die Mauer im Kopf ist sicher ein falscher weg.

Inhalte

Inhaltlich steuern wir nur bei, wenn wir eigene Sessions abgeben dürfen und zeitlich können. Für mich ist das nicht immer einfach und das Camp ist damit immer kontrovers von mir gesehen wurden, denn als Mitglied des Orga-Team, hat man fast immer zu tun - es gibt immer etwas zu klären, zu organisieren. Leider konnte ich keine Session im Ganzen besuchen, gab es doch die eine oder andere spannende Thematik - Lob an Michael und Silvia - diese beiden Sessions konnte ich Bruchstücken sehen und beide Themen empfinde ich als spannend und wichtig.

Austausch & Gespräche

In erster Linie suche ich also Gespräche, dabei komme ich nie auf mein Ziel - es ist einfach zu viel und ich würde oft gern mit fast jedem in einen Austausch kommen. Da treffe ich Dirk oder Jens und viele andere, mit denen ich via Netz & Telefon im Kontakt stehe und finde dann leider immer nur bruchstückhaft die Zeit, mit den Leuten zu plaudern. Das ist der Nachteil, wenn man organisiert und wir wollen, dass es den Leuten gefällt - also muss hier und da immer was getan werden. Die Kostendeckung ist nicht so, dass wir einen Event-Organisation beauftragen und fertig - hier steckt enorme Eigenleistung drin. Vermutlich könnte auch wir dann entspannen und die Beine hoch legen.

Aussichten

So lange machen wir aber weiter, wenn die Besucher des WordCamp es denn wollen. Insofern schauen wir auch, dass ihr einigermaßen gut versorgt werden - Obst für die Fitness, Kuchen für die Nerven und Getränke für die Spannkraft, möglichst alles 4free - die 10€ sind eine Spende und werden in den kommenden Tagen einer Organisation übergeben. Sie dienen lediglich als Aspekt, um nicht willkürlich den platz zu bloggen und somit die beschränkten Anmeldungen zum WordCamp auch wirklich für kommende Besucher zu haben.

Geschmäcker sind verschieden - zum Glück

Es ist nicht leicht, den Geschmack aller zu treffen - was dem einen gefällt, ist dem anderen noch lange nicht recht. Wir wollen jedes Jahr einen anderen Ort anbieten, wollen verschiedene Sachen versuchen und uns weiter entwickeln. Daher ist es gut, wenn ihr Feedback gebt, Ideen einbringt. Einige Leute haben dies direkt am Ende der Sessions getan, anderen schreiben Beiträge dazu und andere senden uns eine Mail.

vielen, vielen Dank für das WordCamp 2010! Es war eine unterhaltsame und informative Zeit. Ich habe wieder einmal viele nette und offene Menschen kennengelernt, wofür ich Euch sehr dankbar bin. Auch die Einzelgespräche waren wegweisend.

Meinen Respekt an Euch alle für die Organisation! Ihr habt nie den Eindruck gemacht, dass Ihr müde wärt, ganz im Gegenteil: Wer hinschaute, hat Euch immer wuseln und organisieren sein, ausnahmslos!

Es war toll, von der Verpflegung bis hin zu den Inhalten, von den emotionalen Momenten der WM ganz abgesehen. Aber eben auch das war möglich.

RIESEN DANK AN EUCH ALLE!
Dirk

Themenvielfalt & Kenntnisstand

Klar ist wohl, nicht allen kann man es recht machen. Trotzdem wollen wir ein Konglomerat an Möglichkeiten anbieten, jeder soll sich wieder finden und wohl fühlen. Inhaltlich ist das eher schwer - die Themen, das Level der Sessions muss durch die Besucher kommen - wir geben nur den Rahmen. Und dieser Rahmen soll möglichst gut für eine Unkonferenz geeignet sein, wobei wir den Begriff des BarCamp schon aufweichen und im Vorfeld Sessions einreichen lassen, bewerten lassen und einen obligatorischen Programmplan erstellen. In diesem Jahr empfand ich es als besonders wertvoll, dass dies so ist, denn die Bereitschaft für Sessions, die man adhoc zum Camp vorstellt, war doch recht gering. Im Laufe des Tages haben sich dann noch einige ergeben - hier gilt es mutiger sein. Im Nachhinein erfährt man dann im Gespräch, hätte ich doch, wollte ja und naja ... Schade, die Chance für Feedback und für Austausch hat man nur an diesem einem Tag.

Nachhaltigkeit

Vielleicht ist das ja wirklich zu diskutieren, vielleicht sollte man zwei Tage in Erwägung ziehen - aber: ich denke, dass es nichts bringt, aktuell sind die Vorträge so, dass man einen Tag gut füttern kann; alles weitere ist Zeit, die viele nicht geben wollen - mein Eindruck. Der Freitag hat sich etabliert und auch da kommt nur ein Teil der Leute, ist doch hier die Chance am größten, neue Leute zu treffen, in den Austausch zu gehen und ein Netzwerk zu bilden. Gerade im Sektor Web, besonders wenn man beruflich in diesem Bereich tätig ist, sehe ich im Netzwerk die größte Chance.
Viele Webworker sind Einzelkämpfer - man kann nicht alles wissen, muss man auch nicht, man muss wissen, wen man fragen kann oder wer einem hilft - und brauchen das Netzwerk. Hier sehe ich die Stärke und daher sollte man gerade dieses Netzwerk auf solchen Veranstaltungen wachsen lassen und pflegen.

um es noch mal persönlich zu sagen: es war ein absolut geniales Wochenende! Ihr habt da wirkliches tolles auf die Beine gestellt, trotz widriger Bedingungen wie Strom, Wetter und Fußballspiel...
Thomas

Location

Ein großes Problem für uns als Orga-Team ist immer die Location - nicht einfach etwas zu finden und alles sicher abzuklären, so auch hier. Im letzten Jahr wurden wir da seitens Intershop sehr verwöhnt. Im betahaus muss man dann in den letzten Tag vor dem Camp erfahren, dass es keine Stühle und kein Strom gibt, obwohl wir seit Monaten in Verbindung stehen. Hier hilft nur Improvisieren und zum Glück waren wir in Berlin, Stühle und Kabeltrommeln konnten kurzfristig organisiert werden. Unsere Planung war damit aber auch hin, von der Kalkulation ganz zu schweigen. Gleiches gilt für die Timeline, da man die Stühle dann gegen 22Uhr abholte, anstatt wie geplant um 20Uhr. So war dann ein langer Tag spät zu Ende, die Folgen waren im Kopf und den Füßen in erster Linie zu spüren und als meine Frau dann den Tisch beim Inder als Kopfkissen nahm, ging ein aufregendes und spannendes Wochenende zu Ende es blieben einige Gespräche am Sonntag morgen beim ruhigen Frühstück.

Fazit

Ich für meinen Teil habe viele Leute getroffen, kennen gelernt und mein Eindruck: WordPress und Menschen scheinen nicht nur mir Spaß zu machen. Auf ein neues, immer besser, immer mehr und immer mit diesem Elan und der Freude. Die gute Stimmung war ja auch schon vor dem WM-Spiel auf dem Camp vertreten und ich war begeistert, wie viele die gute Stimmung halten konnten, auch wenn nicht alles perfekt ist.

Es gibt noch so viel zu erzählen, aber ich bin wohl noch immer ein wenig verschlissen und so will ich hier schließen und danke für die vielen netten Kontakte. Vielleicht gibt es eine weitere Auflage des WordCamp - wir werden sehen.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Irgendwie kennt man sich ja: David, Perun und ich haben mal über diverse Kanäle Kommunikation betrieben, die Stimme auf der anderen Seite ist trotzdem immer was anderes. Man merkt, ich kenne die da und eigentlich doch nicht. Man muss erst mal nachfragen, wie man denn den Namen ausspricht und stellt die eine oder andere Schwäche öffentlich - Podcasts sind anders, hier werden Aussprache-Fehler deutlich, dagegen sind die Rechtschreibfehler im Blog harmlos - die kann ich korrigieren. Egal, lasst euch überraschen oder schaltet ab, wenn ihr mich nicht auf den Ohren ertragen wollt.

Klar: nicht alles ist fehlerfrei, da muss ich wohl noch üben; es ist nicht vollkommen, die Zeit ist dafür einfach zu kurz und klar, ihr könnt meckern und wenn ich denn einmal eine weitere Möglichkeit habe, dann werde ich es besser machen, wenn ich denn kann und daran denke. Und ja, die Links sind nicht vollkommen, aber ich denke, dass wir viel abgebildet haben und was ich so nutze, ist drin.

Ach ja, es gibt im übrigen Gewinne - tolle Bücher und DVDs, also - vorbei schauen, zuhören, gewinnen und kommentieren.

Mir bleibt nur zu sagen - viel Spaß.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Ein weiterer wichtiger Punkt, wohl der Wichtigste und der, der mich am meisten stört: die meisten FeedBurner-Nutzer leiden leiten jeden ihrer Feeds auf einen Feed um. Dies ist besonders nachteilig wenn man auf WordPress setzt, denn WP generiert im Standard für jede Archivsicht (Kategorien, Tags, Autoren, etc.) eigene Feeds - einfach so. Ich möchte ab und an nur bestimmte Bereiche des Autors oder der Site lesen und man nimmt mir die Chance dazu, in dem man alle Feeds der Applikation auf eine gemeinsame URL umleitet.

Ich mag die Idee der Feeds, ich liebe FullFeeds und ich liebe den Gedanken Inhalte zu tauschen und dem Leser die Art und Weise zu übergeben, wie er denn den Inhalt konsumiert. Gerade in Zeiten von unterschiedlichen Geräten zum Konsumieren von Inhalten, sei es iPad oder der mobile Client, ist es sehr schön, wenn ich als Konsument mein Leseverhalten beibehalten darf und nicht dem Zwang des Autors oder Websitebetreibers folgen muss. Ich will die Diskussion zum FullFeed damit nicht wieder aufleben lassen, dies habe ich schon getan, siehe Short Feeds: Es stinkt mir, aber auch dies ist eine Einschränkung, ebenso wie die Bündelung aller Feeds in einen via FeedBurner.

Der letzte Punkte ist ebenso störend, wenn man ihn gehen will oder muss - was wenn man den Account bei FeedBurner killt, dann gehen die Probleme erst richtig los. Die User haben den Feed über die URL von FeedBurner abonniert und ggf. verliert man alle Leser, die man über die Zeit geschätzt hat. Die URL von FeedBurner ist bei den Leuten im Reader, nicht die URL der Site - schade, denn Sie bekommen ohne Zusatzinfos nichts mit. Eine Weiterleitung ist so gut wie unmöglich und damit kann man nur hoffen, dass bei dieser Änderung der User seinen Reader updated und den letzten Post via FeedBurner-URL liest und auch ausführt.

Update: Weitere Aspekte gegen den Einsatz von FeedBurner nennt der Nachtwächter.

Aktuell sehe ich keinen Vorteil in der Nutzung von FeedBurner - sagt mir, warum ihr FeedBurner nutzt, oder warum nicht. Es interessiert mich wirklich.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Ich möchte die folgende Aussage einfach zum Nachdenken hier ablegen, mehr oder weniger Wertefrei - aber ich weiß, dass jede Maschine und jeder Mensch ab und an eine Auszeit brauchen - ansonsten verkürzt sich die Laufzeit oder der Verschleiß steigt exponential. Zeit für Familie, Zeit für Alternativen zum Job und Zeit für Alternativen zum Netz sind wichtig und sollten bewahrt werden.

Das Problem mit all den Interaktionsmöglichkeiten ist, dass man den Wunsch verspürt, immer überall zu antworten. und zwar nicht nur während der Arbeitszeit, sondern rund um die Uhr. Man ist immer erreichbar. ... Wir verlieren unsere Auszeiten. Wir nutzen den Blackberry beim Abendbrot, senden ständig Tweets. Die Zeit, in der wir früher Sudoku oder Tennis spielten, verbringen wir im Netz. Wir nehmen Arbeitsprobleme aus dem Unternehmen mit nach Hause und lassen uns ständig damit konfrontieren. ... Die größte Herausforderung dürfte der Burnout werden.
Experts warn of the dark side of Enterprise 2.0

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Ab und an braucht man aber etwas bestimmtes und einiges davon wiederholt sich und daraus sind einige Code-Schnippsel entstanden, die hier nun abgelegt sind. Dabei möchte ich speziell am Beispiel jQuery zeigen, wie das geht - liegt zum einen daran, dass jQuery mit vielen Plugins im Core von WordPress vorhanden ist und dass die Arbeit mit jQuery recht unkompliziert ist. Prinzipiell gelten die Hooks und Aufrufe aber auch für eigene Scripte und andere Bibliotheken.

Die Hooks zum einhaken

WordPress bietet die Hooks um an bestimmten Punkten im Core einzuhaken. Hier ist einer der Stärken von WordPress und die folgenden drei Hooks sind insbesondere für das inkludieren von Scripten bei Themes interessant. Die nachfolgenden Beispiele zeigen die Verwendung auf.

• init
• template_redirect
• after_setup_theme ab WordPress 3.0

jQuery von WordPress im Theme mit der Google AJAX Library ersetzen

Im folgenden Source wird die jquery-Library von Google CDN geladen; die Nutzung von jQuery kann aber ungestört genutzt bleiben. Andere Plugins können also via wp_enqueue_script() sehr einfach auf die Bibliothek zugreifen.

function fb_greyfoto_init() {
	if ( !is_admin() ) { // prinzipiell überflüssig, da der Hook nur im Theme zieht
		wp_deregister_script( 'jquery' ); // deregister Schlüssel jquery
		wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js', false, '1.4.2'); // registriere Schlüssel jquery mit der URL von Google CDN
		wp_enqueue_script( 'jquery' ); // binde jquery ein
	}
}
// nur für Theme, ab WordPress 3.0
add_action( 'after_setup_theme', 'fb_greyfoto_init' ); // Theme aktiv, inkludiere Funktion

jQuery Library im Footer

Der Standard-Aufruf von wp_enqueue_script( 'jquery' ) im Theme sorgt zwar dafür, dass man jQuery von WordPress holt und wenn alle Plugins und Themes die Bibliothek so referenzieren, dann wird die Bibliothek auch nur einmal eingebunden, aber jQuery wird nicht im Footer geladen, sondern im head der Site. Daher muss der Aufruf umgestellt werden und der Parameter für "lade im Footer" mitgegeben werden.
Im Aufruf des Beispiel zeigt sich auch der Unterschied der Hooks, da after_setup_theme erst ab WordPress 3.0 zur Verfügung steht.

function fb_greyfoto_init() {
	if ( !is_admin() ) {
		wp_deregister_script( 'jquery' );
		wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.4.2', true ); // lade im Footer - true
		wp_enqueue_script( 'jquery' );

		// js vom Theme laden, Vorraussetzung jQuery
		wp_enqueue_script( 'styleswitcher', get_bloginfo( 'template_directory') . '/js/styleswitcher.jquery.php', array( 'jquery'), '1.3.2', true ); // lade mein Script mit Schlüssel styleswitcher im Footer und benutze jquery
		wp_enqueue_script( 'greyfoto', get_template_directory_uri() . '/js/photoblogfb.js', array( 'jquery', 'styleswitcher'), '1.1.3.1', true ); // nutze jquery und styleswitcher und lade dann Script greyfoto
	}
}

// auch für WP < version 3.0
global $wp_version;
if ( version_compare($wp_version, "3.0alpha", "<") ) {
	add_action( 'init', 'fb_greyfoto_init' );
} else {
	add_action( 'after_setup_theme', 'fb_greyfoto_init' );
}

Das obige Beispiel kann man noch ein wenig eleganter lösen und so das Laden der Scripte an WP übergeben; wichtig ist, dass die eigenen Scripte über einen Schlüssel registriert sind und diese Schlüssel gibt man dann nur als Voraussetzung mit.

function fb_greyfoto_init() {
	if ( !is_admin() ) {
		wp_deregister_script( 'jquery' );
		wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.4.2', true ); // lade im Footer - true
		wp_register_script( 'styleswitcher', get_template_directory_uri() . '/js/styleswitcher.jquery.php', array( 'jquery'), '1.3.2', true ); // registrier mein Script mit Schlüssel styleswitcher für das Laden im Footer und Vorraussetzung jquery
		wp_register_script( 'greyfoto', get_template_directory_uri() . '/js/photoblogfb.js', array( 'jquery', 'styleswitcher'), '1.1.3.1', true ); // nutze jquery und styleswitcher und lade dann Script greyfoto

		wp_enqueue_script( array('greyfoto') ); // greyfoto braucht styleswitcher und jquery
	}
}

add_action( 'after_setup_theme', 'fb_greyfoto_init' );

Script bei spezieller Seite laden

Manche Scripte braucht man explizit nur auf bestimmten Templates, Seiten oder Beiträgen - dazu sind die Conditional Tags da; es gilt sie zu nutzen. Hier beginnt Performance-Optimierung. Das folgende Script wird nur beim Template custom-page.php geladen.

function fb_greyfoto_page_init() {
	if ( !is_page_template( 'custom-page.php' ) )
		return;

	wp_enqueue_script( 'mypagescript', get_template_directory_uri() . '/js/my_script_4_page.js', array('jquery'), '0.1', true );
}
add_action( 'template_redirect', 'fb_greyfoto_page_init' );

Die Verwendung des $

Auch innerhalb der Scripte gibt es einiges zu beachten.
Um mit $ zu arbeiten, wie viele mit jQuery gewohnt sind, muss Jquery aan $ übergeben werden; einfach und schnell passiert und nun kann man wie gewohnt arbeiten. Die Kurzvariante $(function() {} ); sollte man sich innerhalb von WordPress angewöhnen.

jQuery(function ($) {
	// hier kann man nun ohne Probleme $ als Referenz auf jQuery nutzen
});

Um zu prüfen, ob das HTML geladen ist, nutzt man den folgenden Aufruf. So stellt man sicher, dass der DOM geladen ist und man via jQuery das DOM durchsuchen kann und nun die eigentliche Arbeit des Scriptes starten kann. Ein klare Empfehlung also für diese Variante. Die vielen Vorteile möchte ich nicht erklären, dies kann man genau und umfangreich im Beitrag Introducing $(document).ready() nachlesen.

jQuery(document).ready(function ($) {
	$('#id').toggle({
		//paramter für bsp. toggle
	});
});

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Demo des Photoblog
Vielen Dank schon jetzt an die Tester.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Die Aktion lasse ich bis zum Sonntag, den 13.Juni 2010 laufen und gebe dann die Gewinner hier bekannt. Hinterlasst einen Kommentar, worüber auch immer und gebt T-Shirt-Größe und Motiv (Nummer der Bilderreihenfolge genügt) mit, hinterlasst eine gültige E-Mail-Adresse, so dass ich euch dann anschreiben kann.
Sollten es mehr als 10 Kommentare werden, dann lose ich via Zufall die 10 Gewinner aus und werde jeweils, wenn das Shirt schon weg ist, den nächsten Gewinner ziehen - daher könnt ihr auch gern 2 oder 3 Shirt-Motive mitgeben.
Viel Spaß und danke für diese Aktion an die Jungs und Mädels von 3DSupply; meine Gewinne wären sicher schmaler ausgefallen.

Gewinner

• #14 - C8H10N14O2
• #69 - Ponnyhof
• #160 - Bähhhm!
• #50 - Enter
• #29 - Localhorst
• #11 - Tasten
• #82 - Eulen
• #45 - Add to Favorites
• #39 - Kopiervorgang abgebrochen
• #122 - VW Bus

Herzlichen Glückwunsch den Gewinnern und viel Spaß mit den Shirts, ich werde die Adressen bei euch via Mail abfragen und bei #122 nochmal die Größe, da sie im Kommentar fehlt. Im Anschluss werden die Shirts dann direkt von 3D Supply versandt.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Liste aller Unterkategorien

Manchmal braucht man einfach nur eine Liste alle untergeordneten Kategorien, fragt nicht warum. Die Anforderungen von Projekten kann sehr vielfältig sein, ebenso der Lösungsweg und in meinem Fall ist ein kleiner Code-Schnippsel entstanden, die sich um die Ausgabe der Subcategories kümmert; zum mitnehmen, spielen, verbessern und erweitern.

$echo = '<ul>' . "\n";
$childcats = get_categories('child_of=' . $cat . '&hide_empty=1');
foreach ($childcats as $childcat) {
	if (1 == $childcat->category_parent) {
		$echo .= "\t" . '<li><a href="' . get_category_link($childcat->cat_ID).'" title="' . $childcat->category_description . '">';
		$echo .= $childcat->cat_name . '</a>';
		$echo .= '</li>' . "\n";
	}
}
$echo .= '</ul>' . "\n";
echo $echo;

Abfrage, ob in Kategorie oder Subkategorie

Die zweite Sache brauchte ich nicht erstellen, die habe ich bei valen gefunden - klein aber fein. Sie gibt zurück, ob man sich in einer untergeordneten- oder der Haupt-Kategorie befindet. Brauchen kann man so was, wenn man komplexe Strukturen aufbaut und steuern will. Als Übergabe muss die ID der Kategorie mitgegeben werden, kein Slug!

function is_category_or_subcategory($catID = 0) {
	foreach (get_the_category() as $cat) {
		if ( $catID == $cat->cat_ID || cat_is_ancestor_of($catID, $cat) )
			return true;
	}
	return false;
}

In dem Zusammenhang im übrigen der Hinweis auf die Funktion cat_is_ancestor_of() - sehr mächtig und nützlich.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Die Funktion

Die folgenden kleine Funktion gehört in die functions.php des Themes oder auch in ein Plugin ausgelagert. Hier ist eurer Wissen gefragt - für mich ist es Theme-spezifisch und damit eine Funktion des Themes und damit in der functions.php des Themes.

/**
 * Flattr Button in WordPress Templates
 *
 * @author Frank Bültge
 * @link   Flattr API https://flattr.com/support/api
 * @param  integer  $uid   personal user ID
 * @param  string   $cat   Flattr category: text, images, video, audio, software or rest.
 * @param  string   $btn   Type of Flattr button: '' or 'compact'
 * @param  integer  $hide  Use this to hide the thing from listings on flattr.com. The value 1 will hide the thing.
 *
 */
function fb_flattr_link($uid = '', $cat = 'text', $btn = 'compact', $hide = 0) {

	$uid  = (int) $uid;
	$cat  = htmlspecialchars($cat);
	$btn  = htmlspecialchars($btn);
	$hide = (int) $hide;

	$noflattr = 0;
	$noflattr = (int) get_post_meta( get_the_ID(), 'noflattr', true );

	if ( !$uid )
		$uid = (int) get_post_meta( get_the_ID(), 'flattrid', true );

	if ( defined('WPLANG') )
		$locale = WPLANG;
	if ( empty($locale) )
		$locale = 'en_US';

	$ftag = '';
	$tags = get_the_tags( get_the_ID() );
	if ( $tags ) {
		foreach( $tags as $tag ) {
			$ftag .= $tag->name . ', ';
		}
		$ftag = substr( $ftag, 0, -2 );
	} else {
		$tag = '';
	}

	$dsc = htmlspecialchars( wp_strip_all_tags( trim( get_the_excerpt() ), TRUE ) );
	$dsc = str_replace( "'", "", $dsc );
	$dsc = str_replace( "\n", " ", $dsc ); // maybe \r\n

	$tle = htmlspecialchars( strip_tags( get_the_title() ) );
	$tle = str_replace( "'", "", $tle );
	$tle = str_replace(":", "", $tle);

	$flattr = '
	<span class="flattr">
		<script type="text/javascript">
			var flattr_uid  = \'' . $uid . '\';
			var flattr_url  = \'' . get_permalink() . '\';
			var flattr_tle  = \'' . $tle . '\';
			var flattr_dsc  = \'' . $dsc . '\';
			var flattr_cat  = \'' . $cat . '\';
			var flattr_lng  = \'' . $locale . '\';
			var flattr_tag  = \'' . $ftag . '\';
			var flattr_btn  = \'' . $btn . '\';
			var flattr_hide = ' . $hide . ';
		</script>
		<script src="http://api.flattr.com/button/load.js" type="text/javascript"></script>
	</span>
	';

	if ( !$noflattr && ( 0 != $uid ) )
		echo $flattr;
}

Die Verwendung

Innerhalb des Templates für die Beiträge, kommt dann die obige Funktion als Aufruf; in der Regel sollte der Aufruf in die single.php des Themes.

<?php if ( function_exists('fb_flattr_link') ) fb_flattr_link($uid = 'DEINE_UID'); ?>

Es gibt im Code eine Abfrage, die ein benutzerdefiniertes Feld mit dem Namen flattrid abfragt. In diesem kann man eine ID mitgeben, so dass der Button in Abhängigkeit unterschiedlicher Autoren genutzt werden kann. Man muss dann die obige Funktion ohne die Übergabe des Parameters $uid nutzen, wie folgt:

<?php if ( function_exists('fb_flattr_link') ) fb_flattr_link(); ?>

Eine Ausgabe erscheint dann nur, wenn eine ID zum Feld flattrid gepflegt ist und wenn das nachfolgende Feld noflattr ungleich 1 ist.

Ich habe noch ein benutzerdefiniertes Feld eingefügt - wenn man dies nutzt, als noflattr eingeben und als Wert 1, dann wird der Button nicht ausgegeben. Ich denke, es gibt Beiträge, die brauchen keinen Flattr-Button, weil zum Beispiel der Content von anderen Leuten ist.

Der Button wird innerhalb des span-Elementes mit der Klasse flattr ausgegeben und kann so via CSS angesprochen werden, kleines Beispiel.

.flattr {
margin: 5px 0 0 5px;
}

Die Funktion kann in vielen Bereichen ausgebaut werden, zum Beispiel gibt es sicher die Überlegung, dass man die ID mitgibt, so dass Blogs mit unterschiedlichen Autoren immer den Button zum jeweiligen Autor bekommen - eine beutzerdef. Feld für die ID kann da helfen ist nun schon drin; die schönere Lösung wäre ein Profilfeld am Autor, welches dann in Abhängigkeit des Autors eines Beitrags gezogen wird - aber Flattr stellt ein Plugin, darum sollten die sich kümmern.

Ebenso könnte man alles in MetaBoxen auslagern (wie beispielsweise im Plugin Different Type gezeigt), damit benutzerfreundlicher machen und automatisiert vor den Content hängen oder in den Feed. Wobei der Feed ja so eine Sache ist, dient er doch dem Datentausch. Da Flattr aber eigene Plugins bereit stellt, wollte ich kein Plugin bauen und wer mag, nutzt die Funktion und erweitert sie sich entsprechend, wenn der jetzige Umfang nicht reicht.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren

Hits & Traffic

Im ersten Screenshot seht ihr die Zahlen, die die Serverstatisik des Hosters ausspuckt.

Ich meine, dass ≈4,4Millionen Hits pro Monat für ein One Man Show ganz gut sind; Probleme hatte ich ja schon ausreichend und daher musste ich ja, da ich nicht den Provider wechseln wollte, auf einen eigenen Server wechseln. Dank Sergej von wpSEO wird dieser auch ohne eigenes Zutun finanziert und so sind die Unkosten gleich null für mich persönlich - alternativ hatte ich überlegt, dass Blog anders zu fahren, da mir der Kostenaufwand für ein Freizeitprojekt recht hoch erschien.

Besucherzahlen

Der folgenden Screenshot zeigt euch die Monatsstatistik, die seit dem Einsatz von Mint gesammelt wurden. ich habe mal beispielhaft die Werte des Monats März hinzugefügt.

Populäre Seiten

Woher kommen die Leute und was wollen Sie - einen kleinen Einblick schafft der Blick auf den folgenden Screenshot. Hier ist nicht zu sehen, dass das Feed meines Blogs immer die Nummer 1 ist, dort kommen im Schnitt ≈250.000 Anfragen und 130.000 Besucher rein. Bei meinem Blog sind ganz klar die Feedleser die Masse; der Feed war es auch, der mir damals die meisten Probleme generierte. Die 250.000 Anfragen auf dem Feed sorgen für eine Last von 14.423.036 kByte.

Hinter den Kulissen

Das Blog läuft mir WordPress und auch sonst nutze ich keine Zaubertricks - setze auf klassische Methoden, die ich verstehe und kontrollieren kann. Ich bin der Meinung, dass Cache toll ist - aber man sollte wissen was man tut. Nicht selten befolgen Sites die Tipps aus dem Netz, verstehen aber nicht, was sie da tun und laufen dann in einem Problemfall in weitere Probleme rein. Blindes cachen bringt Ärger. Gerade im Umfeld von PHP und mySQL gibt es viele sehr unterschiedliche Methoden und wichtig ist mir, dass ich die Methode verstehe und möglichst keine Wissenschaft betreibe.

Zum Einsatz kommen möglichst nur Erweiterungen in WordPress, die ich selber schreibe, oder die ich geprüft habe. Dazu nutze ich den Editor und eigene Plugins von mir zur Analyse. Mir ist wichtig, dass die Last nicht durch Plugins enorm erhöht wird. Ebenfalls schaue ich genau auf die Last im Backend von WordPress, denn bei der wenigen Zeit die ich habe, will ich nicht noch auf Inhalte warten. Insofern beginnt eine Optimierung also bei der Installation, beim Theme und den Plugins, vor allem bei den Content-Filtern und ich nutze bewusst keine Widgets! Hier ist exakte, wissende und kontrollierte Arbeitsweise wichtig. Vieles an "Standard-caches" steuere ich via .htaccess; einen Einblick davon kann man sich in der Beispieldatei vom WP Basis Theme im SVN machen.

Am Rande: die größten Probleme machte mir in der Vergangenheit den Code, den ich in den Beiträgen darstelle, zu filtern. Der wurde via Filter maskiert und via Geshi formatiert - das war das aus ab einer gewissen Zugriffszahl. Aktuell arbeite ich mit einer eigenen Lösung und hinterlasse nur maskierten Code im Content, es läuft kein Filter mehr. Ich kenne kein Plugin für WordPress, was ich daher empfehlen kann, jeder Filter kann auf lange Sicht zu Problemen führen und das Blog ist abhängig vom Plugin, denn bei Deaktivierung wird der Code dann nicht selten interpretiert.

Im weiteren kommt nach Spielereien mit dem eAccelerator der APC zum Einsatz. Hier habe ich keine handhabe, ich habe das Modul vom Hoster installieren lassen und kann nicht daran drehen. Aber innerhalb von WordPress habe ich eine Erweiterung laufen, die den Standard-Cache von WP mit dem APC nutzt und parallel läuft das Plugin W3 Total Cache - dies ist aus meiner Sicht aktuell eines der Plugins, die man sich ansehen sollte, wenn man dahingehend Bedarf hat! Auch hier gilt, kontrolliert nutzen - nicht blind einschalten. Das Plugin hat sehr viele Funktionen, so dass man sehr schön gezielt schalten kann.
Ich kenne die Meinungen zu dem Auslagern auf statische Seiten, zum Beispiel via Plugin Super Cache, verliere damit aber eine gewissen Freiheit und muss mich wesentlich mehr um das Cachen kümmern. Daher bevorzuge ich eher andere Themen. Ebenfalls kommt hier kein CDN zum Einsatz; in einem anderen Projekt mit viel Grafik war dies wirklich ein Schachzug und hat extreme Geschwindigkeit gebracht.

Um es kurz zu machen: einige Einblicke in die Zahlen habe ich gebracht, gern zeige ich mehr, wenn man mag. Den technischen Aspekt möchte ich ungern klar darstellen, da aus meiner Sicht das Thema nicht schwarz & weiß ist, sondern bedacht eingesetzt werden sollte und immer in Abhängigkeit der Anforderungen steht. Schreibe Reviews für Kunden, dann schaue ich mir jedes Detail an, gebe Empfehlungen und immer wieder gibt es Unterschiede. Nicht jeder hat unbegrenzte Möglichkeiten, nutzt Server Load Balancing für eine Verteilung der Last. Es gilt, mit bedacht und kontrolliert an der Performance drehen.

Ein letzter Hinweis: wer mehr über die Optimierung bei sehr hohem Traffic wissen möchte, der sollte sich den Vortrag von Florian Holzhauer ansehen. Er administriert das Lawblog und dies hat ≈8Millionen Hits im Monat - ich bin also recht klein in der Blogwelt.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Flattrn · Kommentieren