{"id":1338,"date":"2009-02-18T01:40:02","date_gmt":"2009-02-17T23:40:02","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=1338"},"modified":"2009-02-18T01:40:02","modified_gmt":"2009-02-17T23:40:02","slug":"neue-webseite-fertig-meine-ersten-erfahrungen-mit-typolight","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2009\/02\/neue-webseite-fertig-meine-ersten-erfahrungen-mit-typolight\/","title":{"rendered":"Neue Webseite fertig – meine ersten Erfahrungen mit Typolight"},"content":{"rendered":"

\"webdesign-firma-uniplus\"<\/a><\/p>\n

Seit drei Tagen ist mein neuestes Projekt, eine Firmenwebseite f\u00fcr die im Nachbarort ans\u00e4ssige Firma UNI PLUS online<\/a>.<\/p>\n

Aufgrund der Anforderungen war zun\u00e4chst nicht ganz klar, welches Content-Management-System in Frage kommt. Im Gespr\u00e4ch war auch WordPress, aber wegen des abgschlossenen Support-Bereiches entschied ich mich – in Absprache mit dem Kunden – f\u00fcr Typolight. Auf ein Neues!<\/p>\n

\u00dcber meine Erfahrungen m\u00f6chte ich heute berichten.<\/p>\n

Ich probiere immer mal wieder verschiedene CMS-Systeme aus und hatte vor ca. einem halben Jahr Typolight schon einmal lokal installiert. Das ging recht schnell, aber wenn man keine konkrete Anwendung hat, bei der sich so ein System beweisen muss, ging der Test \u00fcber ein paar einfache Turn\u00fcbungen nicht hinaus.<\/p>\n

Das sollte sich nun \u00e4ndern, denn mit der Erstellung einer konkreten Webseite ist man gezwungen, sich tiefer mit dem System zu besch\u00e4ftigen. Learning by doing. Was zur Entscheidung f\u00fcr Typolight als T\u00fcpfelchen auf dem i beigetragen hat, sind weniger die technischen M\u00f6glichkeiten, sondern erstens, dass es eine opensource Software ist und zweitens mein pers\u00f6nliches Bauchgef\u00fchl vom Hilfeforum. Wieder mal ein Beweis daf\u00fcr, dass auch bei ach so rationalen Produktvergleichen, die Pers\u00f6nlichkeit ein Faktor und eine Chance f\u00fcr Erfolg ist. Und mein Eindruck hat mich nicht ge- und auch nicht entt\u00e4uscht. Die noch junge community um Typolight und dessen Entickler Leo Feyer herum<\/a> ist \u2013 wie er selber – freundlich, hilfsbereit, engagiert und kompetent.<\/p>\n

Von mir: volle 10 Punkte.<\/strong><\/p>\n

Aufgrund des Terminddrucks \u2013 die Webseite sollte bis Ende Januar fertig sein \u2013 habe ich mir den Luxus eines pers\u00f6nlichen Trainers geleistet und Christian deLa Haye<\/a>, der schon viele Typolight-Webseiten erstellt hat und ein erfahrener Webworker ist, hinzugezogen. Vielen Dank an dieser Stelle auch noch mal f\u00fcr die gute Einarbeitung in das System.<\/p>\n

So, aber nun mal Butter bei die Fische.<\/p>\n

Installation:<\/h3>\n

Bei den ersten Installationsversuchen auf meinem Webserver stellte sich schnell ein Problem mit der Rechtevergabe heraus. Dieses Problem tritt immer dann auf, wenn PHP als Apache-Modul und nicht als CGI-Modul betrieben wird. Auf einem Apache-Webserver gelten Eigentumsrechte. Eigent\u00fcmer von Dateien kann entweder das Skript sein oder der FTP-User. \u00dcber das Skript „Typolight-check“ kann man pr\u00fcfen, ob es etwaige Probleme gibt. Der Check zeigt an, welche Servereinstellungen f\u00fcr Typolight empfohlen werden und was davon bei der aktuellen Installation abweicht. Wenn es zu Problemen kommt, dann ist es (oft aber nicht immer) das, dass entweder der FTP-User keine Dateien mehr \u00fcberschreiben kann oder das Skript. Es gibt jedoch ein L\u00f6sung. Mit dem so genannten safe-mode-hack wird bewirkt, dass das skript, wenn es Dateien nicht beschreiben kann, sich selbst als User simuliert und seine eigenen Dateien via FTP \u00fcberschreibt.
\nBei meinem all-inkl-Server w\u00e4re dieser safe-mode-hack notwendig gewesen bzw. eine weitere M\u00f6glichkeit ist den Betrieb von PHP als CGI-Modul via .htaccess umzustellen.<\/p>\n

Hierzu in die .htaccess eintragen:
\n#PHP als CGI-Modul nutzen (nicht als Apache-Modul)
\nAddHandler php5-cgi .php<\/p>\n

Und alles wird gut. Danach ist die Installation von Typolight ein Kinderspiel.<\/p>\n

Die Navigation<\/h3>\n

Typolight \u00fcberraschte mich nicht schlecht mit den vielen M\u00f6glichkeiten der Erstellung einer Navigation. Das halte ich f\u00fcr ein CMS f\u00fcr zentral wichtig, denn aufgrund der Relevanz der Inhalte einer Webseite MUSS es m\u00f6glich sein Navigationslinks in mehr als nur einer Liste und an verschiedenen Stellen im Layout anzubringen. Hier schw\u00e4cheln meine anderen LieblingsCMS WordPress und Editland ganz eindeutig.Typolight jedoch l\u00e4sst eher mal keine W\u00fcnsche offen. Man kann Start- und Stoplevel benutzen um sich so z.B. nur die Unterpunkte einer bestimmten Ebene anzeigen zu lassen oder man w\u00e4hlt gleich ein entsprechendes Modul aus oder legt Startpunkte neuer Webseiten fest. Dar\u00fcberhinaus kann man aus der Auswahl der angelegten Seite auch jederzeit individuelle Navigationspunkte zu einem Men\u00fc zusammenstellen.<\/p>\n

CSS<\/h3>\n

Als etwas, was ich bisher noch nicht kannte, gibt es einen CSS-Editor inside. Dessen Benutzung ist f\u00fcr Freihandschreiber wie mich, zun\u00e4chst etwas gew\u00f6hnungsbed\u00fcrftig, aber man sieht doch schnell die Vorteile. Durch die Benutzung des CSS Editors ist immer eine gleiche, \u00fcbersichtliche Reihenfolge der Auszeichnungen gew\u00e4hrleistet. Au\u00dferdem kann man innerhalb einer css Datei Kategorien anlegen, was eine schnelle Auffindbarkeit m\u00f6glich macht und insbesondere bei \u00c4nderungen hilft l\u00e4stiges Suchen und damit Zeit zu sparen.
\nDie meisten style-Eigenschaften sind per Option- oder Selectboxen ausw\u00e4hlbar, so dass man die Bezeichnungen der Eigenschaften nicht immer wieder neu schreiben muss. Au\u00dferdem gibt es zum CSS-Editor eine kostenlos erh\u00e4ltliche Erweiterung, die es erm\u00f6glicht das Stylesheet erg\u00e4nzend auch in Dateiform \u2013 so wie es die meisten gewohnt sein werden \u2013 zu editieren.<\/p>\n

Was ich nicht ganz so sch\u00f6n finde, ist dass der Editor nicht alle Formen der css-Kurzschreibweise unterst\u00fctzt.<\/p>\n

Inhalte einf\u00fcgen<\/h3>\n

Typolight folgt dem vom Groben-ins-Feine Prinzip und erlaubt damit eine unglaubliche Flexibilit\u00e4t innerhalb einer Webseite unterschiedlich strukturuierte Seiten zu erzeugen. An oberster Stelle steht das Seitenlayout. Hier wird der Seitentyp festgelegt \u2013 jeder Seite kann man durch Zuordnung von den reichhaltig zur Auswahl stehenden Modulen spezifische Inhalte einf\u00fcgen. Eine Seite kann z.B. das Modul f\u00fcr den sp\u00e4teren Textinhalt enthalten, eine andere zeigt die News als Liste an und wieder eine andere enth\u00e4lt ein Kontaktformular. Je nachdem um welche Seitenvorlage es geht, k\u00f6nnen auch sehr einfach spezifische .css Dateien zugeordnet werden. Keine Unterseite muss nur eine und meist \u00fcberfrachtete css-Datei enthalten, sondern bekommt immer nur das an .css zugeschrieben, was zur Anzeige dieser einen Seite notwendig ist.<\/p>\n

Hat man z.B. f\u00fcr eine Seite festgelegt, dass im Hauptbereich der sp\u00e4ter durch den Benutzer noch einzugebende Text erscheinen soll, w\u00e4hlt man das Modul Artikel.<\/p>\n

An dieser Stelle k\u00f6nnte man meinen, dass durch das Modul Artikel der von vielen anderen Anwendungen bekannte Texteditor erscheint. Das tut er auch, nur ist es bei Typolight z.B. im Unterschied zu WordPress so, dass erst noch ein Zwischenschritt kommt, denn man kann in Typolight mehrere Artikel bzw. Elemente in eine Seite einf\u00fcgen. M\u00f6chte ich eine Seite tats\u00e4chlich mit Textinhalt bef\u00fcllen, klicke ich auf Inhalte => Artikel => Neuen Artikel erstellen und w\u00e4hle zun\u00e4chst aus, in welcher Seite der Artikel erscheinen soll. Dieser Vorgang ist zun\u00e4chst nichts weiter als eine Festlegung, dass einer Seite Inhalt zugewiesen wird und zun\u00e4chst wird denn auch nur festgelegt, in welcher Spalte dieser Inhalt erscheinen soll. Ist der Artikel angelegt, geht es erst danach darum diesen Artikel mit Elementen wie Text, \u00dcberschriften und\/oder Bildern zu f\u00fcllen.<\/p>\n

Dies kann man auf zwei Wegen bewerkstelligen: Entweder ausschlie\u00dflich \u00fcber den TinyMCE Texteditor oder als weiteres, eigenst\u00e4ndiges Element.<\/p>\n

Viele, viele M\u00f6glichkeiten und eine hohe Flexibilit\u00e4t.<\/p>\n

Formulare<\/h3>\n

Als weiteres Highlight hat Typolight einen Formulargenerator im Gep\u00e4ck. Damit kann man sich sehr viele Formulare per Klick zusammenbasteln, was ich als Nicht-Programmierk\u00fcnstler als sehr hilfreich empfunden habe. Auf diesem Weg gelingen einem auch gr\u00f6\u00dfere Abfragen.<\/p>\n

Neuigkeiten und Blog<\/h3>\n

Auch im System enthalten ist ein Newsmodul, welches wahlweise auch als Blog mit Kommentarm\u00f6glichkeit ausgebaut werden kann – nat\u00fcrlich mit RSS. Im Unterschied zu einer Blogsoftware wie WordPress, kann man aber die geschriebenen Artikel nicht mehreren Kategorien zuordnen. Ersatzweise ist aber das Anlegen vieler verschiedener Nachrichtenarchive m\u00f6glich. Typolight ist eben in erster Linie ein CMS, mit welchem man auch Bloggen kann – so wie WordPress ein Blog ist, mit welchem man auch eine Webseite anlegen kann.<\/p>\n

Ein bisschen N\u00f6rgel<\/h3>\n

Und so ist die Sache mit der Semantik, denn auch das einzige, was mich an diesem CMS etwas st\u00f6rt und was ich von den anderen beiden CMS nicht gewohnt bin. Dort ist der Code so gut wie ich ihn schreibe, weil das System nichts Eigenes dazwischenfunkt. Typolight schreibt valide Webseiten (wenn man das nicht hausgemacht verdirbt) keine Frage!\u00a0 – f\u00fcr meinen Geschmack werden jedoch vom System zu viele div in den Quelltext gesetzt.\u00a0 Die gute Seite ist jedoch, dass durch die div die Designs sehr stabil sind und auch durch unerfahrenere Anwender nicht so leicht irritiert werden k\u00f6nnen<\/p>\n

Ich w\u00fcrde mir hier eine Wahlm\u00f6glichkeit w\u00fcnschen, bei dem ich das Einf\u00fcgen von einzelnen Inhaltselementen wegschalten kann und auch mal ein CMS mit einem quicktag-Editor, schlicht und auf wesentliche Funktionen reduziert. So sch\u00f6n der TinyMCE auch ist \u2013 es sind zu viele Spielm\u00f6glichkeiten.<\/p>\n

Aber nun denn \u2013 fast habe ich ein schlechtes Gewissen hier zu n\u00f6rgeln \u2013 denn ich w\u00fcsste nicht, dass das bei anderen CMS bzw. solchen, die auf einem Framework aufgebaut sind, anders w\u00e4re. Und wenn doch: dann gibt es woanders Schwachstellen und sei es auch nur die eines muffligen Forums und noch muffligere bis gar keine Unterst\u00fctzung.<\/p>\n

Fazit<\/h3>\n

Insgesamt bin ich sehr angetan von Typolight und arbeite derzeit sogar schon an einer weiteren Webseite mit diesem System. Es ist schnell in der Anwendung und hilft sehr viel Zeit zu sparen, insbesondere auch bei sp\u00e4teren \u00c4nderungen. Das Backend ist sehr \u00fcbersichtlich und \u00fcberschaubar. Ich werde es sicherlich und hoffentlich bei noch vielen weiteren Webseiten einsetzen \u2026 d\u00fcrfen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Seit ein paar Tagen ist mein neuestes Projekt, eine Firmenseite, die mit Typolight erstellt wurde, online. Heute mein Erfahrungsbericht \u00fcber die Arbeit mit Typolight, das Content-Management-System, welches hier zum Einsatz kam.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[93,165,250,359,360],"yst_prominent_words":[],"class_list":["post-1338","post","type-post","status-publish","format-standard","hentry","category-contao","tag-contao","tag-webedesign","tag-webseiten-erstellen","tag-stylesheets-fur-miniformate","tag-typolight"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=1338"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1338\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=1338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=1338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=1338"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}