KS Webdesign - Der Blog » benutzerdefinierte felder http://webdesign-passau.com/wordpress Wed, 18 Jan 2012 13:08:03 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Benutzerdefinierte Felder in WordPress http://webdesign-passau.com/wordpress/benutzerdefinierte-felder-wordpress/ http://webdesign-passau.com/wordpress/benutzerdefinierte-felder-wordpress/#comments Sun, 08 Nov 2009 11:47:46 +0000 Klaus http://webdesign-passau.com/wordpress/?p=415 Weiterlesen →]]> Diese benutzerdefinierten Felder sind eine ganz schicke Sache, mit der es z.B. möglich ist nur bei ganz bestimmten Artikeln etwas einzublenden.

Das werde ich im Folgenden anhand des Hinweiskastens erklären, der bei mir in manchen Artikeln ganz oben erscheint und in anderen wiederum nicht.

Der XHTML-Code des Hinweiskastens:

  • <dl id="tutorial_hinweis">
  • <dt><strong>Hinweise zu den Tutorials:</strong></dt>
  • <dd>Bitte aus dem kopierten Quelltext:
  • <code>&lt;p class="bitte_loeschen"&gt;.....&lt;/p&gt;</code>
  • <strong>und</strong> die Gestaltungsanweisungen dazu entfernen.</dd>
  • <dl>

Das CSS dazu:

  • #tutorial_hinweis {
  • background-color:#f0f0e7;
  • font-size:0.9em;
  • padding:1em;
  • border:1px dotted #fbdb6b;
  • margin:1em 0 1.1em 0;
  • }

Ich habe mich für eine Definitionsliste entschieden. Der Kasten bekommt eine andere Hintergrundfarbe als der Inhaltsbereich aufs Auge gedrückt und einen Rahmen zugewiesen.

Die CSS-Anweisungen schreibe ich in die style.css und lade dieselbe in meinen Themeordner.

Jetzt könnte ich den XHTML-Code einfach in die single.php direkt unter dem öffnenden div-Tag des Inhaltsbereiches verewigen.

Das klappt auch problemlos, dann wird dieser Kasten allerdings bei allen Artikeln oben eingefügt, was wir ja nicht wollen.

Okay, öffnet nun die single.php eures Themes im Editor und

tragt direkt unterhalb der Eröffnung des Loops:

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

folgendes ein:

  • <?php $hinweiskasten= get_post_meta($post->ID, 'hinweiskasten', true); ?>
  • <?php if(!(empty($hinweiskasten))) { ?>
  • <dl id="tutorial_hinweis"><?php echo $hinweiskasten; ?></dl>
  • <?php } ?>

Hochladen der geänderten single.php nicht vergessen.

Dann tapert ihr ins Backend, ruft den Artikel unter Artikel – Bearbeiten auf und scrollt erstmal etwas weiter nach unten

Dort ist ein Kasten mit der Überschrift Benutzerdefinierte Felder. Darunter steht links Name und rechts Wert.

Bei Name tragt ihr hinweiskasten ein

und bei Wert schreibt ihr folgendes hinein:

  • <dt><strong>Hinweise zu den Tutorials:</strong></dt>
  • <dd>Bitte aus dem kopierten Quelltext:
  • <code>&lt;p class="bitte_loeschen"&gt;.....&lt;/p&gt;</code>
  • <strong>und</strong> die Gestaltungsanweisungen dazu entfernen.</dd>

Nur noch Benutzerdefiniertes Feld hinzufügen und anschließend Artikel aktualisieren drücken.

Das macht ihr bei jedem Artikel, wo der Hinweiskasten erscheinen soll.

Statt dem Hinweiskasten könnt ihr auch Bilder einfügen, andere Texte und Sonstiges, was immer das auch sein mag.

]]> http://webdesign-passau.com/wordpress/benutzerdefinierte-felder-wordpress/feed/ 2