add_action('wp_head', 'show_template');

function show_template() {

	global $template;

	echo '\n\n<!--// Template: '; print_r($template); echo '//-->\n\n';

}

Das Grundsetup: ein quadratisches DIV mit dem Kreis als Hintergrund, vor diesem soll das Logo dargestellt werden. Das HTML/PHP dazu:

<div class="kreis"><img style="position: absolute; left: ?px; top: ?px;" alt="" src="logo.jpg" width="?" height="?" /></div>

mit den einfachen CSS-Angaben

.kreis {
position: relative;
background: url(kreis.png);
width: 122px;
height: 122px; }
.kreis img {
position: absolute; }

Die Logos haben aber sehr unterschiedliche Seitenverhältnisse, somit ändert sich mit jedem dargestellten Logo die maximal mögliche Breite und Höhe sowie die Darstellungsposition. Ich benötigte also ein Codeschnipsel, das mir diese Werte je nach Logo korrekt ermittelt. Mit ein wenig Unterstufenmathematik war das kein Problem:

Man braucht den Radius des Kreises sowie die Originalbreite und -höhe der Logodatei. Wenn man sich das Logo im Kreis anschaut, gibts ein rechtwinkeliges Dreieck, dessen Informationen wir verwenden können, um die neue Breite und Höhe sowie die Position des Logos auszurechnen. Das Dreieck besteht aus der Diagonale des Logos (die immer dem doppelten Kreisradius entspricht!) sowie der gesuchten Logobreite und der gesuchten Logohöhe.

Wenn wir das Originallogo hernehmen, findet sich dort dasselbe Dreieck, nur größer. Man darf daher zu Recht davon ausgehen, dass die Winkel in diesem Dreieck gleich denen in unserem gesuchten Dreieck im verkleinerten Logo sind. Im rechtwinkeligen Dreieck gilt:

tan α = Gegenkathete / Ankathete

Diese beiden haben wir – die Gegenkathete ist die Höhe des Logos, die Ankathete ist die Breite. Originalbreite & -höhe des Logos kann man mit der PHP-Funktion getimagesize() auslesen.

tan α = h/b

α = arctan(h/b)

Damit haben wir den Winkel α – und dieser ist im Mini-Logo gleich wie in der Originaldatei! Und somit ist das Errechnen der restlichen Dreieckseiten im Mini-Logo wirklich einfach:

sin α = Gegenkathete / Hypotenuse

Die Hypotenuse ist der doppelte Kreisradius r (den wissen wir), die Gegenkathete ist die Logohöhe, die wir errechnen wollen. Somit ergibt sich:

sin Î± = h / (2 * r)

sin Î± * r * 2 = h 

Somit haben wir die Höhe des verkleinerten Logos, die sich innerhalb des Kreises ausgeht.

cos α = Ankathete / Hypotenuse

Die Hypotenuse ist wiederum der doppelte Kreisradius r , die Ankathete ist die Logobreite. Somit ergibt sich:

cos α = b/ (2 *  r)

cos α * r * 2 = b

Sinnvollerweise sollte man Höhe und Breite noch via PHP mit round() behandeln, damit ganze Zahlen rauskommen.

Um das Logo mit left und top zu positionieren, brauchen wir jetzt noch den Abstand des linken oberen Punktes des Logos vom linken oberen Punktes des Kreis-DIVs. Einfach: wir wissen den Kreisradius und die Logobreite und -höhe. Wie im Bild zu sehen ergibt sich also:

oberer Abstand = radius – h/2

linker Abstand = radius – b/2

Das Script um die Werte zu errechnen ist ziemlich einfach:

// Zuerst $radius und Dateipfad zum Logo definieren
$logofile = "/dateipfad/zum/logo.jpg";
$radius = 58; // in Pixel, entspricht der halben Höhe des DIV.kreis

// Originalhoehe / Originalbreite per getimagesize auslesen
if(file_exists($logofile)) $logosize = getimagesize($logofile);
$originalbreite = $logosize[0];
$originalhoehe = $logosize[1];

$tanAlpha   = $originalhoehe/$originalbreite;
$alpha      = atan($tanAlpha);

$logopos['hoehe']     = round(sin($alpha)*2*$radius,0);
$logopos['breite']     = round(cos($alpha)*2*$radius,0);
$logopos['x']     = $radius-($logopos['breite']/2);
$logopos['y']     = $radius-($logopos['hoehe']/2);

Die errechneten Werte nun noch dem Bild per PHP zuweisen – fertig:

<div class="kreis"><img style="position: absolute; left: <?php echo $logopos['x']; ?>px; top: <?php echo $logopos['y']; ?>px;" src="logo.jpg" width="<?php echo $logopos['breite']; ?>" height="<?php echo $logopos['hoehe']; ?>" /></div>

Options +FollowSymlinks
RewriteEngine on
RewriteCond %{REMOTE_ADDR} !^111.111.111.111$
RewriteCond %{REMOTE_ADDR} !^222.222.222.222$
RewriteRule ^(.*)$ http://www.website.com/shopwartung/ [R=302,L]

In diesem Anwendungsbeispiel liegt die .htaccess-Datei im Unterverzeichnis shop/ auf der Website, der Zugriff ist nur für die IP-Adressen 111.111.111.111 und 222.222.222.222 erlaubt. Alle anderen werden auf dieselbe Website ins Verzeichnis shopwartung/ umgeleitet. Dieses muss zwingend außerhalb des geschützten Verzeichnisses liegen! Die IPs und die Umleitungsadresse müsst ihr natürlich an eure eigenen Gegebenheiten anpassen.
Wenn die .htaccess im selben Verzeichnis wie die restliche Website liegt, muss man den Code ein wenig abändern:

Options +FollowSymlinks
RewriteEngine on
RewriteCond %{REMOTE_ADDR} !^111.111.111.111$
RewriteCond %{REMOTE_ADDR} !^222.222.222.222$
RewriteCond %{REQUEST_URI} !shopwartung/
RewriteRule ^(.*)$ http://www.website.com/shopwartung/ [R=302,L]

So werden nur die Zugriffe umgeleitet, die nicht aufs Verzeichnis /showartung zugreifen wollen – denn sonst versucht der Server eine erneute Umleitung dorthin und gerät in eine Endlosschleife.
Die .htaccess kann man nach Abschluss der Wartung im Verzeichnis belassen – einfach vor die letzte Zeile ein Raute-Zeichen (#) setzen, um die Umleitung zu deaktivieren.
Anmerkung: natürlich könnte man während einer Seitenwartung Zugriffe von Fremd-IPs einfach blocken (der Besucher kriegt dann lapidar „403-Access denied“ mitgeteilt), ich halte meine Methode allerdings für etwas freundlicher.

// Limitiert die Anzahl der gespeicherten Versionen je Artikel auf 5 Stück
define('WP_POST_REVISIONS', 5);
// Je nach Lust & Laune den gewünschten Wert eintragen

// Setzt den Abstand zwischen den automatischen Speicherungen auf 600 Sekunden
define('AUTOSAVE_INTERVAL',600);
// Je nach Lust & Laune den gewünschten Wert in Sekunden eintragen

Mit folgendem Eintrag in der wp-config.php schaltet man die Versionsverwaltung ganz ab – es wird also nur der jeweils aktuelle Stand gespeichert und keine alten Versionen behalten:

// Versionsverwaltung abschalten
define('WP_POST_REVISIONS',false);

Sicherheitshalber mach bitte vor Änderungen eine Sicherheitskopie der wp-config.php!

– Logo vorbereiten: das Bild darf höchstens 144 Pixel breit sein, Standardwert ist 88 Pixel. Weiters darf es eine Höhe von 400 Pixel nicht überschreiten, Standardwert ist 31 Pixel. Das kann man in der Spezifikation von RSS 2.0 nachlesen. Erlaubte Dateiformate sind JPG, PNG und GIF.

– Logo auf den Webserver hochladen: im Prinzip ist es egal, wohin – es empfiehlt sich aber, das Logo in den Ordner der verwendeten Seitenvorlage hochzuladen, sodaß es z.b. unter der Adresse www.meinblog.at/wp-content/themes/mein-theme/images/rss_logo.png abrufbar ist. Es kann aber genausogut ein externes Logo eingebunden werden, sofern man die genaue Bild-URL kennt.

– Logo-Funktion in die Seitenvorlage einbinden: im Ordner der verwendeten Seitenvorlage (z.b. in /wp-content/themes/mein-theme/) sollte sich eine Datei namens functions.php befinden, die Sonderfunktionen für die Seitenvorlage beinhaltet. Wenn die Datei noch nicht exisitiert, so muss sie neu angelegt werden. Die folgenden Zeilen trägn man ganz am Schluss in die  functions.php ein. Die Adresse und die Breite / Höhe des Logos muss man dabei entsprechend anpassen:

function rss_logo_einbinden() {
  echo "\n";
  echo "\n";
  // URL-Wert auf tatsächliche Adresse des Logos anpassen
  echo "http://www.meinblog.at/wp-content/themes/mein-theme/images/rss_logo.png\n";
  echo "" . get_bloginfo('url') . "\n";
  echo "50\n"; // Wert auf echte Bildhöhe anpassen
  echo "50\n"; // Wert auf echte Bildbreite anpassen
  echo "\n";
}

add_action('rss2_head', 'rss_logo_einbinden');

Erledigt – ab sofort sollte in euren RSS-Feed (und Atom-Feed) das Logo eingebunden werden. Einfacher Test: im Browser die Adresse eures Blogs gefolgt von /?feed=rss2 aufrufen (z.b. https://www.egm.at/weblog/?feed=rss2).

Update 31.3.2009: um auch im Atom-Feed ein Logo einzubinden, fügt man der functions.php einfach noch folgende Zeilen hinzu und passt die Bildpfade entsprechend an:

function atom_logo_einbinden() {
  echo '' . get_bloginfo('url') . '/favicon.ico
    ' . get_bloginfo('url') . '/images/atom_logo.png';
}

add_action('atom_head', 'atom_logo_einbinden');

Danke an Jan Wessely für diese Ergänzung via Mail!

Im folgenden ist mit „Hauptseite“ die Seite gemeint, in die der zusätzliche Content eingebunden werden soll (den ich als „Subseite“ bezeichne).

Vorbereitungen im Administrationsbereich:

• Hauptseite mit Inhalt anlegen: man legt auf übliche Art eine neue Seite mit dem gewünschten Inhalt an.
• Subseite anlegen: Der Inhalt des zusätzlichen Content-Bereichs wird ebenfalls als neue Seite angelegt. Wichtig dabei ist, daß diese Seite eine übergeordnete Seite zugewiesen bekommt, damit sie nicht in der Navigation auftaucht. Danach Seite speichern.
• ID der Subseite herausfinden: nach dem Speichern der Subseite auf „Vorschau“ klicken. Die Zahl nach „page_id=“ in der Adressleiste ist die gewünschte ID.
• ID der Subseite als Spezialfeld der Hauptseite anlegen: Zu jedem Artikel und zu jeder Seite lassen sich in WordPress Spezialfelder speichern. Diese verwenden wir hier zum Speichern der ID der gewünschten Subseite. Daher die Hauptseite erneut zum Bearbeiten öffnen. Neues Spezialfeld mit dem Namen „Subseite“ anlegen (ohne Anführungszeichen). Als Wert kommt die vorher ermittelte ID der Subseite rein. Seite speichern.

Anpassung des Templates:

• Im Ordner der verwendeten Seitenvorlage eine neue Datei mit dem Namen „subseite.php“ anlegen. Der Inhalt dieser Datei soll sein:

ID, "Subseite", TRUE);
if($subseite != "") {
   query_posts("page_id=$subseite");
   while (have_posts()) : the_post();
      the_content('');
   endwhile;
   wp_reset_query();
}
?>

• In der Vorlage für die Seite selbst wird diese Datei per Include() an passender Stelle eingebunden. Wichtig dabei ist lediglich, daß dieser Code nicht innerhalb des Haupt-Loops liegt!

• Im Anschluss kann man natürlich die Styles innerhalb von div#subseite noch getrennt zum restlichen Content per CSS anpassen.

Das Ergebnis kann man auf der Website der Wissenswerkstatt bewundern – rechts unten ist der zusätzliche Content-Bereich.