Ab und zu muss oder möchte man Anpassungen an der eigenen Seite vornehmen, will aber nicht, dass währenddessen Besucher die Seite aufrufen können. Tritt ein solcher Fall ein, kann man WordPress in den Wartungsmodus versetzen. Man selbst hat dann vollen Zugriff auf die Website, Besucher hingegen bekommen eine alternative Seite angezeigt.

Mit einem Plugin wie WP Maintenance Mode ist der Wartungsmodus schnell hergestellt. Das Plugin ist auch sehr komfortabel und erlaubt verschiedene Designs und Einstellungsmöglichkeiten. Wenn man kein Plugin verwenden möchte und die Seite „nur mal eben“ in den Wartungsmodus versetzen muss, reicht aber auch eine Anpassung in der functions.php.

Wartungsmodus in der functions.php aktivieren

Fügt einfach folgende Zeilen in die functions.php ein. Alle Besucher die keine Administratoren sind, oder die nicht eingelogged sind, sehen anschließend eine Wartungsseite.

// Wartungsmodus 
function kb_wartungsmodus() {
if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) { 
	wp_die('
		<h1>Wir aktualisieren unsere Website</h1>
		<p>Im Moment arbeiten wir an dieser Website. Bitte schauen Sie in Kürze noch einmal vorbei.</p>
		<p>Sie erreichen uns in der Zwischenzeit per <a href="#">E-Mail</a>.</p>', 'Website im Wartungsmodus');
}} 
	
add_action('get_header', 'kb_wartungsmodus');

Der Aufbau der Funktion sieht wie folgt aus:

...
wp_die('INHALT DER MELDUNG', 'TITLE-TAG');
...

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Das Grafikformat SVG (Scalable Vector Graphics) erfreut sich dank hochauflösender Displays und einem zunehmend flexiblen, Performance optimiertem Webdesign größter Beliebtheit. SVG-Dateien lassen sich verlustfrei skalieren und haben eine verhältnismäßig geringe Dateigröße. Schade nur, dass die WordPress-Mediathek den Upload dieses Dateiformats bisher verbietet. Mit einer kleinen Anpassung an der functions.php behebt ihr dieses Problem.

MIME-Type für SVG hinzufügen

Fügt folgendes Snippet in die functions.php eures Themes ein. Damit wird der MIME-Type für SVG hinzugefügt. Anschließend kennt WordPress den Dateityp und verbietet den Upload nicht länger.

function kb_svg ( $svg_mime ){
	$svg_mime['svg'] = 'image/svg+xml';
	return $svg_mime;
}

add_filter( 'upload_mimes', 'kb_svg' );

Das Hinzufügen von bislang unbekannten Dateitypen ist keine Theme-Funktion. Das Snippet sollte daher eigtl. besser als Plugin eingesetzt werden, damit es aktiv bleibt, wenn das Theme gewechselt wird. Alternativ kann das obige Snippet auch innerhalb des Plugins Toolbox eingesetzt werden. Toolbox verwaltet Code-Snippets im Backend.

Links / Quellen

• Allow SVG through WordPress Media Uploader
• SVG Vektorgrafik in WordPress einbauen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

In WordPress 3.5 wurde der Menüpunkt „Links“ (auch bekannt als Blogroll) entfernt. Wenn ihr den Bereich wiederherstellen möchtet, könnt ihr entweder das offizielle Plugin Link Manager installieren, oder eine kleine Anpassung an der functions.php des Themes vornehmen.

Blogroll über functions.php wiederherstellen

Um Links wieder verwenden zu können, reicht folgendes Snippet in der functions.php:

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

Links / Quellen

• Link Manager Plugin
• How to activate link manager on WordPress 3.5 (and newer) – WP Recipes

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Mit den Widgets von WordPress lässt sich eine Website sehr einfach individualisieren und erweitern. Selbst das simple Text-Widget ermöglicht durch die Eingabe von HTML-Markup recht umfangreiche Anpassungen. Ärgerlich in diesem Zusammenhang ist lediglich, dass Widgets keine individuelle ID besitzen und daher auch nicht gezielt angesprochen werden können. Mit folgendem Mini-Snippet erweitert Ihr Widgets um die fehlenden Angaben.

Unterschiedliche Klassen & IDs für WordPress-Widgets

Damit ein Theme Widgets nutzen kann, muss in der functions.php eine widgetized Sidebar definiert werden. Hierbei wird nicht nur der Name der Sidebar und eine optionale Beschreibung festgelegt, es kann auch angegeben werden ob eine bestimmte Code-Struktur um das Widget herum erstellt wird. Genau hier setzt das Snippet an. Sucht in der functions.php nach dem entsprechenden Abschnitt und passt euren Code um die fehlenden Komponenten an.

// widgetized sidebar
if ( function_exists('register_sidebar') )
  register_sidebar(array(
    'name' => 'Sidebar', // Name der Sidebar 
    'description' => __('Hier steht die Beschreibung der Sidebar'), // Beschreibung der Sidebar
    'before_widget' => '<div id="%1$s" class="widget %2$s">', // Code der vor Widgets ausgegeben wird. Hier wird die individuelle ID und eine CSS-Klasse eingefügt. 
    'after_widget' => '</div>', // Code der nach Widgets ausgegeben wird
    'before_title' => '<h2>', // Code der vor dem Titel ausgegeben wird
    'after_title' => '</h2>', // Code der nach dem Titel ausgegeben wird
));

Am Beispiel eines Text-Widgets sieht das Markup nach der Anpassung in etwa so aus:

<div id="text-1" class="widget widget_text">
  <h2>Titel des Widgets</h2>
</div>

Mit einer ID und zwei CSS-Klassen, sollte man ausreichend Möglichkeiten haben das Element individuell und objektorientiert zu stylen.

Links / Quellen

• via Text Widget with different Class – WordPress-Forum
• Widgetizing WordPress – WordPress Codex

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die Standard-Suche von WordPress durchsucht alle öffentlichen Inhalte der Website, und listet die Ergebnisse mit Hilfe der search.php auf. Fast jedes Webdesign-Projekt verfügt jedoch über Seiten die nicht in den Suchergebnissen auftauchen sollen. Das sind u.a. „Danke“-Seiten für ein Kontaktformular, Bestätigungsseiten für Newsletter-Anmeldungen, Unterseiten von Checkout-Prozessen usw. Mit folgendem Snippet könnt ihr ganz gezielt Inhalte aus der Suche ausschließen.

Inhalte aus der WordPress-Suche löschen

Fügt folgendes Snippet in die functions.php des Themes ein. Über die IDs innerhalb des Arrays, könnt ihr statische Seiten oder Artikel entfernen.

/* exclude specific pages from search */

function kb_exclude_from_search($query) {
    if ($query->is_search) {
        $query->set('post__not_in', array(1,2,3,4)); // IDs anpassen!
    }
    return $query;
}

add_filter('pre_get_posts','kb_exclude_from_search');

So findet ihr die ID eines Beitrags heraus

Um herauszufinden welche ID ein Beitrag besitzt, geht ihr am einfachsten so vor: Wechselt in das Dashboard von WordPress und öffnet dort die Liste der entsprechenden Artikel oder Seiten. Wenn ihr den Cursor nun über den Titel des Inhalts bewegt, wird in der Statusleiste die ID angezeigt.

Links zum Thema / Quellen

• Excluding Page From Search – WordPress-Forum

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wer sich im WordPress-Dashboard anmelden möchte benötigt einen Benutzernamen und ein Passwort. Wenn beide Angaben korrekt eingegeben wurden erfolgt der Login, doch was passiert wenn einer der beiden Werte falsch ist? WordPress unterstützt den Benutzer und verkündet sinngemäß „Passwort falsch“ oder „Benutzername falsch“. Im Umkehrschluss bedeutet dies soviel, wie dass die andere Angabe korrekt war. Ein möglicher Angreifer ist nun um eine wertvolle Erkenntnis reicher.

Komfort oder Sicherheit?

Im Internet stellt sich häufig die Frage ob die komfortable Handhabung wichtiger ist als die Sicherheit. Speichert ihr ein Passwort im Browser oder gebt ihr es jedes Mal neu ein? Liegen eure Daten in der Cloud und sind sie dort auch sicher genug? Diese Fragen muss jeder Nutzer für sich selbst entscheiden. Was für den einen noch nicht sicher genug ist, kann für den anderen schon pure Paranoia sein. Entscheidend ist, dass komfortable Funktionen häufig zu Lasten der Sicherheit gehen. So auch die Hilfe in der Anmelde-Maske von WordPress.

WordPress-Hilfe deaktivieren

Mit folgendem Snippet deaktiviert ihr die Hinweise bei der fehlerhaften Eingabe von Passwort und/oder Benutzernamen. Fügt den Code dazu einfach in die functions.php ein.

add_filter('login_errors',create_function('$a', "return null;"));

Anschließend wird der Hinweis nicht länger angezeigt, die rote Umrandung der Fehler-Box bleibt jedoch bestehen.

Gefunden auf dukeo.com

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress wird nicht nur für Blogs und klassische Internetseiten eingesetzt, auch andere Website-Typen bieten sich durchaus an. Lebensläufe, Galerien, Bug-Tracker ... die Einsatzmöglichkeiten sind unzählig.
Je exotischer der Einsatzbereich, desto eher kann es vorkommen, dass der Inhaltsbereich nicht zwangläufig ausgefüllt wird. Beispielsweise weil nicht immer eine Beschreibung zu einem Produkt verfügbar ist. Mit folgendem Snippet lässt sich prüfen ob <?php the_content();?> gefüllt ist und je nach Ergebnis ein entsprechender Inhalt ausgeben.

Das folgende Snippet gibt einen Inhalt aus, wenn <?php the_content();?>nicht gefüllt ist.

<?php if(empty($post->post_content)) { ?>
  <p>Es sind keine Inhalte vorhanden.</p>
<?php };?>

Alternativ kann natürlich auch ein ergänzender Inhalt ausgegeben werden, sobald <?php the_content();?> ebenfalls Inhalte hat.

<?php if(!empty($post->post_content)) { ?>
  <p>Es sind Inhalte vorhanden.</p>
<?php };?>

Die Kombination sieht dann folglich so aus.

<?php  if(!empty($post->post_content)) { ?>
  <p>Es sind Inhalte vorhanden.</p>
<?php } else { ?>
  <p>Es sind keine Inhalte vorhanden. </p>
<?php };?>

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die Suchfunktion von WordPress wird häufig kritisiert und verfügt nicht über allzu viele Funktionen. Mit einigen Tricks lässt sich die Suche um fehlende Features erweitern und benutzerfreundlicher gestalten. So könnt ihr beispielweise über die functions.php gezielt Seiten in den Suchergebnissen verstecken.
Mit folgendem jQuery-Snippet hebt ihr die gesuchten Begriffe in der Ergebnisseite farblich hervor. Das erleichtert Besuchern die Orientierung und sieht z.B. so aus.

PHP-Snippet in der functions.php einfügen

Das Snippet muss an zwei stellen im Code eingefügt werden. Zunächst öffnet ihr die functions.php und fügt folgenden Code ein.

/* highlight search terms in title and content */
function hls_set_query() {
  $query  = esc_js(get_search_query());

  if(strlen($query) > 0){
    echo '
      <script type="text/javascript">
        var hls_query  = "'.$query.'";
      </script>
    ';
  }
}

function hls_init_jquery() {
  wp_enqueue_script('jquery');
}

add_action('init', 'hls_init_jquery');
add_action('wp_print_scripts', 'hls_set_query');

JavaScript im head einbinden

Anschließend muss noch ein Snippet im head der Seite eingebunden werden. Über den Conditional Tag von WordPress wird erreicht, dass der Code nur innerhalb der Suche geladen wird.

<?php if ( is_search() ) { ?>
<style type="text/css" media="screen">
    .hls { 
		color: #000;
		padding-left:3px;
		padding-right:3px;
		background: #ffefda;
	}
</style>
<script type="text/javascript">
jQuery.fn.extend({
  highlight: function(search, insensitive, hls_class){
	var regex = new RegExp("(<[^>]*>)|(\\b"+ search.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1") +")", insensitive ? "ig" : "g");
	return this.html(this.html().replace(regex, function(a, b, c){
	  return (a.charAt(0) == "<") ? a : "<span class=\""+ hls_class +"\">" + c + "</span>";
	}));
  }
});
jQuery(document).ready(function($){
  if(typeof(hls_query) != 'undefined'){
	$("#searchResultsContainer").highlight(hls_query, 1, "hls");
  }
});
</script>
<?php } ?>

Nun müsst ihr nur noch den CSS-Code im Snippet anpassen um die farbliche Hervorhebung zu gestalten. Am Ende des Snippets muss darüber hinaus das Container-Element angegeben werden in welchem die Ergebnisse hervorgehoben werden sollen. In diesem Beispiel heißt der Container #searchResultsContainer.

Links zum Thema

• via: How to highlight search terms with jQuery

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wenn Ihr einen neuen Beitrag in WordPress verfasst, habt ihr die Möglichkeit neben dem vollständigen Inhalt auch eine kurze Zusammenfassung zu formulieren. Diese Funktion heißt in WordPress „Auszug“ (engl. Excerpt) und wird über den Template Tag (<?php the_excerpt();?>) in das Theme integriert.
Der Artikelauszug bietet sich an um eine auf den jeweiligen Artikel zugeschnittene Meta-Description für Google & Co. zu erstellen. Damit ihr die Länge der Description perfekt auf die von Google angezeigte Zeichenzahl abstimmen könnt, lohnt es sich in WordPress die Anzahl der Zeichen einzublenden.

Anpassung über die functions.php

Öffnet die functions.php und fügt nachfolgenden Code ein. Die Anzahl der Zeichen wird über JavaScript eingeblendet. Den Text könnt natürlich anpassen – ich habe als Merkhilfe auch die erlaubte Anzahl an Zeichen in der Google Meta-Description notiert.

// Zeigt die Anzahl der Zeichen im Auszug eines WP-Artikel an. 
function kb_excerptCharacterCount(){
    echo ' <script>jQuery(document).ready(function(){
    jQuery("#postexcerpt .handlediv").after("<div style=\"position:absolute;top:5px; right:0;\">Anzahl Zeichen (Google Descr. max 156 Zeichen): <input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"excerpt_counter\" readonly=\"\" style=\"background:transparent; border:none;\"></div>");
    jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
    jQuery("#excerpt").keyup( function() {
    jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
    });
});</script>';
}

add_action('admin_head', 'kb_excerptCharacterCount');

Darstellung im WordPress-Editor

Innerhalb des WordPress-Editors wird die Zeichenzahl nun wie folgt abgebildet.

Wenn ihr den Artikelauszug nicht sehen könnt, klickt oben rechts im Editor zunächst auf „Optionen einblenden“ und aktiviert anschließend den „Auszug“.

Mit diesem Snippet könnt ihr den Artikelauszug optimal auf die von Google erlaubten 156 Zeichen in der Meta-Description anpassen. Eventuell werden so für euch zusätzliche SEO-Plugins überflüssig.

• Title Tag and Meta Description Length for Google, Yahoo, Bing & Ask - Sagerock
• via Add a character counter for the excerpt in WordPress - I Love Colors
• The Excerpt - WordPress Codex
• die vielen Möglichkeiten von the_excerpt – die Artikel Kurzfassung von WordPress - Texto.de
• How to Get The Post Excerpt Outside WordPress Loop - clickonf5.org

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Das Layout einer Website erwartet häufig bestimmte Textmengen für die einzelnen Seitenelemente. Ähnlich wie beim Layout einer Zeitung müssen die Texte nicht nur inhaltlich für Besucher und Suchmaschinen optimiert werden sondern sollen auch im Layout gut aussehen. Insbesondere zu wenig Inhalt führt da schnell zu hässlichen Darstellungen.
Mit folgendem Snippet könnt ihr eine Mindestanzahl an Wörtern für neue Beiträge festlegen. Spärlich gefüllte Teaser o.ä. gehören so der Vergangenheit an.

functions.php anpassen

Öffnet die functions.php eures Themes und fügt folgenden Code ein. Die Zahl der Wörter könnt ihr in Zeile 4 anpassen.

// Mindestanzahl an Wörtern je Beitrag 
function minWordsPerPost($content){
	global $post;
                $num = 100; // Anzahl Wörter festlegen
		$content = $post->post_content;
	if (str_word_count($content) <  $num)
	        wp_die( __('Fehler: Dein Beitrag muss mindestens 100 Wörter umfassen.') );
}

add_action('publish_post', 'minWordsPerPost');

Wenn ihr anschließend einen Beitrag veröffentlichen wollte der zu wenig Wörter hat erscheint folgende Fehlermeldung.

• via: How to define a minimum word count per post

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die WordPress-Suche ist bekanntlich nicht die Beste, lässt sich aber durch Plugins wie Search Everything oder Relevanssi deutlich optimieren. Manchmal findet die WordPress-Suche allerdings Artikel oder Seiten die nicht in den Suchergebnissen auftauchen sollen. Wie z.B. die „Danke“-Seite eines Kontaktformulars. Mit folgendem Snippet blendet ihr unerwünschte Beiträge in der Suche aus.

Artikel über functions.php entfernen

Öffnet die functions.php eures Themes und fügt folgende Zeilen ein.

/* Beiträge aus der WordPress-Suche entfernen */
function kb_exclude_from_search($query) {
    if ($query->is_search) {
        $query->set('post__not_in', array(1111, 2222)); /* IDs anpassen! */
    }
    return $query;
}

add_filter('pre_get_posts','kb_exclude_from_search');

Die Stellen mit „1111“ und „2222“ passt ihr an: hier gehören die IDs der Beiträge hin die ausgeblendet werden sollen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wenn Ihr in WordPress einen Beitrag mit einem Passwort geschützt habt, fügt das System automatisch ein Formular für die Anmeldung in den Beitrag ein. Leider lässt sich dieses Formular nicht über ein eigenes Template editieren. Die entsprechende Datei befindet sich im WP-Core – würde also bei jedem Update überschrieben.
Über die functions.php des Themes kann das Formular dennoch überschrieben werden.

Passwort-Form über functions.php editieren

Fügt folgenden Code in die functions.php eures Themes ein. Statt einer Anpassung des WordPress-Core nutzen wir einen Filter für the_password_form().
Das Formular wird anschließend mit den Werten des Snippets überschrieben.

function kb_ind_pw_form () {
	$output = '
		  <form action="'.get_option('siteurl').'/wp-pass.php" method="post"><fieldset>'."\n"
		.'<label for="post_password">Bitte Passwort eingeben:</label>'."\n"
		.'<input name="post_password" type="password" size="10" />'."\n"
		.'<input type="submit" name="Submit" value="'.__("Einloggen").'" />'."\n"
		.'</p>'."\n"
		.'</fieldset></form>'."\n";
	return $output;
}
add_filter("the_password_form","kb_ind_pw_form");

via simbo.de. vielen Dank :)

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress bietet eine sehr komfortable Möglichkeit Beiträge mit einem Passwort zu versehen und den entsprechenden Artikel dadurch nur für bestimmte User zugänglich zu machen. In der Editor-Ansicht kann auf der rechten Seite im Bereich „Veröffentlichen“ unter „Sichtbarkeit“ ein Passwort festgelegt werden. Anschließend ist der Beitrag geschützt. Doch leider ergänzt WordPress den Titel des Beitrag um den Hinweis „Geschützt: “. Mit folgendem Snippet entfernt Ihr diese Info.

functions.php anpassen

Öffnet die functions.php eures Themes und fügt folgende Zeilen ein:

/* "geschützt" aus dem Beitragstitel entfernen */
function kb_remove_pw_pr_info ( $title_with_info ) {
$title_with_info = str_replace( 'Geschützt: ', '', $title_with_info );
$title_with_info = str_replace( 'Geschützt: ', '', $title_with_info );
return $title_with_info;
}
add_filter('the_title', 'kb_remove_pw_pr_info');

Per str_replace werden die Zeichen im Titel durch einen leeren String ersetzt. Diese Zeichenersetzung wirkt also auch wenn ihr die Zeichen manuell im Titel verwenden solltet.

"Privat"-Hinweis entfernen

In WordPress besteht ebenfalls die Möglichkeit einen Beitrag als „privat“ zu kennzeichnen. In diesem Fall wird ebenfalls eine Info in den Titel eingefügt. Der folgende Code entfernt auch diesen Hinweis.

/* "privat" & "geschützt" aus dem Beitragstitel entfernen */
function kb_remove_pw_pr_info ( $title_with_info ) {
$title_with_info = str_replace( 'Geschützt: ', '', $title_with_info );
$title_with_info = str_replace( 'Geschützt: ', '', $title_with_info );
$title_with_info = str_replace( 'Privat:', '', $title_with_info );
return $title_with_info;
}
add_filter('the_title', 'kb_remove_pw_pr_info');

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wenn ihr WordPress für Kundenprojekte einsetzt, ist das Backend häufig umfangreicher als es für die Bedürfnisse des Kunden notwendig ist. Damit im Dashboard nur die Navigationspunkte auftauchen die der Kunde auch wirklich benötigt bietet es sich an ein paar Anpassungen vorzunehmen. In diesem Beitrag möchte ich euch verschiedene Snippets, Links und Plugins vorstellen mit denen ihr das Dashboard individualisieren könnt.

Verschiedene Lösungsansätze

Bevor ihr Änderungen am WordPress-Theme vornehmt oder ein Plugin verwendet solltet ihr prüfen ob die Standard-Benutzerverwaltung von WordPress nicht bereits zum Ziel führt. Wenn für den Kunden beispielsweise nur die administrativen Menüeinträge versteckt werden sollen, bietet es sich an eine schwächere Benutzerrolle (z.B. den Redakteur) zu verwenden.

Eine weitere Möglichkeit das Backend abzuspecken ist der Einsatz eines Plugins wie Admin Menu Editor oder WPlite. Mit diesem Plugin können unerwünschte Menüpunkte und Boxen ausgeblendet werden. Inwiefern sich hier ein Plugin anbietet ist wohl abhängig von der Art der Anpassung die ihr vornehmen wollt.

Zuletzt besteht noch die Möglichkeit die Anpassungen selbst über die functions.php des Themes vorzunehmen. Für diesen Weg möchte ich euch zwei Snippets vorstellen.

Navigationspunkte ausblenden

Wenn ihr Navigationspunkte ausblenden möchtet, kopiert das folgende Snippet in die functions.php eures Themes. Alle Menüeinträge innerhalb des Arrays werden entfernt.

/* Navigationspunkte aus dem WordPress-Dashboard entfernen */ 
function remove_menus () {
global $menu;
		$restricted = array(__('Artikel'), __('Mediathek'), __('Links'), __('Seiten'), __('Kommentare'), __('Design'), __('Plugins'), __('Benutzer'), __('Werkzeuge'), __('Einstellungen'));
		end ($menu);
		while (prev($menu)){
			$value = explode(' ',$menu[key($menu)][0]);
			if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
		}
}
add_action('admin_menu', 'remove_menus');

Dashboard Menüpunkte umbenennen

Wenn Ihr Menüpunkte umbenennen möchtet könnt ihr dafür folgendes Snippet verwenden und einzelne Wörter per str_replace ersetzen. Die Ersetzung findet dann allerdings immer global im gesamten Menü statt, auch in den Untermenüs.

Kopiert folgenden Code in die functions.php des Themes. Anschließend legt ihr immer fest welche Zeichenkette mit welchem Wort ersetzt werden soll. Im nachfolgenden Beispiel ersetzen wir „Artikel“ mit „Blog-Beiträge“.

/* Gezielte Wörter im WordPress-Dashboard-Menü umbenennen */ 
function kb_rename_dashboard_menu( $kb_rename_item ) 
{  
    $kb_rename_item = str_replace( 'Artikel', 'Blog-Beiträge', $kb_rename_item );
    $kb_rename_item = str_replace( 'artikel', 'blog-beiträge', $kb_rename_item );
    return $kb_rename_item;
}

add_filter( 'gettext', 'kb_rename_dashboard_menu' );
add_filter( 'ngettext', 'kb_rename_dashboard_menu' ); 

Zum Thema

Wenn ihr gezielt einen einzelnen Menüpunkt umbenennen möchtet, oder die Anordnung der Navigationspunkte umstellen wollt, könnt ihr direkt auf den Array des Dashboard-Menüs zugreifen. Ein ausführlicher Beitrag auf WPTuts gibt einen Einblick in die Materie.

• WPtuts: Customizing Your WordPress Admin
• Customizing WordPress Admin – updated for 3.1 with new tips!
• Alle Beiträge auf kulturbanause zum Thema WordPress-Dashboard

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2012/04/navigationspunkte-im-wordpress-backend-ausblenden-und-umbenennen/feed/ 3 http://blog.kulturbanause.de/2012/04/wordpress-geplante-beitrage-inkl-permalink-anzeigen/ http://blog.kulturbanause.de/2012/04/wordpress-geplante-beitrage-inkl-permalink-anzeigen/#comments Mon, 02 Apr 2012 07:20:25 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=7650 WordPress bietet die Möglichkeit Beiträge zu planen und automatisch zu einem zukünftigen Zeitpunkt zu veröffentlichen. Die Funktion wird aber auch [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

WordPress bietet die Möglichkeit Beiträge zu planen und automatisch zu einem zukünftigen Zeitpunkt zu veröffentlichen. Die Funktion wird aber auch häufig dazu eingesetzt eine Kalenderfunktion zu realisieren. Stark vereinfacht funktioniert das so: Die einzelnen Termine (Beiträge) werden zunächst geplant, anschließend wird ein individueller Loop verwendet um alle Beiträge anzuzeigen die den post_status future haben. Sobald das Datum erreicht ist, ändert WordPress den Status in published, folglich verschwinden abgelaufene Termine aus dem Kalender. Auf diese Weise lassen sich sehr schön anstehende Termine, beispielsweise die Tourdaten einer Band, anzeigen. Doch leider funktionieren bei diesem Prinzip die Permalinks nicht.

Geplante Beiträge nur für eingeloggte User / Admins sichtbar

Sofern man die Termine nur in einer Übersicht anzeigen möchte funktioniert die Vorgehensweise mit dem individuellen Loop einwandfrei. Alle geplanten Inhalte des Beitrags lassen sich über den Loop und über RSS-Feeds abbilden. Möchte man hingegen auch eine Detailansicht (single.php) zu jedem Termin anbieten, steht man schnell vor einem Problem. Die Detailansicht, die über den von WordPress generierten Permalink erreichbar ist, funktioniert nicht. Nur eingeloggte User können die geplanten Beiträge sehen – alle anderen Besucher sehen einen Error 404.

Alle geplanten Beiträge anzeigen

Mit folgenden Code-Snippet ist das Problem gelöst. Alle geplanten Beiträge werden angezeigt unabhängig von Kategorie, Post Type etc.
Fügt den nachfolgenden Code ganz einfach in die functions.php eures Themes ein.

/* Show future posts for all categories, post types etc. */
function show_future_posts($posts)
{
   global $wp_query, $wpdb;
   if(is_single() && $wp_query->post_count == 0)
   {
      $posts = $wpdb->get_results($wp_query->request);
   }
   return $posts;
}
add_filter('the_posts', 'show_future_posts');

Das Snippet habe ich im WordPress-Forum ausgegraben.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2012/04/wordpress-geplante-beitrage-inkl-permalink-anzeigen/feed/ 2 http://blog.kulturbanause.de/2012/02/wordpress-php-dateien-per-shortcode-includieren/ http://blog.kulturbanause.de/2012/02/wordpress-php-dateien-per-shortcode-includieren/#comments Thu, 23 Feb 2012 09:12:09 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=7409 Innerhalb des WordPress-Editors lässt sich kein PHP-Code ausführen, was sinnvoll und nachvollziehbar ist, denn ansonsten gäbe es sichere einige zerschossene [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Innerhalb des WordPress-Editors lässt sich kein PHP-Code ausführen, was sinnvoll und nachvollziehbar ist, denn ansonsten gäbe es sichere einige zerschossene WordPress-Websites mehr. Ohne PHP könnt ihr allerdings auch keine externen Dateien inkludieren. Im Rahmen eines individuellen Themes seid ihr also, was die Möglichkeiten von PHP betrifft, auf die Bereiche vor und nach <?php the_content();?> begrenzt. Mit einem Shortcode holt ihr Includes in den Editor.

PHP-Includes per Shortcode ermöglichen

Wenn Ihr Includes innerhalb des Inhaltsbereichs einsetzen möchtet, gibt es eine simple Lösung über Shortcodes. Zunächst wird in der functions.php folgender Code eingesetzt:

// include files via shortcode
function include_file($atts) {
	extract(shortcode_atts(array('filepath' => 'NULL'), $atts));
	if ($filepath!='NULL' && file_exists(TEMPLATEPATH.$filepath)){
	ob_start();
	include(TEMPLATEPATH.$filepath);
	$content = ob_get_clean();
	return $content;
	}
}

add_shortcode('include', 'include_file');

Anschließend könnt ihr innerhalb des Editors mit folgendem Shortcode beliebige Dateien inkludieren. Der Pfad der gewünschten Datei ist dabei relativ zum Root des Theme-Ordners. Die folgende Beispieldatei deine-datei.php liegt also im gleichen Verzeichnis wie die styles.css

[include filepath='/deine-datei.php']

Bitte vorsichtig verwenden
Mit PHP-Code innerhalb des WordPress-Editors, könnt ihr eure Website stark beschädigen! Verwendet die hier vorgestellte Lösung also nur, wenn ihr wisst was ihr tut.

Das hier vorgestellte Snippet habe ich auf amberpanther.com gefunden. Diese Seite ist hier nicht verlinkt, da Google Maleware gefunden hat.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2012/02/wordpress-php-dateien-per-shortcode-includieren/feed/ 8 http://blog.kulturbanause.de/2011/12/wordpress-anzahl-der-kommentare-und-trackbacks-getrennt-darstellen/ http://blog.kulturbanause.de/2011/12/wordpress-anzahl-der-kommentare-und-trackbacks-getrennt-darstellen/#comments Thu, 22 Dec 2011 15:45:23 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6913 In WordPress ist es mit Bordmitteln, etwa einem Template Tag, leider nicht möglich die Anzahl der Kommentare und die der [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

In WordPress ist es mit Bordmitteln, etwa einem Template Tag, leider nicht möglich die Anzahl der Kommentare und die der Trackbacks getrennt von einander darzustellen. In der Datenbank unterscheidet WordPress hingegen beide Typen, und markiert echte Kommentare in einem zusätzlichen Feld. Mit einer entsprechenden Funktion kann geprüft werden ob das Feld ausgefüllt ist, wodurch sich beide Arten von Kommentaren einzeln anzeigen lassen.

Anzahl an Kommentaren darstellen

Der folgende Code gehört üblicherweise in die functions.php. Er kann jedoch auch im gleichen Template eingesetzt werden.
Die Funktion prüft ob Kommentare vorhanden sind und gibt (sofern das Ergebnis nicht Null ist) die Anzahl aus.

function comment_count() { global $post;
$thePostID = $post->ID; global $wpdb;
$count = "SELECT COUNT(*) FROM $wpdb->comments WHERE comment_type = ' '
AND comment_post_ID = $thePostID"; $co_number = $wpdb->get_var($count);
if ($co_number == 0) {} else {echo $co_number;} 
}

Mit folgenden Snippet wird die Anzahl der Kommentare an einer beliebigen Stelle des Themens dargestellt.

<?php comment_count(); ?>

Anzahl der Trackbacks darstellen

Der Code für die Darstellung der Trackbacks funktioniert auf die gleiche Art und Weise. Folgendes Snippet gehört in die functions.php.

function trackback_count() 
{ global $post;
$thePostID = $post->ID;
global $wpdb;
$count = "SELECT COUNT(*) FROM $wpdb->comments
WHERE comment_type != ' '
AND comment_post_ID = $thePostID"; $tb_number = $wpdb->get_var($count);
if ($tb_number == 0) {} else {echo $tb_number;} }

Mit diesem Snippet wird die Anzahl der Trackbacks ausgegeben.

<?php trackback_count(); ?>

Credits

Dieses Snippet habe ich auf denkvirtuose.de gefunden und unverändert übernommen. Es funktioniert einwandfrei und ist auch auf diesem Blog im Einsatz. Vielen Dank dafür!

• denkvirtuose.de/wordpress/die-anzahl-der-kommentare-und-trackbacks-getrennt-anzeigen.html

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/12/wordpress-anzahl-der-kommentare-und-trackbacks-getrennt-darstellen/feed/ 4 http://blog.kulturbanause.de/2011/12/daten-per-linkurl-an-zielseite-ubergeben/ http://blog.kulturbanause.de/2011/12/daten-per-linkurl-an-zielseite-ubergeben/#comments Thu, 15 Dec 2011 11:06:28 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6871 Wenn ihr Daten von einer Quellseite an eine Zielseite übergeben wollt, stehen euch verschiedene Möglichkeiten offen. Die Variante, auf die [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Wenn ihr Daten von einer Quellseite an eine Zielseite übergeben wollt, stehen euch verschiedene Möglichkeiten offen. Die Variante, auf die ich in diesem Beitrag kurz eingehen möchte überträgt die Daten mit Hilfe der URL an eine Zielseite. Dazu werden dem Link verschiedene Parameter mitgegeben und auf der Zielseite mit dem PHP-Befehl GET wieder ausgelesen.

Grundsätzliche Funktionsweise

Das Prinzip ist denkbar einfach. Ihr setzt einen ganz gewöhnlichen Link auf eine andere Seite und erweitert diesen lediglich um verschiedene Parameter/Werte-Paare. Verschiedene Parameter werden mit „&“ von einander getrennt.

Beispiel für einen Link mit zwei Parametern:

<a href="ziel.php&parameter=wert&parameter2=wert2">Link</a>

Auf der Zielseite wird anschließend der Wert zu einem bestimmten Parameter wieder ausgelesen. Das funktioniert mit folgendem Snippet:

<?php echo $_GET["parameter"]; ?>
<?php echo $_GET["parameter2"]; ?>

Beachtet bitte, dass die Parameter in der URL sichtbar sind und daher leicht manipuliert werden können. Für sensible Daten ist diese Art der Übertragung daher absolut nicht geeignet!

Beispielseite

Ich habe ein Beispiel zu diesem Thema erstellt, das ihr hier live testen und herunterladen könnt. Es geht darum eine Farbe auszuwählen und die Eigenschaften dieser Farbe zu erfahren. Je nach Wahl werden unterschiedliche Paramenter mit dem Namen der Farbe, dem Hexadezimalcode und den Eigenschaften an die Zielseite übertragen und dort entsprechend zusammengesetzt.

Live-Demo (Probiert es aus!):

Live-Demo in neuem Fenster öffnen

HTML/PHP-Code der Ausgangsseite (start.php)

[...]

<body>
<h1>Welche Farbe gefällt dir am besten?</h1>
<ul>
  <li><a href="ziel.php?Farbe=Rot&Code=ff0000&Eigenschaften=selbstbewusst, Liebe, Leidenschaft, Aufregung, Glück, glühend, dramatisch, kräftig, Lust, Kampf">Rot</a></li>
  <li><a href="ziel.php?Farbe=Orange&Code=ff9000&Eigenschaften=ausgelassen, Vergnügen, süß, Kreativität, Genuss, energiegeladen, ungezwungen, inspirierend, ehrgeizig, spritzig">Orange</a></li>
  <li><a href="ziel.php?Farbe=Gelb&Code=fff000&Eigenschaften=Gold, lustig, Hitze, strahlend, Glanz, Lebensfreude, aktiv, Fröhlichkeit, Energie, Sonne">Gelb</a></li>
  <li><a href="ziel.php?Farbe=Grün&Code=29c100&Eigenschaften=Natur, Harmonie, Ruhe, Frische, Neid, beruhigend, Hoffnung, gesund, Leben, Erneuerung">Grün</a></li>
  <li><a href="ziel.php?Farbe=Blau&Code=0072c1&Eigenschaften=zuverlässig, sympathisch, vertrauenswürdig, sicher, vernünftig, mutig, Offenheit, Intelligenz, Ferne, Autorität">Blau</a></li>
  <li><a href="ziel.php?Farbe=Violett&Code=7600c1&Eigenschaften=kreativ, mächtig, extravagant, modisch, weiblich, unseriös, magisch, eitel, künstlich, sensibel, geheimnisvoll">Violett</a></li>
</ul>
</body>

[...]

HTML/PHP-Code der Zielseite (ziel.php)

[...]

<body>
<h1 style="color:#<?php echo $_GET["Code"]; ?>"> Du hast <?php echo $_GET["Farbe"]; ?> gewählt. Eine schöne Farbe! </h1>
<p>Wusstest du schon, dass mit <?php echo $_GET["Farbe"]; ?> folgende Eigenschaften, Wirkungen und Assiziationen verbunden werden?</p>
<p><?php echo $_GET["Eigenschaften"]; ?></p>

<a href="start.php">← Zurück zur Farbauswahl</a>
</body>

[...]

Ihr könnt alle Dateien des Beispiels auch herunterladen.

Beispieldateien herunterladen

Die Farbwirkungen für das Beispiel habe ich mir vom Webdesign Blog ausgeliehen. Vielen Dank dafür!

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/12/daten-per-linkurl-an-zielseite-ubergeben/feed/ 4 http://blog.kulturbanause.de/2011/12/wordpress-post-thumbnails-aus-rss-feed-auslesen-preg_match-und-regular-expressions/ http://blog.kulturbanause.de/2011/12/wordpress-post-thumbnails-aus-rss-feed-auslesen-preg_match-und-regular-expressions/#comments Tue, 13 Dec 2011 08:09:04 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6943 Ab und zu möchte man den RSS-Feed seines WordPress Blogs auf einer anderen Seite einbinden, um dort beispielsweise die neuesten [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Ab und zu möchte man den RSS-Feed seines WordPress Blogs auf einer anderen Seite einbinden, um dort beispielsweise die neuesten fünf Beiträge zu bewerben. Der RSS-Feed ist schnell ausgelesen, ein Problem sind häufig die Post-Thumbnails der Artikel.
Die Artikelbilder werden von WordPress nicht in den Feed übertragen. Um die Post-Thumbnails dennoch im Feed anzuzeigen, wird häufig in der functions.php ein Snippet eingefügt das die Bilder in den Inhaltsbereich des Feeds lädt. Da sich die Bilder dann allerdings zusammen mit dem Text und anderen Bildern in einem Feed-Element befinden, ist schwierig sie gezielt auszulesen.

Element mit PHP preg_match identifizieren

Das Artikelbild wird im Feed als img direkt vor dem eigentlichen Inhalt des Beitrags eingebunden. Semantisch betrachtet befindet es sich aber ebenso wie der Beitrag selbst innerhalb des Elements "<description>". Mit preg_match lasst sich das Artikelbild über die Dateiendung identifizieren und in einem Array speichern. Anschließend zeigen wir immer nur das erste Bild des Array.

Alles was ihr benötigt, ist eine Variabel bzw. ein Array in der ihr den Feed-Inhalt (description) verfügbar habt. Sollte das nicht der Fall sein, schaut euch bitte noch einmal diesen Artikel an: RSS-Feed von WordPress auslesen.

Im folgenden Beispiel-Code wird $quelle nach Bildern durchsucht, und diese der Reihe nach in $ziel abgespeichert.

preg_match("/src=[\"\']?([^\"\']?.*\.(png|jpg|gif))[\"\']?/i", $quelle, $ziel); // Bilder werden aus $quelle ausgelesen und in $ziel gespeichert.

Anschließend könnt ihr mit folgendem Code das erste Elemente des Array auslesen und in einem img-Tag einbinden.

<img <?php print_r($ziel[0]); ?> height="100" width="100" alt=""/>

Mit diesem "regulären Ausdruck" ist es möglich die Post-Thumbnails von WordPress aus dem Feed zu extrahieren und in Kombination mit anderen ausgelesenen Feed-Elementen auf einer externen Website darzustellen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/12/wordpress-post-thumbnails-aus-rss-feed-auslesen-preg_match-und-regular-expressions/feed/ 3 http://blog.kulturbanause.de/2011/11/theme-options-page-fur-wordpress-erstellen/ http://blog.kulturbanause.de/2011/11/theme-options-page-fur-wordpress-erstellen/#comments Mon, 14 Nov 2011 08:00:06 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6607 Komplexe und hochwertige WordPress-Themes verfügen in der Regel über eine so genannte "Theme Options Page" - eine zusätzliche Seite im [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Komplexe und hochwertige WordPress-Themes verfügen in der Regel über eine so genannte "Theme Options Page" - eine zusätzliche Seite im Dashboard anhand der ein Benutzer das Theme über die normalen Möglichkeiten hinaus anpassen kann. Das TwentyEleven-Theme von WordPress wird beispielsweise mit einer solchen Options-Page ausgeliefert. Hier könnt ihr u.a. auswählen ob das Theme schwarz oder weiß sein soll, in welcher Farbe Verlinkungen auf der Website dargestellt werden und ob ihr eine Sidebar anzeigen möchtet.
In diesem Beitrag möchte ich euch zeigen wie ihr selbst eine Theme-Options-Page erstellt. Anhand eines leicht verständlichen Beispiels werdet ihr das Prinzip sicher schnell auf eure eigenen Projekte übertragen können.

WordPress Theme-Options-Pages

Ich möchte einmal kurz zusammenfassen was wir jetzt vorhaben. Wir erstellen eine Theme Options Page für ein beliebiges WordPress-Theme auf der wir zwei Eingabefelder platzieren. Das erste Eingabefeld dient dazu das Copyright-Datum im Footer des Themes anzupassen, in das zweite Feld kann der Benutzer seinen Google Analytics Tracking Code eintragen. Beide Anpassungen sind normalerweise nur möglich indem der Code der Website bearbeitet und anschließend hochgeladen wird.



Wir arbeiten mit der functions.php des Themes, mit dem WordPress-Dashboard und mit der footer.php. Zunächst erstellen wir über die functions.php die Options-Seite mit allen Inhalten. Über das Dashboard können dann die Daten eingetragen werden. Die Eingabewerte werden in der Options-Tabelle der Datenbank abgelegt. Im letzten Schritt lesen wir die eingetragenen Werte in der footer.php des Themes wieder aus.

Das klingt kompliziert? Ist es aber nicht. 2x Copy & Paste und alles läuft.

functions.php - Theme Options Page anlegen

Der folgende Code gehört in die functions.php eures Themes. Ich habe euch die einzelnen Bereiche der Datei im Code kommentiert.

/* ------------------ */
/* theme options page */
/* ------------------ */

add_action( 'admin_init', 'theme_options_init' );
add_action( 'admin_menu', 'theme_options_add_page' );

// Einstellungen registrieren (http://codex.wordpress.org/Function_Reference/register_setting)
function theme_options_init(){
	register_setting( 'kb_options', 'kb_theme_options', 'kb_validate_options' );
}

// Seite in der Dashboard-Navigation erstellen
function theme_options_add_page() {
	add_theme_page('Optionen', 'Optionen', 'edit_theme_options', 'theme-optionen', 'kb_theme_options_page' ); // Seitentitel, Titel in der Navi, Berechtigung zum Editieren (http://codex.wordpress.org/Roles_and_Capabilities) , Slug, Funktion 
}

// Optionen-Seite erstellen
function kb_theme_options_page() {
global $select_options, $radio_options;
if ( ! isset( $_REQUEST['settings-updated'] ) )
	$_REQUEST['settings-updated'] = false; ?>

<div class="wrap"> 
<?php screen_icon(); ?><h2>Theme-Optionen für <?php bloginfo('name'); ?></h2> 

<?php if ( false !== $_REQUEST['settings-updated'] ) : ?> 
<div class="updated fade">
	<p><strong>Einstellungen gespeichert!</strong></p>
</div>
<?php endif; ?>

  <form method="post" action="options.php">
	<?php settings_fields( 'kb_options' ); ?>
    <?php $options = get_option( 'kb_theme_options' ); ?>

    <table class="form-table">
      <tr valign="top">
        <th scope="row">Copyright</th>
        <td><input id="kb_theme_options[copyright]" class="regular-text" type="text" name="kb_theme_options[copyright]" value="<?php esc_attr_e( $options['copyright'] ); ?>" /></td>
      </tr>  
      <tr valign="top">
        <th scope="row">Google Analytics</th>
        <td><textarea id="kb_theme_options[analytics]" class="large-text" cols="50" rows="10" name="kb_theme_options[analytics]"><?php echo esc_textarea( $options['analytics'] ); ?></textarea></td>
      </tr>
    </table>
    
    <!-- submit -->
    <p class="submit"><input type="submit" class="button-primary" value="Einstellungen speichern" /></p>
  </form>
</div>
<?php }

// Strip HTML-Code:
// Hier kann definiert werden, ob HTML-Code in einem Eingabefeld 
// automatisch entfernt werden soll. Soll beispielsweise im 
// Copyright-Feld KEIN HTML-Code erlaubt werden, kommentiert die Zeile 
// unten wieder ein. http://codex.wordpress.org/Function_Reference/wp_filter_nohtml_kses
function kb_validate_options( $input ) {
	// $input['copyright'] = wp_filter_nohtml_kses( $input['copyright'] );
	return $input;
}

Es besteht natürlich auch die Möglichkeit die Theme-Options-Page in einer eigenen Datei anzulegen und diese dann in die functions.php zu laden. Das macht vor allem dann Sinn, wenn die Options-Seite sehr umfangreich ist. Mit diesem Snippet ladet ihr eine externe Datei in die functions.php. Die Datei muss im gleichen Verzeichnis wie die functions.php abgelegt werden.

require_once ( get_stylesheet_directory() . '/theme-options-page.php' );

Theme-Options-Page im Dashboard

Im WordPress-Backend findet ihr die Theme-Options-Page nun im Bereich "Design".




Tragt in beide Felder nun einen Testinhalt ein und speichert die Änderung. Im letzten Schritt übertragen wir die Eingabe in das entsprechende Template.

footer.php - Eingaben im Template anzeigen

Alles was noch fehlt ist das Snippet um die gespeicherten Daten im Theme auszugeben. Für dieses Beispiel benutzt ihr dazu die footer.php.

Zunächst ruft ihr mit get_options (codex.wordpress.org/Function_Reference/get_option) die entsprechenden Werte aus der Datenbank ab. Anschließend stellt ihr die Inhalte über echo dar.

Das folgende Snippet gibt beide Inhalte direkt untereinander aus.

<?php
 $options = get_option('kb_theme_options');
 echo $options['copyright'];
 echo $options['analytics'];
?>

Das wars auch schon.

Weitere Links zum Thema

Wenn ihr euch eingehender mit der Erstellung von Theme-Options-Pages befassen wollt, schaut euch auch folgende empfehlenswerte Artikel und Tutorials an.

• net.tutsplus.com/tutorials/wordpress/how-to-create-a-better-wordpress-options-panel
• wpshout.com/create-an-advanced-options-page-in-wordpress
• smashingwall.com/wordpress/theme-options-page-resources

Außerordentlich lohnenswert ist auch diese Basis-Theme-Options-Page. Hier sind alle Arten von Eingabefeldern (Input, Select, Radio, Checkbox etc.) enthalten.

• themeshaper.com/2010/06/03/sample-theme-options/

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/11/theme-options-page-fur-wordpress-erstellen/feed/ 7 http://blog.kulturbanause.de/2011/10/wordpress-dashboard-mit-dem-eigenen-logo-versehen/ http://blog.kulturbanause.de/2011/10/wordpress-dashboard-mit-dem-eigenen-logo-versehen/#comments Fri, 14 Oct 2011 05:49:32 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6470 Ich habe im vorausgegangenen Beitrag das Snippet zum Austausch des Login-Screen-Logos vorgestellt, nun möchte ich euch zeigen wie ihr das [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Ich habe im vorausgegangenen Beitrag das Snippet zum Austausch des Login-Screen-Logos vorgestellt, nun möchte ich euch zeigen wie ihr das Logo innerhalb des WordPress-Dashboards ersetzen könnt.
Diese kleine Anpassung kann ebenfalls dazu beitragen, dass sich ein Kunde in WordPress wohler fühlt und das Gesamtprojekt (noch) positiver wahrnimmt. Auch dieses Snippet ist daher fester Bestandteil meines Basis-Themes das ich für alle WordPress-Projekte als technische Grundlage nutze und ständig weiterentwickle.

Logografik

Das Icon im WordPress-Dashboard hat die Abmessungen 16 x 16 Pixel. Erstellt also ein eigenes Logo mit diesen Abmessungen und speichert es im Theme-Ordner (../wp-content/themes/name-des-themes/img/logo-dashboard.png) ab. Ihr könnt auch einen anderen Speicherort wählen, das folgende Snippet sucht jedoch im oben genannten Ordner nach der Grafik.




functions.php

Kopiert folgendes Snippet in die functions.php eures Themes und passt ggf. den Pfad zum Bild an.

// replace dashboard logo
function kb_dashboard_logo() {
	echo '<style type="text/css">#header-logo { background-image: url('.get_bloginfo('template_directory').'/img/logo-dashboard.png) !important; }</style>';
}

add_action('admin_head', 'kb_dashboard_logo');

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/10/wordpress-dashboard-mit-dem-eigenen-logo-versehen/feed/ 12 http://blog.kulturbanause.de/2011/10/wordpress-login-screen-individualisieren/ http://blog.kulturbanause.de/2011/10/wordpress-login-screen-individualisieren/#comments Wed, 12 Oct 2011 04:47:31 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6462 Wenn ihr WordPress für Kundenprojekte einsetzt, macht es Sinn den Administrationsbereich optisch an das bestehende Corporate Design des Kunden anzupassen. [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Wenn ihr WordPress für Kundenprojekte einsetzt, macht es Sinn den Administrationsbereich optisch an das bestehende Corporate Design des Kunden anzupassen. Dieser sieht nämlich in der Regel das eigene Logo lieber als das von WordPress, und eine individualisierte Installation wirkt natürlich auch technisch hochwertiger.
Der erste Kontaktpunkt zwischen Anwender und WordPress-Backend ist der Login-Bereich. Mit wenigen Zeilen Code tauscht ihr hier das WordPress-Logo gegen das des Kunden aus. Ein Snippet das unbedingt in die Theme-Vorlage wandern sollte.

Logografik erstellen

Das Standard-WordPress-Logo hat die Abmessungen 326 x 67 Pixel. Am einfachsten ist es daher, wenn ihr euer Logo ebenfalls im Rahmen dieser Abmessungen anlegt.
Das nachfolgende Snippet sucht innerhalb des Theme-Ordners (../wp-content/themes/name-des-themes/img/logo-login.png) nach der Grafik. Achtet also darauf, dass ihr das Bild auch an der richtigen Stelle ablegt.



functions.php

Kopiert folgenden Code in die functions.php des Themes. Es werden drei Elemente des Login-Screens verändert.
Zunächst wird das Logo gegen die von euch erstellte Grafik ausgetauscht. Anschließend wird die Verlinkung des Logos von wordpress.com auf die Startseite eurer Website umgeschrieben get_bloginfo( 'blogname' ) und der Titel durch den Namen eures Blogs get_option('blogname') ersetzt.

/* ----------------------- */
/* customized login-screen */
/* ----------------------- */

// logo
function kb_custom_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: url(<?php echo get_bloginfo( 'template_directory' ) ?>/img/logo-login.png);
            padding-bottom: 30px;
        }
    </style>
<?php }

add_action( 'login_enqueue_scripts', 'kb_custom_login_logo' );

// link
function kb_custom_login_logo_url() {
    return get_bloginfo( 'url' );
}

add_filter( 'login_headerurl', 'kb_custom_login_logo_url' );

// title
function kb_custom_login_logo_url_title() {
    return get_bloginfo( 'blogname' );
}

add_filter( 'login_headertitle', 'kb_custom_login_logo_url_title' );

Update 1

Ich habe den Code oben angepasst, da spätestens ab WordPress 3.4 die URL unerwünschter Weise im Layout aufgetaucht ist. Nun funktioniert wieder alles einwandfrei.

Links zum Thema

Auch im WordPress-Codex findet man mittlerweile Infos zu diesem Thema:

• Customizing the Login Form - WordPress-Codex

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/10/wordpress-login-screen-individualisieren/feed/ 13 http://blog.kulturbanause.de/2011/10/die-meist-kommentierten-wordpress-beitrage-der-letzten-30-tage-anzeigen/ http://blog.kulturbanause.de/2011/10/die-meist-kommentierten-wordpress-beitrage-der-letzten-30-tage-anzeigen/#comments Sun, 02 Oct 2011 15:44:16 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6423 Um möglichst viele Besucher auf heiß diskutierte Beiträge des Blogs aufmerksam zu machen, lohnt es sich einen Bereich mit "beliebten [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Um möglichst viele Besucher auf heiß diskutierte Beiträge des Blogs aufmerksam zu machen, lohnt es sich einen Bereich mit "beliebten Artikeln" einzubinden. Mit den Custom Queries von WordPress ist es möglich Beiträge nach der Anzahl der abgegebenen Kommentare zu sortieren und in ihrer Anzahl zu begrenzen. Mit dieser Technik werden jedoch auch veraltete, aber viel kommentierte Artikel berücksichtigt. Um nur aktuelle Trends abzubilden muss daher ein Zeitfenster definiert werden.

Code-Snippet

Mit dem folgenden Code-Snippet ist es möglich zunächst nur die Beiträge der letzten 30 Tage auszulesen und anschließend nach der Anzahl der abgegebenen Kommentare zu sortieren. Die Anzahl der dargestellten Beiträge wird auf 5 beschränkt.
Im letzten Schritt wird der WordPress-Loop gestartet und die Beiträge inkl. Beitragsbild, Titel und Verlinkung innerhalb einer ungeordneten Liste ausgegeben.

<ul>
<?php
function filter_where($where = '') {
    $where .= " AND post_date > '" . date('Y-m-d', strtotime('-30 days')) . "'"; // Zeitfenster auf 30 Tage begrenzen
    return $where;
}

add_filter('posts_where', 'filter_where');

// WordPress Query
	$args = array(
		'posts_per_page' => 5,
		'order'    => 'DESC',
		'orderby' => 'comment_count'
	);
	query_posts( $args );

// WordPress-Loop
while (have_posts()): the_post(); ?>

<li>
	<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail( 'thumbnail' ); ?><?php the_title (); ?></a>
</li>

<?php endwhile;
	wp_reset_query();
?>
</ul>

Das Snippet ist bei mir im Einsatz und zeigt in der Sidebar die aktuellen Trends an.

Der Code in diesem Artikel basiert auf einem Beitrag von wpmu.org

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/10/die-meist-kommentierten-wordpress-beitrage-der-letzten-30-tage-anzeigen/feed/ 3 http://blog.kulturbanause.de/2011/09/wordpress-titel-ubergeordneter-seiten-auslesen-direkter-und-oberster-vorfahre/ http://blog.kulturbanause.de/2011/09/wordpress-titel-ubergeordneter-seiten-auslesen-direkter-und-oberster-vorfahre/#comments Fri, 23 Sep 2011 10:42:40 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6386 Bei der Erstellung eines WordPress-Themes kommt es häufiger vor, dass man nur den Titel einer übergeordneten Seite anzeigen möchte. Zum [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

Bei der Erstellung eines WordPress-Themes kommt es häufiger vor, dass man nur den Titel einer übergeordneten Seite anzeigen möchte. Zum Beispiel um für eine Metanavigation in der Sidebar eine Überschrift auszugeben.
Besonders interessant ist in diesem Zusammenhang der Titel einer Eltern-Seite auf oberster Verschachtelungsebene.

Bei einer Verschachtelungstiefe ab zwei, besteht ein Unterschied zwischen dem direkten Vorfahren einer Seite und dem Vorfahren auf oberster Ebene. Das folgende Beispiel zeigt eine Beispiel-Verschachtelung:

• Geografie
  • Städte
    • Berlin
    • Köln
  • Flüsse
    • Spree
    • Rhein

Übergeordnete Seite auf oberster Ebene ausgeben

Nehmen wir nun an wir befinden uns auf der Seite "Berlin". Mit dem folgenden Snippet geben wir den Vorfahren auf oberster Ebene aus. In unsererm Beispiel also "Geografie".

Dieses Snippet gehört entweder global in die functions.php oder ebenfalls in die Template-Datei.

<?php
	 
function get_top_level_parent_title() {

global $post;
  if ( empty($post->post_parent) )
	{ the_title(); }
  else {
	$ancestors = get_post_ancestors($post->ID);
	end($ancestors);
	  echo get_the_title(end($ancestors));
  }
}

?>

Um den Titel im Theme auszugeben verwendet ihr folgendes Snippet:

<?php get_top_level_parent_title() ?>

Direkten Vorfahren ausgeben

Wenn wir nun auf Basis des gleichen Beispiels den direkten Vorfahren (Städte) auslesen wollten, muss das Snippet leicht modifiziert werden.

Code für die functions.php.

<?php
	 
function get_ancestor_title() {

global $post;
  if ( empty($post->post_parent) )
	{ the_title(); }
  else {
	$ancestors = get_post_ancestors($post->ID);
	end($ancestors);
	  echo get_the_title($ancestors[0]);
  }
}

?>

Um den Titel im Theme auszugeben verwendet ihr folgendes Snippet:

<?php get_ancestor_title() ?>

via

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/09/wordpress-titel-ubergeordneter-seiten-auslesen-direkter-und-oberster-vorfahre/feed/ 3 http://blog.kulturbanause.de/2011/09/wordpress-untergeordnete-seiten-gezielt-ausgeben/ http://blog.kulturbanause.de/2011/09/wordpress-untergeordnete-seiten-gezielt-ausgeben/#comments Fri, 23 Sep 2011 09:43:03 +0000 Jonas Hellwig http://blog.kulturbanause.de/?p=6399 In einem WordPress-Themes müssen häufig untergeordnete Seiten ausgegeben werden. Ich benötige diese Funktion regelmäßig um in der Sidebar die themenverwandten [...]

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]>

In einem WordPress-Themes müssen häufig untergeordnete Seiten ausgegeben werden. Ich benötige diese Funktion regelmäßig um in der Sidebar die themenverwandten Seiten zur aktuell aufgerufenen Seite aufzulisten. In Kombination mit dem Snippet für den Titel der Eltern-Seite lässt sich hier sehr schnell eine individuelle Navigation erstellen.
Mit Standard-Funktionen von WordPress können alle, oder nur ausgewählte Seiten eingeblendet werden.

Alle untergeordneten Seiten ausgeben

Der folgende Code zeigt immer alle untergeordneten Seiten zur aktuell aufgerufenen Seite an. Auch Kinder von Kindern etc.

<ul>
  <?php wp_list_pages("title_li=&child_of=".$post->ID); ?>
</ul>

Verschachtelungstiefe begrenzen

Wenn ihr die Tiefe beschränken wollt, erreicht ihr das mit dem Parameter "depth".
"0" Entspricht hierbei allen Seiten. Mit "1", "2", "3" etc. legt ihr die Tiefe fest. Sollen also nur die direkten Nachkommen angezeigt werden - so benutzt folgenden Code:

  
<ul>
  <?php wp_list_pages("depth=1&title_li=&child_of=".$post->ID); ?>
</ul>

Bei der hier beschriebenen Technik handelt es sich um eine WordPress-Standard-Funktion. Mehr dazu findet ihr hier: codex.wordpress.org/Function_Reference/wp_list_pages

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

]]> http://blog.kulturbanause.de/2011/09/wordpress-untergeordnete-seiten-gezielt-ausgeben/feed/ 1