Differences

This shows you the differences between two versions of the page.

@@ Line 1: / Line 1: @@
+====== Eigene Themes erstellen ======
+Wie geht man vor, wenn man ganz bestimmte Vorstellungen hat vom Aussehen der Seite, aber keines der vorhandenen Seitenvorlagen entspricht diesen Vorstellungen?
+Das **Erstellen eigener Seitenvorlagen** ist gar nicht schwer.
+Haben Sie bereits eine Vorlage, die für **GetSimple** passend gemacht werden soll, und bereits das HTML-Grundgerüst und die notwendigen CSS-Definitionen und evtl. Scripte enthält., dann müssen Sie nur noch die Template-Tags einbauen, um aus der statischen eine dynamische Vorlage zu machen.
+{{http://192.168.1.22/getsimple.de/data/uploads/themes/themes_freecss_greenorange.gif|FreeCSStemplates.org}}Sie können z.B. eine Webseitenvorlage von der Seite [[http://Freecsstemplates.org|Freecsstemplates.org]] nehmen und dieses für **GetSimple** anpassen. Schauen Sie sich zum Beispiel diese Vorlage an:\\ [[http://www.freecsstemplates.org/preview/greenorange/|http://www.freecsstemplates.org/preview/greenorange/]]
+Wenn Sie Ihnen gefällt, laden Sie sich die ZIP-Datei herunter, entpacken Sie sie, kopieren Sie sich die datei index.html als template.php und schon haben Sie das Gerüst für eine **GetSimple**-Seitenvorlage.
+Jetzt müssen nur noch die entsprechenden Befehle / Template-Tags eingebaut werden. Was dabei zu tun ist, können Sie sich anschauen beim Template [[http://get-simple.info/extend/theme/snail/155/|Snail]], das auf der GetSimple-Webseite zum Download bereit steht und ebenfalls auf einer Vorlage von [[http://www.freecsstemplates.org|freecsstemplates.org]] beruht.
+Der Menü-Bereich aus der Vorlage:
+<code>
+<div id="menu">
+                <ul>
+                        <li class="current_page_item"><a href="#">Homepage</a></li>
+                        <li><a href="#">Portfolio</a></li>
+                        <li><a href="#">About</a></li>
+                        <li><a href="#">Contact</a></li>
+                </ul>
+        </div>
+</code>
+wird ersetzt durch:
+<code>
+<div id="menu">
+                <ul>
+                        <?php get_navigation(get_page_slug(FALSE)); ?>
+                </ul>
+        </div>
+</code>
+Die Zeile
+<code>
+<?php get_navigation(get_page_slug(FALSE)); ?>
+</code>
+ist ein sogenannter Template-Tag, der automatisch die Menü-Einträge für Ihre Seiten erstellt.
+Gehen Sie so Schritt für Schritt in der template.php vor, ersetzen Sie den statischen Inhalt durch die entsprechenden Template-Tags und Sie erhalten eine dynamische Seitenvorlage, die Sie zum Schluß in den /theme/-Ordner Ihrer **GetSimple**-Installation hochladen, Wenn Sie dann diese Vorlage aktivieren, sieht Ihre Seite so aus wie im Screenshot zu sehen.
+Warum gerade Vorlagen von der Seite [[http://www.freecsstemplates.org|www.freecsstemplates.org]]?\\ Auf der Webseite dort werden die Gründe schon genannt, und wir können uns dem nur anschließen:
+  * die Vorlagen sind kostenlos und mit der Creative Commons Attribution Lizenz frei nutzbar
+  * die Dateien sind sehr klein  (z.B. werden nur wenige Bilder eingebunden) und laden flott
+  * Tabellenfreies Layout
+  * Die Vorlagen entsprechen den W3C Standards und validieren korrekt (XHTML Strict)
+  * eingebundene Bilder stammen aus "public domain"-Quellen, von  [[http://www.PDPhoto.org|PDPhoto.org]] and Wikimedia Commons und sind damit auch kostenfrei und rechtefrei.
+Zudem gibt es auf dort der Webseite eine recht große Auswahl an netten Vorlagen, die sich sehr gut als Seitenvorlage eignen. Und die auch ästhetisch recht ansprechend sind.

GetSimple CMS Wiki

User Tools

Site Tools

Differences

Page Tools