7x bewertet

Custom Fields

von Murderprincess  |  19.11.2009 um 14:14 h
Skriptverwendung
Typ: Skriptverwendung
Stufe:Einfach Mittelmäßig
Im folgenden Tutorial zeige ich euch wie ihr die Custom Fields (Benutzerdefinierte Felder) von Wordpress benutzen könnt.

Wichtig!:
Ihr müsst Wordpress installiert haben, euch damit etwas auskennen und auch mit den Templates umgehen können


Was sind überhaupt benutzerdefinierte Felder?

Das ist relativ einfach. Custom Fields sind Felder, die ihr beim Posten eines Eintrags aber auch einer Seite bei Wordpress zusätzlich ausfüllen könnt. Sinnloses Einfüllen bringt jedoch nichts, denn erscheinen tun sie erst, wenn ihr sie korrekt in die verschiedenen Templates einbindet. Hier ein Beispiel wie ich Custom Fields verwende: Klick
Beim Posten haben ich in die Custom Fields Listening to und Mood eingetragen. Das postuserpic ist bloß ein Plugin; läuft aber auch über die Felder. Ausgegeben wird dann das im unteren Bild. Clever oder? ;)

Natürlich könnt ihr noch viel verspieltere Sachen damit machen, aber ich zeige euch jetzt einfach mal wies ganz einfach geht.

Zunächst solltet ihr euch überlegen, welche Custom Fields ihr haben möchtet. Ich habe mich für dieses Tutorial für Music und Mood entschieden.

Geht nun auf Add New Post (Neuen Beitrag hinzufügen) und scrollt dann nach unten. Dort müsstet ihr bald die Custom Fields (Benutzerdefinierten Felder) finden.

Gebt nun unter Name den Namen eures Feldes ein. In meinem Fall also einmal Music und einmal Mood. Fangen wir am Besten mit Music an.

Gebt Music unter Name ein und schreibt dann unter Value (Wert) hinein, was ihr im Moment hört. Dann geht auf Add Custom Field (Benutzerdefiniertes Feld hinzufügen).

Dann sollte ein zweites Feld erscheinen in das ihr nun Mood bei Name eintragt und eure Stimmung bei Value. Nun braucht euer Beitrag noch einen Titel und ein bisschen Füllung und dann könnt ihr ihn absenden.

Jetzt dürfte noch nichts von den Fields zu sehen sein, oder? Keine Panik, falsch gelaufen ist nichts.
Öffnet in eurem Template die Index.php-Datei. Ihr müsst darauf achten, dass ihr nichts für euer Template relevantes entfernt. Dabei helfen kann ich herzlich wenig, da meins wohl durchaus anders aussieht als euers, aber ihr kriegt das schon hin. Deswegen die Voraussetzungen ;)

Wenn ihr nun in der Index.php-Datei seid, sucht nach


 <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 



Das sollte direkt unter dem get_header stehen. Nun editiert ihr da einfach folgendes hinein.


$mood = get_post_meta($post->ID, 'Mood', true);
$music = get_post_meta($post->ID, 'Music', true);



Damit gebt ihr den Custom Fields Mood und Music eine Variable nämlich $mood und $music. Das ist einfach einfacher fürs spätere Einbinden. Hier werden die Metadaten des Posts abgefragt und der abgefragten ID werden dann die Fields zugeordnet, damit nicht plötzlich allen Stellen dasselbe steht.

Und jetzt noch der letzte Schritt.

Nun müsst ihr nur noch mit den Variablen die Ausgabe einbinden. Nämlich so:


<?php if ($music) { ?>
Current Music: <?php echo $music?> <br />
<?php ?>



Durch die If-Abfrage wird geklärt ob $music bei diesem Post überhaupt vergeben ist, wenn nicht, erscheint an dieser Stelle nichts. Das ist praktisch für eure älteren Posts, also wenn ihr mittendrin anfangt mit den Fields zu arbeiten. Bei den alten Posts bleibt dann alles wie es ist ;)
Das echo gibt einfach den für Music angegeben Wert.
Dasselbe macht ihr dann natürlich mit $mood ;) Dürfte ja jetzt nicht weiter schwer sein.

Das wars schon. War doch ganz einfach oder? =) Sieht schwieriger aus, als es ist.
Natürlich könnt ihr noch viel viel mehr mit diesen coolen Dingern machen, aber nach diesem Prinzip funktioniert es alles. Ihr könnt auch Bilder einbinden indem ihr das echo einfach in einen <img>-Tag steckt.

Viel Spaß beim Aus- und Rumprobieren.
Ich hoffe das Tutorial hat ein bisschen geholfen, ich fand die Custom Fields am Anfang irgendwie total schwer xD Ich hoffe es haben sich keine gravierenden Fehler eingeschlichen. Wenn doch und auch wenn nicht Kommentare sind erwünscht!



3 Kommentare




monkeybox

Sehr schönes ausführliches Tutorial Smilie
am 19.11.2009 um 19:15 Uhr


jeffreecyde

Wahhaa! Danke <3
Werd ich bestimmt brauchen Smilie
am 19.11.2009 um 22:51 Uhr


Kaley

Cool, wusste nicht, dass man mit so wenig, so viel erreichen kann : ) (Bezüglich Wordpress)... Finde ich gut! Danke ; )
am 20.11.2009 um 00:50 Uhr