Manchmal ist es von Nöten, dass man dem User Optionen für das eigene Theme anbietet. Dies kann aus Design-Gründen, zum Beispiel für verschiedene Backgrounds oder auch eine Kategorieauswahl, zur Darstellung der Artikel in einer im Design integrierten Box.
In diesem Post möchte ich euch einen guten Weg aufzeigen, eure eigene Options-Seite für euer Theme zu bauen. Diese Seite wird ein Text-Feld beinhalten sowie eine Auswahl an verschiedenen Kategorien für eine Auflistung in einer Box. Der Clou an der Sache ist, dass wir alle Daten dieser Options-Page in einem einzigen Datenbank-Eintrag speichern.

Als allererstes erstellen wir eine Funktion, in welcher WordPress gesagt wird, dass wir nun eine neue Options-Page erstellen. Dadurch müssen wir uns nicht groß um die Speicherung der Daten kümmern.

//functions.php

//die funktion
function ctheme_options_init(){
  //Registrieren der Options "ctheme_theme", die Speichervariable in der Tabelle "ctheme_theme_options" und eine Validierungs-Funktion ("ctheme_options_validate", dazu später mehr)
  register_setting('ctheme_theme', 'ctheme_theme_options', 'ctheme_options_validate');
}

add_action('admin_init', 'ctheme_options_init');

Damit auch etwas dargestellt werden kann, benötigen wir eine do_page-Funktion. In dieser könnt ihr eine externe Datei inkludieren, um eine bessere Übersicht zu behalten. Ich schreibe es für dieses Tutorial direkt mit hinein.

<?php function ctheme_options_do_page(){
?>
<div class="wrap">
  <h2>cTheme Theme Optionen</h2>

  <form action="options.php" method="post">
    <?php //Schreibt verschiedene hidden Inputs
    settings_fields('ctheme_theme'); ?>
    <?php //Hier werden die gespeicherten Optionen abgefragt. Wir erinnern uns, dass wir alles in einem Eintrag speichern!
    $options = get_option('ctheme_theme_options'); ?>

    <table class="form-table">
      <tbody>
        <tr valign="top">
          <th scope="row">Titel der Box</th>
          <td><input type="text" value="" name="" id="" /></td>
        </tr>
        <tr>
          <th scope="row">Kategorie für die Auflistung in der Box</th>
          <td>Hier stehen dann die Kategorien..</td>
        </tr>
      </tbody>
    </table>

    <p class="submit"><input class="button-primary" type="submit" value="<?php _e('Save Changes') ?>" /></p>

    </form>
  </div>
<?php } ?>

Da wir alle Daten nur in einem Datenbankeintrag speichern, müssen wir die vom User eingegeben Daten selbst validieren.

function ctheme_options_validate($input){
	$input['boxtitle'] = ( $input['boxtitle'] == '' ) ? 'Standard-Box' : $input['boxtitle'];
	$input['categorylist'] = ( is_array( $input['categorylist'] ) ) ? $input['categorylist'] : array();
	return $input;
}

Nun müssen wir die Werte noch änderbar machen. Fangen wir mit der Input-Box an:

<tr valign="top">
  <th scope="row">Titel der Box</th>
  <td><input type="text" value="<?php echo $options['boxtitle']; ?>" name="ctheme_theme_options[boxtitle]" id="ctheme_theme_options_boxtitle" /></td>
</tr>

Wie Ihr seht, verwenden wir hier als name-Attribute den $options-Name als Array. (Hm, ist der Satz denn jetzt verständlich?)

Machen wir uns nun an die Auswahl der Kategorien. Dazu brauchen wir zwei Funktionen: Die eine listet alle Kategorien rekursive auf. Dafür ist es notwendig zu prüfen, ob die aktuelle Kategorie in der Schleife eine Unter-Kategorie hat, die zweite Funktion.

/***************
* list subcategories
* @categories wp-get_categories-Array
* @categoryId choosen category
* @label label to save in options
* @options the options
*******************/
function ctheme_options_listcategory( $categories, $categoryId, $label, &$options ) {
        //alle kategorien durchgehen, um die gewünschten Kategorien zu erhalten...
        // 0 gibt z.B. alle Top-Kategorien aus, 8 z.B. nur die, welcher eine Sub-Kategorie der Top-Kategorie 8 ist
	foreach( $categories as $category ):
                //Hat diese Kategorie die gewünschte ID?
		if( $category->category_parent == $categoryId ):
		?>
			<li>
				<input name="ctheme_theme_options[<?php echo $label; ?>][]" type="checkbox" value="<?php echo $category->term_id; ?>" <?php if(@in_array($category->term_id, $options[$label])) { echo 'checked="checked"'; } ?> /> <?php echo $category->name; ?>
				<?php
                                //Ruft nun die 2. Funktion auf, um zu prüfen, ob diese Kategorie weitere Kategorien enthält
                                if($subcats = ctheme_options_hassubcategory($categories, $category->term_id)): ?>
					<ul style="padding-left:20px; margin-bottom:14px;">
						<?php
                                                //Sollte dies der Fall sein, rufe ctheme_options_listcategory erneut auf
                                                ctheme_options_listcategory( $categories, $category->term_id, $label, $options ); ?>
					</ul>
				<?php endif; ?>
			</li>
	<?php endif;
	endforeach;
}

/* check, if the given categoryid is in the category-array */
function ctheme_options_hassubcategory( $categories, $categoryId ){
	$hasSubcategory = false;

	foreach( $categories as $category ) {
		if( $category->category_parent == $categoryId) {
			$hasSubcategory = true;
			break;
		}
	}

	return $hasSubcategory;
}

In unserer do_page-Funktion können wir die Kategorie-Funktion nun einfach mit dem Label, welchen wir in der Validierungs-Funktion angegeben haben, aufrufen.

<tr>
  <th scope="row">Kategorie für die Auflistung in der Box</th>
  <td>
    <?php
        //Alle Kategorien von WordPress mit hide_empty=0 abfragen... Wir benötigen alle Kategorien für die Optionen
        $allCategories = get_categories('hide_empty=0');

        ctheme_options_listcategory( $allCategories, 0, categorylist, $options );
    ?>
  </td>
</tr>

Als letztes müsst ihr die Options-Seite noch an die Theme-Navigation im Admin-Bereich hängen:

//register options page
add_action('admin_menu', 'ctheme_menu');

function ctheme_menu(){
	add_theme_page('cTheme Optionen', 'Optionen', 'edit_theme_options', 'ctheme-options', 'ctheme_options_do_page');
}

Nach sehr langer Pause auf diesem Blog wird in den nächsten (sicheren!) 3 Monaten immer wieder neues erscheinen.

Einige werden es noch nicht mitbekommen haben, dass ich nun mit Punkt 18 (.com) selbstständig bin. Gut, vor kurzem bekam ich einen recht großen Auftrag. Ich solle doch bitte ein Plugin für WordPress entwicklen. Gut, kein Ding, mach ich. In enger zusammenarbeit mit der Firma und deren Kunden wird das auch ein richtig schönes Ding!

Hier im Blog werde ich in der Zeit meine gesammelte Erfahrung, Lösungsansätze und Lösungen präsentieren. Für alle, die auch mal auf die selben Probleme stoßen.
Auch wird es eventuell ab und an ein kleines Plugin an sich für WordPress geben, welche ich zeitgleich entwickle, um eventuelle Probleme zu lösen.

Gerne sind natürlich Kommentare gesehen. Auch, wenn ihr natürlich möchtet, einen Beitrag über WordPress / PHP, welchen Ihr mir per E-Mail an blog@punkt16.de zukommen lassen könnt.

In diesem Sinne!:

$startedochendlich = new Blog();
 
$startedochendlich->starteJetzt('!!!');

Da Ich zurzeit so wenige Poste – Entschuldigung dafür! – gibt es ein kleines “Spiel”!

Ganz einfache Spielregeln und jeder kann sofort mitspielen!

1.Schnappe dir das Buch, welches am nächsten bei dir liegt. Jetzt!
2. Schlage Seite 56 auf.
3. Suche den 5. Satz.
4. Schreibe diesen Satz als Kommentar zu diesem Beitrag.

Bei mir ist es:
“Die Erfahrung von Albert Camus, der die Absurdität des Lebens kannte, aber an ihr nicht verzweifelt ist, möchte auch uns ermutigen, mitten in der Kälte unseres Herzens die unbesiegbare Wärme der Sonne zu sehen.”

Was das bringt?! Nichts! Aber macht auf eine Art und Weiße Spass!

Sie sehen aus wie vollgedröhnte Cracks. Es sind aber die einzig wahren Musiker!

Wer hat es noch nie Versucht: Man tipper auf einem Klavier, zupft auf seiner Gitarre, singt vielleicht noch bisschen was dazu. Schön und gut. Nur klingt dies oft nicht sonderlich gut. Auf «Incredibox.fr» könnt Ihr euch nun euer eigenes kleines Lied zusammenbauen.

Man wählt zwischen einigen Instrumenten, Rythmen, Effekten, Chor-Stimmen und Stimmen und zieht Sie in den Figuren. Sofort wird wiedergegeben, was man gerade zusammengesetzt hat. Ausserdem kann man, nach einiger Zeit, zwischen den verschienden Bonus-Modis wechseln.

Viel Spaß auf «Incredibox.fr»

Jeder ist bestimmt schonmal über sie gestolpert – die Enterseite. Oder wie man sie auch nennt: Willkommensseite, Eingangsseite oder Splashs-Seite.

Zwar sind sie nichtmehr so populär wie noch vor 3 Jahren, allerdings findet man sie trotzdem noch oft genug.

Für diejenigen, die schon an dieser Stelle nicht mehr mitreden können, erkläre ich kurz, wovon ich überhaupt spreche.
Enterseiten sind Seiten, die vor der eigentlichen Hauptseite stehen, sie sind also eine Art Eingangstor auf die der User in den meisten Fällen klicken muss. Auf solchen Seiten werden meistens Grafiken und Buttons gezeigt, die wie ein Wegweiser für den User dienen sollen.

Nun stellt sich folgende Frage: “Sind solche Seiten überhaupt sinnvoll?”
Nunja, es mag vielleicht auch Geschmackssache sein, doch es gibt auch einige Argumente, die dieses Thema erläutern.

Was spricht also für eine Enterseite, wieso gibt es sie überhaupt?
- Wichtige Informationen werden sofort vom User aufgenommen
- Der User kann auf wichtige Unterseiten hingewiesen werden (Forum, Chat, …)
- Es kann so der Status der Seite vermittelt werden (Offline, Umbau, Urlaubspause, …)
- Man kann mit einer eindrucksvollen Enterseite den User neugierig auf die Seite machen, sodass sich dieser die Seite im Nachhinein vielleicht genauer anschaut.

Doch trotzdem gibt es Sachen, die dagegen sprechen:
- Der User wird durch den “Aufhalt” vor dem eigentlichen Ziel genervt.
- Eine schlechte Gestaltung der Enterseite kann den User abschrecken, sodass er nicht bis zur Hauptseite geht.
- Wenn auf der Enterseite zu viel Informationen geliefert werden und diese dann zu einer halben Hauptseite wird, hat der User vielleicht schon genug gesehen, braucht so nicht noch mehr Informationen und besucht deshalb die eigentliche Hauptseite garnicht.

Nun kann man sich darüber streiten, welche Argumente gewichtiger sind. Also ist es wohl besser, wenn jeder seine eigene Meinung dazu bildet. Meiner Meinung nach sind Enterseiten überflüssig, da sie, wie gesagt, einen überflüssigen Aufenthalt vor dem eigentlichen Ziel sind und deshalb unnötige Zeit rauben. Außerdem treffe ich bei Enterseiten häufig auf Werbung, welche mich dann schon nervt und mich nichtmehr dazu motiviert, die eigentliche Hauptseite zu besuchen, sofern ich das nicht unbedingt muss.
Das war von mir, zum Thema “Enterseiten sinnvoll?”.

Gruß, Take!

Unterwegs fallen einem oft die besten Dinge ein, man sieht, dass jemand sein Auto zu einem Spot-Preis verkauft – doch man kann sich meist nichts merken. Egal ob Termine, Ideen, Telefonnummern. Der Service Evernote ist dafür eine gute Lösung!

Auto ansehen, Rechnung bezahlen, Aussehen des Pilzes merken um ihn dann zu beschreiben, eine Idee im Kopf behalten – Wer sich viele Dinge merken muss, verwechselt oft nicht nur etwas, sondern vergisst es auch.
Evernote hilft einem dabei – z.B. lässt man sich von Evernote den Betrag einer Rechnung merken und ruft diesen unterwegs bequem per iPhone ab. Oder bist du gerade in der Stadt und möchtest dir Merken, wann das Konzert von Silbermond ist? iPhone raus, Foto machen, auf Evernote laden! Ein Idee, für die nächste Party? Mach doch eine Sprachaufnahme und ab damit.

Mit Evernote lassen sich Online Notizen erstellen. Man lädt sich das Programm runter, meldet sich auf der Seite an und schon kanns losgehen.
In der Free-Version lassen sich monatlich 40 MB hochladen und Bilder, Audiodateien, Handschriften und PDF-Dateien lassen sich auf allen PC’s Synchronnisieren. Die Premium-Version, welche 5€/Monat oder 45€/Jahr kostet, stellt ein monatliches Uploadvolumen von 500 MB zur verfügung – es lassen sich auch alle Dateien Synchronisieren.

Ein Schmankerl noch zum Schluss: Die Suchfunktion findet sogar Text in Bildern!

www.evernote.de

Ich muss sagen, ich bin Baff! Mehr als Baff! Das xPhone wird das iPhone von Apple definitiv “töten”. Schaut es euch an!

Der Technik-Hype hat nun, was das iPhone betrifft, auch die Kinderwelt erreicht!

Als Webentwickler muss man die Design-Umsetzung in allen möglichen Browser testen. Bei Firefox muss man sich entscheiden: Version 3.5, 3.0 oder 2.0? Nicht nötig!

Installiert euch als Hauptbrowser die Version 3.5! Version 3.0 und 2.0 kann man ebenso installieren, ohne 3.5 deinstallieren zu müssen. Wie das geht? Ich zeig es euch!

Als erstes ladet Ihr euch eine Version runter. Ich verwende für diese Tutorial Version 3.0!
Macht einen Rechtsklick auf die Exe-File und entpackt diese. (z.B. mit WinZip).

Kopiert den Inhalt des Ordners localized in den Ordner nonlocalized. Die Dateien removed-files.log, setup.exe und den Ordner optional könnt ihr löschen.

Wenn Ihr möchtet, könnt ihr den Ordner nonlocalized nun an einen beliebigen Ort kopieren, wiech z.B. nach C:FireFox3_Test

Als nächstest müsst ihr den Profil-Manager aufrufen:

firefox -profilemanager -no-remote

Klickt auf Profil erstellen….

Gebt einen Benutzernamen ein, z.B. FF3Test und geht dann auf Fertigstellen.

Erstellt eine neue Verknüpfung: Wählt den Pfad zur firefox.exe im nonlocalized-Ordner und schreibt, hinter dem Dateipfad, folgende Angabe:

-P FF3Test -no-remote

In meinem Fall sieht die Textzeile nun folgendermaßen aus:

C:FireFox3_Testnonlocalizedfirefox.exe -P FF3Test -no-remote

Nun könnt Ihr Firefox 3.0 ohne Probleme aufrufen: parallel zu Firefox 3.5!

Ein Video, welches die Zukunft des Kleider-Shoppens revolutionieren könnte, habe ich gerade via Baisc Thinking gefunden!

Mich erinnert alles an das Projekt Natal von Microsoft’s XBOX. Aber schaut doch mal selbst!