Page 1 of 2
www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 09:24
by Toflar
Huhu da draussen...
Hier mein
erstes phpwcms-Projekt:
http://www.erwin-messmer.ch/cms
Ich geb zu, die Darstellung des Inhalts ist echt nicht das Wahre und ich glaub ich brauche noch einiges an Unterstützung von euch.
Wahrscheinlich hab ich das Artikelsystem von phpwcms noch nicht so ganz gerafft
Also meine Seite hab ich jetzt so aufgebaut (siehe Beispielanhang):
- Seitenstruktur = Menüstruktur
- Danach hab ich bei jedem Menüpunkt einen Artikel erstellt und diesem einen Namen gegeben (weil ja das im <h1> Tag erscheint)
- Diesen Artikel hab ich dann eigentlich leer gelassen und Contentparts angehängt ("Einfachter Text, "Bilder")
Also 1. kommt es mir total schräg vor, dass ich da einen Artikel nur mit dem Titel erstelle und den Rest weglasse^^
2. geht es mir tierisch auf den Sack, dass je nach Contentpart und Titel und Untertitel ich dann im Inhalt ein völliges Durcheinander der Titelreihenfolge hab. (Z.B. <h4> nach <h1>)
3. Wenn ich den "Einfacher Text" CP wähle, kann ich keine Formatierungen hinzufügen (z.B. Fett, Kursiv usw.) Mir wurde gesagt, dass ich nicht den WYSIWYG-Editor benutzen soll, da ich sonst nur die Hälfte des CMS nutze?!
Wenn ich mir dann eure wunderschönen Seiten reinziehe, dann muss ich irgendwie was falsch verstanden haben...
So kommts mir jedenfalls vor
Zur Technik: Komplett CSS, in praktisch jedem Browser getestet. Transparente Navigation sollte bei =< IE 6.0 durch andere Farben ersetzt werden.
Angaben zum CMS und Bildverwendung unter Impressum.
Bin für jeden Hinweis dankbar!!
Los geht's!
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 09:57
by juergen
Toflar wrote:
3. Wenn ich den "Einfacher Text" CP wähle, kann ich keine Formatierungen hinzufügen (z.B. Fett, Kursiv usw.) Mir wurde gesagt, dass ich nicht den WYSIWYG-Editor benutzen soll, da ich sonst nur die Hälfte des CMS nutze?!
Hehe ...
Code: Select all
[b][/b][i][/i][u]......
{PICTURE}.....
Und was man nicht hat, definiert man sich im Frontend_render dazu ..
Der Raucherartikel ist genial .. passt von CH nach DL perfekt !!! Sag ich als 14 monatiger Nichtraucher..
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 10:11
by update
Nimm doch CP "Text mit Bild", dann kannst Du, auch wenn Du kein Bild (im Moment) brauchst, später immer leicht eines hinzufügen... und was Du vom Wysiwyg-Editor, der da zur Verfügung steht, ruhig nehmen kannst, ist "
fettschrift", Listen (kann man dann auch mit CSS stylen) und ein paar andere Sachen (wenn's denn sein muss).... Den Rest sollte tatsächlich besser das System machen (und Dein CSS)...
(oder nach's mit den Ersetzern
- geht auch gut.
Den Artikel übers Rauchen fand ich auch witzig
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 10:34
by Toflar
Okay, jetzt bleibt aber die Frage offen, ob ich das CMS richtig verwende (der Titelreihenfolge wegen...)
Z.B. auf der Seite Tonträger baut das CMS einfach einen Paragraphen ein (<p>), was zu einem unschönen und unnötigen Zeilenumbruch führt?!
Ausserdem brauch ich ein paar Ideen wie ich den Inhalt ein bisschen schöner gestalten könnte. Gerade auf der Seite Finesmoke (danke für die positiven Rückmeldungen, ich werds ausrichten xD) ist sehr viel Text und ich persönlich empfinde das Lesen als mühsam...
Tipps?
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 10:55
by update
... ein wenig "Luft" zwischen den Absätzen, dann vielleicht noch etwas mehr Zeilenabstand?
Der P-Tag kommt vom CP "Text" ?? Oha! Ansonsten hätte ich gedacht, er käme vom fckeditor - und den bekommt man so weg:
Zitat flip-flop:
Das sollte in der fckconfig.js als erstes gesetzt werden:
- FCKConfig.FillEmptyBlocks = false;
und
font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
macht Dir 'ne "schönere" Schrift...
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 11:01
by Toflar
claus wrote:Der P-Tag kommt vom CP "Text" ?? Oha!
Eben nicht! Verwirrt mich die ganze Überschriften-Zuordnerei...
Also irgendwie schon, zwischen einem Titel...weil da nichts ausgefüllt ist oder so...
Schriftart und Zeilenabstand werd ich mal anschauen
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 11:03
by update
Du hast in den "teaser text" / "Schlagtext" nichts eingegeben und ihn auch nicht auf "nicht zeigen" (oder wie das heisst) gesetzt? Dann mach das mal... dann müsste der p-Tag weg sein...
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 11:07
by Toflar
Also ich hab im Artikeltitel "Tonträger" eingegeben --> <h1>
Untertitel hab ich leer gelassen, brauch ich nicht, hat aber auch kein verstecken-Tag.
Beim CP "Einfacher Text" steht im Inhaltstitel "CD-Einspielungen" und im Untertitel "Orgellandschaft Bümpliz"...
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 11:12
by update
Artikelkopfdaten: Schlagtext verstecken anklicken....
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 11:32
by Toflar
Ein Held ist geboren!!!
Danke
So, weiter im Text...was gibts noch zu verbessern?
ToDo's
- Schriftart ändern (font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;)
- Zeilenabstand vergrössern
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 11:54
by flip-flop
Der <p> Tag wird automatisch im Schlagtext generiert, wenn der Artikelkopf angelegt wird.
Deshalb vorher:
fckconfig.js: - FCKConfig.FillEmptyBlocks = false; (Ist in der aktuellen Version gepatcht).
Jetzt musst du noch einmal durch die Artikelköpfe gehen und diesen Tag im Schlagtext-Quelltext löschen.
- Artikel können auf zwei Arten verwendet werden:
1. Als Artikellisting mit einem "more....." (Seitenstruktur -> Ebene -> Anzahl an Top-Artikeln: [z.B. 10])
- Nun können mehrere Artikel unterhalb einer Ebene erstellt werden. (Artikelliste)
- Es werden pro Ebene die Schlagtexte der (aller) Artikel nach deinen Einstellungen ausgegeben. (Anfangsdatum/Enddatum/Anz. Worte usw.)
- Bei einem Klick auf "more...." werden die Details, also der Rest des Schlagtextes und die angehängten CPs ausgegeben.
2. Als Artikel in der Einfachform: (Seitenstruktur -> Ebene -> Anzahl an Top-Artikeln: [-1])
- Es wird pro Ebene nur der erste Artikel mit dem kompletten Schlagtext und den CPs ausgegeben.
- Ich würde auch den CP Text mit Bild verwenden. U.U. wird ein Text sogar in mehrere CPs unterteilt.
Alternativen sind Bilder <div> und <spezial> obwohl noch keine Bilder geplant sind. Hier gibt es auch einen Wysiwyg Editor.
- Formatiert werden die Artikel und CPs in ihren jeweiligen Templates /template/inc_cntpart/*
Der CP Text mit Bild hat kein eigenes Template.
Knut
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 12:10
by Toflar
Danke Knut, sowas hat mir irgendwie gefehlt...scheinbar ist die phpwcms Doku schon lange nicht mehr auf dem aktuellen Stand (auch was die Navigation usw. anbetrifft...vielleicht solltet ihr euer YAML-Projekt gleich mit einer neuen Doku verbinden...Anmerkung am Rande xD)
Das heisst also eventuell könnte ich das Artikellisting für die Seite "Konzerte" verwenden...
Oder gibts inzwischen eine anständige Lösung für Events?
Wäre super wenn ich auch da noch eine Lösung finden würde...
Ansonsten werd ich mir den CP Text mit Bild anschauen.
Anregungen zum Design? Positiv so wie negativ?
EDIT: Irgendwie bring ich den Hintergrund nicht ganz weiss bei der Druckansicht?!
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 12:26
by flip-flop
Das Basisgerüst für ein HowTo ist in der Mache.
YAML hat damit erst einmal nichts zu tun, dort geht es um den Einsatz eines speziellen Template Frameworks und nicht um das Grundverständnis von phpwcms.
- Eine typische Artikelliste:
http://www.kulturwerkstatt-hamm.de/prog ... lick.phtml (Irgendwo gibt es dann auch noch das ein oder andere "mehr...."
Rechts läuft ein Minimal-Teaser.
- Kalender: Wenn so etwas
http://www.iba-stadtumbau.de/index.php?kalender ausreicht, dann kannst du den Kalender verwenden. ->
http://forum.phpwcms.org/viewtopic.php?p=106191#p106191
Sonst eben Artikelliste oder CPs. ->
http://forum.phpwcms.org/viewtopic.php?f=8&t=17466
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 13:05
by Toflar
Das ist genau das, was ich benötige!!
Wie krieg ich das auf die Reihe?
Re: www.erwin-messmer.ch
Posted: Mon 11. Aug 2008, 14:17
by flip-flop
BE ->
Artikel Basisinformationen:
Seitenstruktur -> Sortierkriterium: [Enddatum] [aufsteigend]
/template/inc_cntpart/articlesummary/list/programmliste01.tmpl
Code: Select all
<!--
kw_news template for article summary listing - Programm // KH (flip-flop)
=========================================================================
//-->
<!-- Livedate: {LIVEDATE:d.m.Y H.i.s lang=DE} / Killdate: {KILLDATE:d.m.Y H:i:s lang=DE} -->
<div class="article_summary_list">
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUB]<h1>{SUB}</h1>[/SUB]
[SUMMARY][IMAGE]<div style="float:left;margin:0px 10px 5px 0;">[ZOOMIMAGE]<div class="imageEntry">{ZOOMIMAGE}</div>[/ZOOMIMAGE][ZOOMIMAGE_ELSE][MORE]<a href="{ARTICLELINK}">{IMAGE}</a>[/MORE][MORE_ELSE]{IMAGE}[/MORE_ELSE][/ZOOMIMAGE_ELSE]
[CAPTION]<p class="lightbox_image_caption">{CAPTION}</p>[/CAPTION]
</div>
[/IMAGE]<div style="float: left; width: 360px; margin: 0; padding: 0;">{SUMMARY} [MORE]<a href="{ARTICLELINK}"{TARGET}>{MORE}</a>[/MORE]</div>[/SUMMARY]
</div>
[SPACE]<div style=" background: url(../../picture/bg/l2_bg_content_line3.jpg) 0px 0px no-repeat; height: 2px; margin:5px 0 5px 0; padding:0 0 5px 0; clear:both;"><!-- line //--></div>
<div align="right" style=" padding:0 20px 10px 0;"><a href="#top"><img src="img/article/top_link_0.gif" alt="TOP" border="0"></a></div>[/SPACE]
[SPACE_ELSE]<div style=" background: url(../../picture/bg/l2_bg_content_line3.jpg) 0px 0px no-repeat; height: 2px; margin:5px 0 5px 0; padding:0 0 5px 0; clear:both;"><!-- line //--></div>
<div align="right" style=" padding:0 20px 10px 0;"><a href="#top"><img src="img/article/top_link_0.gif" alt="TOP" border="0"></a></div>[/SPACE_ELSE]
/template/inc_cntpart/articlesummary/article/programmdetail01.tmpl
Code: Select all
<!--
kw_news template for article summary detail - Programm // KH (flip-flop)
=========================================================================
//-->
<!-- Livedate: {LIVEDATE:d.m.Y H.i.s lang=DE} / Killdate: {KILLDATE:d.m.Y H:i:s lang=EN} -->
<div class="article_summary">
<!--[TITLE]<h3>{TITLE}</h3>[/TITLE]//-->
[SUB]<h1>{SUB}</h1>[/SUB]
[SUMMARY][IMAGE]<div class="imageEntry" style="float:left;margin:0px 10px 5px 0;">[ZOOMIMAGE]{ZOOMIMAGE}[/ZOOMIMAGE][ZOOMIMAGE_ELSE]{IMAGE}[/ZOOMIMAGE_ELSE]
[CAPTION]<p class="lightbox_image_caption">{CAPTION}</p>[/CAPTION]</div>
[/IMAGE]{SUMMARY}
<div style="margin-top: 20px; background: #FFFFFF url(../../picture/bg/l2_bg_re_box_line.jpg) 3px -2px no-repeat;">
<!-- Hier der zurueck Link //-->
</div>[/SUMMARY]
</div>
<!--CP_PAGINATE_START//-->
<div class="cpPagination">
[CP_PAGINATE_PREV]<a href="{CP_PAGINATE_PREV}" class="cpPaginationPrev">« Previous</a>[/CP_PAGINATE_PREV]
[CP_PAGINATE]{CP_PAGINATE}[/CP_PAGINATE]
[CP_PAGINATE_NEXT]<a href="{CP_PAGINATE_NEXT}" class="cpPaginationNext">Next »</a>[/CP_PAGINATE_NEXT]
</div>
<!--CP_PAGINATE_END//-->
Images und CSS können auf der Seite abgegriffen werden.
===========================================================================
BE ->
Teaser/Artikellink: (CP)
/template/inc_cntpart/teaser/block_rechts_nur_text.html
Code: Select all
<!--TEASER_HEAD_START//-->
[TEASER]
<div class="teaser_right">
<div id="box02_top_header">[SUBTITLE] <h1>{SUBTITLE}</h1>[/SUBTITLE]</div>
<!--TEASER_HEAD_END//-->
<!--TEASER_ENTRY_START//-->
<!-- [ CAPTION]<p>{ CAPTION}</p>[ /CAPTION] //-->
<div>
<div style="padding-bottom:2px; "><h6><a href="{ARTICLELINK}">{TITLE} »</a></h6></div>
<!-- [ IMAGE]<div style="float:left; font-size: 0.9em; margin:2px 4px 1px 0"><a href="{ ARTICLELINK}">{ IMAGE}</a></div>[ /IMAGE] //-->
<p style="font-size: 0.8em; ">[SUBTITLE] {SUBTITLE}.[/SUBTITLE]
<!-- { SUMMARY } //--> <a href="{ARTICLELINK}">»</a></p>
</div>
<!--TEASER_ENTRY_END//-->
<!--TEASER_SPACER_START//-->
<div style="margin:5px 0 8px 0;padding:0;height:1px;border:0;border-bottom:1px dotted #CCCCCC;clear:both"><!-- line //--></div>
<!--TEASER_SPACER_END//-->
<!--TEASER_FOOTER_START//-->
<!-- <div style="clear:both;height:1px"></div> //-->
</div>
[/TEASER]
<!--TEASER_FOOTER_END//-->
1. Einen CP Teaser/Artikellink in einem versteckten Bereich anlegen.
2. Template zuweisen und Ebene auswählen.
3. Mit {SHOW_CONTENT:CP,cp-id} in der Vorlage platzieren
- Ich habe das wie folgt eingebunden:
Der Teaser für die Kurzform liegt im CP mit der ID=80.
Die Teaser für Neuigkeiten und Programm liegen im Artikel mit der ID=53.
Code: Select all
[PHP] // Programmuebersicht/Artikel rechts
// Kurzform nur in Ebene 14
if (isset($GLOBALS['LEVEL_ID'][2]) and ($GLOBALS['LEVEL_ID'][2]) == 14) {
echo '{SHOW_CONTENT:CP,80}';
}
else {
echo '{SHOW_CONTENT:CPA,53}'; // Neuigkeiten u. Programm
}
[/PHP]
Knut