Sie sind hier: Deutsch > Die Docu > Artikel > Content Parts > Kochrezept

Content Part "Kochrezept"

cp_kochrezept.jpg

Eingabemaske für das CP Kochrezept

Das CP Kochrezept wurde für einen deutschen Käsehersteller entwickelt, der auf der Website Rezepte mit seinen Produkten anbietet.

Die Handhabung dieses CP ist denkbar einfach. Die Ausgabe kann bequem anhand von Templates verändert werden. Das Template finden Sie auf Ihrem Server/Domain im Verzeichnis /template/inc_cntpart/recipe.

 

Inhaltstitel:
z.B. Rezeptüberschrift

 

Untertitel:
z.B. Optionaler Text

 

Keywords:
Sie können Rezepte mit Schlagwörtern versehen. Einmal eingetragene Keywords werden in das darüberliegende Auswahlmenü (Selectfeld) übernommen und stehen für spätere Eingaben zur Verfügung.

Die Vergabe von Keywords ergibt nur dann Sinn, wenn Sie auch eine speziell dafür vorgesehene Suchmaske verwenden. Die Suchfunktion (search.html im Verzeichnis template/inc_cntpart/recipe) muss dabei in Ihr bestehendes Seitenlayout via Externer Content eingebunden werden.  Die Suchfunktion wird durch den RT {RECIPES:} aus einem HTML CP aufgerufen. Dazu ist es notwendig, vorher die Datei recipes.php aus template/inc_script/frontend_render/disabled/* nach template/inc_script/frontend_render/* zu kopieren. Funktionierende Version: Forum: Kochrezept

Ein kleines Bespiel:
Sie haben 100 Rezepte:

  • 50 Pastagerichte
  • 20 Fleischgerichte
  • 10 Suppen
  • 10 Aufläufe
  • 10 Fischgerichte


Folglich würde es sich anbieten 5 Keywords zu vergeben und den jeweiligen Rezepten zuzuordnen und so eine Sortierung zu ermöglichen:

  • Auflauf
  • Fleisch
  • Fisch
  • Pasta
  • Suppen

Diese Keywords sollten demnach auch im Selectfeld innerhalb der search.html übernommen werden:

<select name="recipecat">
<option value="" selected="selected"> Bitte auswählen </option>
<option value="Auflauf">Aufläufe</option>
<option value="Fisch">Fisch</option>
<option value="Fleisch">Fleischgerichte</option>
<option value="Pasta">Pasta</option>
<option value="Suppe">Suppen</option>
</select>

Schon können Sie Rezepte nach Ihren Kriterien auswählen


Hinweis:
Um die Suche nutzbar zu machen muss sich die Datei recipes.php im Verzeichnis template/inc_script/frontend_render befinden. Sie finden diese Datei im disabled Ordner innerhalb des oben genannten Ordners.

Vorlage:

Hier können Sie aus dem Verzeichnis template/inc_cntpart/recipe ein Template auswählen. Es empfiehlt sich, das Template als erstes in einem HTML Programm Ihrer Wahl zu gestalten und auf den Server upzuloaden. Erst danach sollten Sie mit dem erstellen der Rezepte beginnen.

 

Zutaten:
In diesem Feld erfolgt die Eingabe der Zutaten untereinander. Jede Zeile wird von diesem CP als Liste mit <li></li> interpretiert oder für die Ausgabe als Tabelle mit <tr><td></td></tr>umschlossen. Diese Vorgabe können Sie im Template vornehmen, indem Sie entweder [INGREDIENTS]{INGREDIENTS} [/INGREDIENTS] für <li></li>oder [INGREDIENTSTABLE] {INGREDIENTSTABLE} [/INGREDIENTSTABLE] für <tr><td></td></tr> vewenden. Nutzen Sie in einer Zeile ein*, wird diese Zeile als Headline H5 interpretiert.

 

z.B Eingabe im Feld Zutaten:

* Zutaten für 4 Personen
4 Lammfilets à ca. 180 g
2 EL Keimöl
100 g Blattspinat
1 TL Rosmarinnadeln
100 g Schafskäse
50 g Butter
50 g Mascarpone
50 g Semmelbrösel
Salz, Pfeffer


*Für die Sauce:
100 g Zwiebeln
1 Knoblauchzehe
100 ml Rotwein
100 ml roter Portwein
1 EL Butter
Salz, Pfeffer


Ergibt als HTML Code:
<h5>Zutaten für 4 Personen</h5>
<ul>
    <li>4 Lammfilets à ca. 180 g</li>
    <li>2 EL Keimöl</li>
    <li>100 g Blattspinat</li>
    <li>1 TL Rosmarinnadeln</li>
    <li>100 g Schafskäse</li>
    <li>50 g Butter</li>
    <li>50 g Mascarpone</li>
    <li>50 g Semmelbrösel</li>
    <li>Salz, Pfeffer</li>
</ul>
<h5> Für die Sauce:</h5>
<ul>
    <li>100 g Zwiebeln</li>
    <li>1 Knoblauchzehe</li>
    <li>100 ml Rotwein</li>
    <li>100 ml roter Portwein</li>
    <li>1 EL Butter</li>
    <li>Salz, Pfeffer</li>
</ul>

Zuber. Zeit:
Wer es weiß, kann hier die geschätzte Zubereitungszeit eingeben. Es wird die Eingabe von Zahlen verlangt.

Diese Zuber. Zeit sollte demnach auch im Selectfeld innerhalb der search.html übernommen werden. Andernfalls wird eine Sortierung nach Zeit nicht greifen.

Beispiel:
<select name="recipetime">
<option value="" selected="selected"> Bitte auswählen </option>
<option value="1">bis 20 Min.</option>
<option value="2">20 bis 40 Min.</option>
<option value="3">über 40 Min.</option>
</select>

 

Zusatz:
Könnte z.B. sein "+ 10 min. Backzeit"

Nährwert:
Wer es weiß, kann hier die Nährwerte eingeben. Es wird die Eingabe von Zahlen verlangt.

Diese Nährwertangabe sollte demnach auch im Selectfeld innerhalb der search.html übernommen werden. Andernfalls wird eine Sortierung nach Nährwertangaben nicht greifen.

Beispiel:
<select name="recipecal" class="size5">
    <option value="" selected="selected"> Bitte auswählen </option>
    <option value="1">bis 400 kcal</option>
    <option value="2">400 bis 600 kcal</option>
    <option value="3">über 600 kcal</option>
</select>

Zusatz:
Könnte z.B. sein "Ideal für Diabetiker!"

Tipp:
Die Zusätze können im Template individuell platziert werden und selbstverständlich auch für andere Zwecke verwendet werden.

Die Suchkriterien für Nährwerte und Zubereitungszeit müssen zusätzlich in der recipes.php angepasst werden.

Schwierigkeit:
Wählen Sie zwischen Stufe 1-5. Im Frontend erscheinen demnach zwischen 1-5 Kochmützen je nach Vorgabe des Schwierigkeitsgrades.

 

Zubereitung:
Hier folgt die Beschreibung Ihres Rezeptes. Guten Appetit!

Beispiel für Rezept Template

An dieser Stelle ein kleines Bespiel für ein Template:

<div>
[INGREDIENTS]Zutaten:<br />{INGREDIENTS}[/INGREDIENTS]

[PREPARATION]
<div> Zubereitung:<br />{PREPARATION}</div>
[/PREPARATION]
  <table style="margin-top:8px;" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td valign="bottom">Schwierigkeit:</td>
      <td valign="middle">.gif}</td>
    <tr>
    </table>

    [TIME]
    <p>Zubereitungszeit:ca. {TIME} Minuten[TIMEADD]<br />{TIMEADD}[/TIMEADD]</p>[/TIME]
[CALORIES]<p>Nährwerte:{CALORIES}
[CALORIESADD]<br />{CALORIESADD}[/CALORIESADD]    </p>[/CALORIES]
</div>



Artikel erstellt am: Sonntag, 29. Juli 2007
Letzte Änderung: Montag, 14. Dezember 2009