eigenes Template

[svenskalec]

Hallo Gemeinde.

Ich versuche gerade mir ein eigenes Template zu gestalten. Komme jedoch nicht ganz mit der Contao eignen Array verwaltung klar.

mit folgendem Template

<div class="div_list">
	<?php foreach ($this->tbody as $class=>$row): ?>
		<div class="firma">
			<table class="firma">
	 			<?php foreach ($row as $col): ?>
    				<tr>
    					<td>
	    					<?php echo $col['field']; ?>:
	    				</td>
	    				<td>
	    					<?php echo $col['content']; ?>
	    				</td>
					</tr>
				
				<?php endforeach; ?>
			</div>
		</div>
	<?php endforeach; ?>		
</div>

erhalte ich folgende Ausgabe:

company: Michse AG
salutation: Herr
lastname: Mayer
street: Hierstraße
postal: 12345
city: Dorthausen
business_connection: Premium

Was mich daran stört ist das wenn ich "link" an stelle von "field" im template setzte, ich keine Ausgabe erhalte. Dies wird im Original Template, bei dem ich mir meins zusammen kopiert habe wie folgt ausgegeben:

<?php foreach ($this->tbody as $class=>$row): ?>
<?php echo $col['link']; ?>

Zusätzlich möchte ich gerne das die Adresse in einer Zeile ausgegeben wird. Wie ich das mit normalem php mache weis ich aber bei contao muss ich erlich sagen komme ich hier grade nicht weiter.

Kann mir das jemand erklären oder mir einen Link geben wo man das verständlich erklärt bekommt?

[KlausGrenoble]

Nur zur Information:
https://community.contao.org/de/show...enes-Template!

[svenskalec]

Danke für den Tipp, dies hatte ich bereits gelesen.

Ich habe mir ein Template nun fertig angepasst und dabei einiges gelernt. Habe aber auch noch einige fragen. Evtl weis ja jemand wie man es einfacher machen kann.

Das original Template der Memberliste ist ja "mod_memberlist_simple.html5"

ich habe mir nun ein eigenes gebaut mit folgendem Inhalt.

<!-- <?php $this->showTemplateVars(); ?> -->
<div class="list_head">
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
</div>
<div class="div_list">
    <?php foreach ($this->tbody as $class=>$row): ?>
        <div class="firma">
            <?php foreach ($row as $col): ?>
                    <?php if ($col['field']=="business_connection"): ?>
                        <?php if ($col['content']=="Premium") : ?>
                            <div  class="premium"><a href="<?php echo $this->url; ?>?show=<?php echo $col['id']; ?>"><img src="/files/espenpark/image_layout/premium.png" alt="" /></a></div>
                        <?php else: ?>
                            <div  class="premium">[nbsp]</div>
                        <?php endif; ?>
                    <?php elseif ($col['field']=="company") : ?>
                        <div  class="company"><?php echo $col['content']; ?></div>
                    <?php endif; ?>
            <?php endforeach; ?>
            <div class="div_details"><ul class="ul_details">
            <?php foreach ($row as $col): ?>
                    <?php if ($col['field']=="salutation") : ?>
                    <li><img src="/files/espenpark/image_layout/man.png" alt="" />
	                    <?php echo $col['content']; ?>[nbsp]
                    <?php elseif ($col['field']=="lastname") : ?>
                        <?php echo $col['content']; ?></li> 
                    <?php endif; ?>
            <?php endforeach; ?>  
            <?php foreach ($row as $col): ?>
                    <?php if ($col['field']=="street") : ?>
                        <li><img src="/files/espenpark/image_layout/address.png" alt="" />
                        <?php echo $col['content']; ?>,
                    <?php elseif ($col['field']=="postal") : ?>
                        <?php echo $col['content']; ?>
                    <?php elseif ($col['field']=="city") : ?>
                        <?php echo $col['content']; ?> </li>
                    <?php endif; ?>
                    
            <?php endforeach; ?>
            </table>
            </div>
        </div>
    <?php endforeach; ?>        
</div>

Damit habe ich aus diese doch öden Ansicht

Bildschirmfoto 2013-09-11 um 15.51.36.png

diese gemacht wo nun 2 Firmen nebeneinander gelistet werden, und man über den Stern Button in die Detail Ansicht kommt.

Bildschirmfoto 2013-09-11 um 15.51.18.png

Entsprechende CSS Anpassungen sind natürlich von Nöten.

[Toby]

Hallo zusammen,

ich bin auch neu hier im Forum und würde sehr gerne auf Contao umsteigen (Große Community, meiner Ansicht nach ein ausgereiftes CMS, uvm.)

Ich bin wie viele Andere auch sehr, sehr verwirrt, was die Template-Gestaltung angeht.
Die ganzen Beiträge, auch der oft verlinkte Beitrag aus der Antwort vor meinem Post habe ich durchgelesen.

Da ist von einer Template Engine, Contao-Klassen, und vielem Anderem wie TPL-Files die Rede.

Ich habe ein Screendesign erstellt, und dieses Screendesign auch schon als HTML-Template umgesetzt.

Daher nochmal straight die Frage, welcher für mich ein entscheidender Grund sein wird, zu Contao zu wechseln - oder eben nicht:


Kann ich dieses Screendesign jetzt mit Contao umsetzten oder nicht - wenn ja, wie?

Mein Focus liegt auf hochwertigem Aussehen der Seite, nicht auf einfacher zusammenklickbarkeit wie z.B. für einen Fußballverein oder so.

Ja, ich weiß - ist zum X-ten Mal die selbe Frage - aber genau diese Tatsache sollte den Bedarf eines ordentlichen Tutorials deutlich machen.

Die meißten Links zu Tutorials z.B. von Leo sind tot.

Auch wenn ich eventuell grade einen unfreundlichen Eindruck als Forumneuling mache,

Danke für eure Antworten und Aufklärung

Viele Grüße

Toby

PS: Bisher waren meine Schritte immer so Screendesign erstellen, HTML-Template draus machen, Platzhalter/Dyn-Tags des jeweiligen CMS an die entsprechenden Stellen > Tempalte importieren > fertig.
(ok, da fehlen noch ein paar Schritte, aber im Groben kommt das schon hin)

[KlausGrenoble]

Willkommen im contao-Forum. Der Link gilt ja nur für Anfänger wie mich und nicht für Experten wie Dich.
Und auf die Frage, umsteigen oder nicht, stellt sich gar nicht, weil aus Deinem Beitrag bereits ersichtlich ist, daß Du sowieso auf contao umsteigen wirst.
Hier sind einige Beispiele:
http://forum.contao.fr/exposition/

[willshedo]

Hi Toby,

prinzipiell kann man mit Contao jedes Screendesign umsetzen. Das liegt weniger an Contao als an den Fähigkeiten des Umsetzers. Mit Html sollte man umgehen können, fast noch wichtiger sind grundlegende CSS-Kenntnisse - eben weil Contao keines der CMS ist, die 'einfache Zusammenklickbarkeit' bieten.
Etwas Einarbeitung muss also sein, um die ganze Power, die Contao bietet, auch wirklich nutzen zu können.

Am besten fängt man damit an, das System erstmal kennenzulernen, bevor man eigene Templates umsetzt. (Beides auf einmal klappt meist nicht, der Hinweis, nicht mit eigenem anzufangen, existiert nicht umsonst.)
Das heisst, Contao mitsamt den MusicAcademy-Template-Testdaten mal selbst installieren, ausprobieren, wo was installiert ist (die CSS-Dateien zum Beispiel, Navigationen und sonstige Module) und wie es bedient wird.
An dieser Testinstallation im Quellcode sieht man auch gut, wie die hauptsächlichen Css-Klassen heissen, die Contao in seinem Haupt-Template "fe-page.html5" vorgibt.

Workflow-Vorschlag für danach (in aller Kürze): Wenn du dein vorgefertigtes Template ins Root-Verzeichnis legst und die Grafikdateien, Scripte und zusätzliche Css-Dateien ins 'files'-Verzeichnis von Contao packst und entsprechend anpasst, stimmen schon mal die Pfade. Dann kannst du in Contao ein paar Seiten mit Blindtext-Artikeln in Header, Footer, linker und rechter Spalte (oder was immer du brauchst) anlegen, das Navigationsmodul in den Header einbinden und dein Contao-Css nach und nach deinem vorgefertigten Template entsprechend anpassen (und dieses am Schluß wieder rauslöschen).

[uwe]

Ich habe den Eindruck, dass es speziell für Leute mit CMS-Erfahrungen ungewohnt ist, dass sie bei Contao erstmal nicht mit PHP arbeiten müssen. Das Contao Framework macht die Grundkonstruktion leicht. HTML- und CSS-Grundkenntnisse reichen, um die meisten Layouts umzusetzen.

Das hier kann hilfreich sein:
https://contao.org/de/manual/3.1/installation.html
http://de.contaowiki.org/Die_erste_Webseite

[bekanntmacher]

Daher nochmal straight die Frage, welcher für mich ein entscheidender Grund sein wird, zu Contao zu wechseln - oder eben nicht:


Kann ich dieses Screendesign jetzt mit Contao umsetzten oder nicht - wenn ja, wie?

Das Design kannst du auf jeden Fall umsetzten. Das Design ist aber nur das eine, das andere sind zum Beispiel die Funktionalitäten. Können diese mit Core- oder Zusatzmodulen abgedeckt werden oder sind Modulentwicklungen nötig?... auch diese Fragen soltest du dir vorab stellen.

[Toby]

Hallo und guten Morgen,

vielen lieben Dank für eure Antworten. Die Aussagen helfen mir auf jeden Fall erstmal weiter.
Klaus ist sich ja sehr sicher, und im Prinzip hat er recht, denn Mental bin ich schon umgestiegen auf Contao.

Sorry nochmal, wenn ich etwas detaillierter nachgefragt habe.

Ich werd's Contao jetzt erstmal installieren und mir die Dateien des Standard Templates anschauen.

Einen guten Start in den Tag wünsch' ich

Grüße

Toby