{"id":17,"date":"2012-01-07T11:24:58","date_gmt":"2012-01-07T11:24:58","guid":{"rendered":"http:\/\/milcke.org\/?page_id=17"},"modified":"2012-01-07T11:24:58","modified_gmt":"2012-01-07T11:24:58","slug":"web-projekte","status":"publish","type":"page","link":"https:\/\/landmesser.me\/?page_id=17","title":{"rendered":"Web-Projekte"},"content":{"rendered":"<p>Wer schon mal eine Webseite selbst aus handverlesenem HTML und CSS gebastelt hat, der wei\u00df wie aufw\u00e4ndig das ist. Und oft ist das Resultat auch nicht besonders ansprechend. Hinzu kommt, dass man damit die Ver\u00e4nderbarkeit der Seite meist in einer einzigen Hand hat. Sprich, alles was auf einer Seite mal ge\u00e4ndert werden muss, bleibt an einer Person h\u00e4ngen. Auch design-technische \u00c4nderungen erfordern immer wieder neuen Aufwand. Oft bleibt eine Seite sehr lange im selben Zustand.<\/p>\n<p>Heutzutage helfen einem Content Management Systeme (CMS) all diese Punkte zu adressieren. Durch die M\u00f6glichkeit, \u00fcber den Browser die Seitenstruktur, das Layout und die Inhalte ver\u00e4ndern zu k\u00f6nnen, bleibt die Arbeit nicht mehr an einer einzelnen Person h\u00e4ngen. Durch eine gro\u00dfe Community bieten sich eine Vielzahl von Erweiterungsm\u00f6glichkeiten durch Plugins. Au\u00dferdem werden Themes aktualisiert, so dass ohne eigenes Zutun Fehler behoben werden. Nicht zuletzt werden am selbst CMS auch st\u00e4ndig Fehler behoben, Sicherheitsl\u00fccken geschlossen und neue M\u00f6glichkeiten der Gestaltung geboten.<\/p>\n<p>Kurzum, ein CMS ist heute f\u00fcr eine Webseite schon beinahe ein Muss. Die technischen Anforderungen an den Webspace \u2013 h\u00e4ufig reicht eine MySQL-Datenbank und der Zugriff auf PHP \u2013 sind durch die meisten Angebote heutzutage bereits abgedeckt.<\/p>\n<p>Trotzdem muss man auch eine CMS-basierte Webseite erstmal auf die Beine stellen. Es gibt dann doch immer eine ganze Menge zu tun, bis das Resultat so aussieht, wie man sich das vorgestellt hat. Bei den folgenden Webseiten habe ich das Design und den Aufbau der Seite vorgenommen.<\/p>\n<p>[two_columns_one]<\/p>\n<h1>Ensemble Il Suono<\/h1>\n<p><a href=\"http:\/\/il-suono.de\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-209\" title=\"il-suono\" src=\"http:\/\/landmesser.me\/wp-content\/uploads\/2012\/01\/il-suono.png\" alt=\"\" width=\"220\" height=\"174\" \/><\/a>Der Internetauftritt dieses Ensembles ist mein erstes Web-Projekt. Als CMS kommt hier <a href=\"http:\/\/wordpress.org\" target=\"_blank\">WordPress<\/a> zum Einsatz. Wichtig war f\u00fcr mich hier ein schlichtes Layout. mit nicht mit zu vielen Elementen auf dem Bildschirm. Es gibt eine Box, in der aktuelle Termine zu sehen sind. Ansonsten gibt es Informationen \u00fcber das Ensemble. Dazu geh\u00f6ren neben Bildern auch H\u00f6rbeispiele und Pressestimmen. Ein Blog ist \u00fcber einen separaten Men\u00fcpunkt erreichbar.<\/p>\n<h3>Technische Details<\/h3>\n<ul>\n<li>Das Men\u00fc ist mit dem <a title=\"WordPress Menubar Demo Site\" href=\"http:\/\/www.dontdream.it\/demo\/\" target=\"_blank\">menubar Plugin<\/a> gemacht.<\/li>\n<li>Das <a title=\"NextGen Gallery Plugin\" href=\"http:\/\/alexrabe.de\/wordpress-plugins\/nextgen-gallery\/\" target=\"_blank\">NextGEN Gallery<\/a> Plugin wird f\u00fcr Bildgalerien benutzt.<\/li>\n<li>F\u00fcr die H\u00f6rbeispiele kommt <a href=\"http:\/\/wpaudio.com\/\" target=\"_blank\">WPaudio<\/a> zum Einstatz.<\/li>\n<\/ul>\n<div>Die aktuellen Termine werden manuell in das Widget auf der rechten Seite eingetragen. Ebenso die Termine auf der Terminseite und dem Archiv. Das sollte umgestellt werden auf ein Event-Plugin, wie beispielsweise <a href=\"http:\/\/dalking.de\/rs-event-multiday\/\" target=\"_blank\">RS EVENT multiday<\/a>.<\/div>\n<p>[\/two_columns_one]<\/p>\n<p>[two_columns_one_last]<\/p>\n<h1>Innenstadtgemeinde der Stadt Itzehoe<\/h1>\n<p><a href=\"http:\/\/kirche-itzehoe.de\/isg\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-210\" title=\"kirche-itzehoe-isg\" src=\"http:\/\/landmesser.me\/wp-content\/uploads\/2012\/01\/kirche-itzehoe-isg.png\" alt=\"\" width=\"220\" height=\"174\" \/><\/a>Die Seite der Innenstadtgemeinde Itzehoe ist ebenfalls mit <a href=\"http:\/\/wordpress.org\">WordPress<\/a> realisiert worden. Auch hier habe ich bewusst ein schlichtes Layout gew\u00e4hlt. Das Markante an dem gew\u00e4hlten Theme ist eine spezielle, frei verf\u00fcgbare Schriftart namens <a title=\"Ubunto Font Family\" href=\"http:\/\/font.ubuntu.com\/\" target=\"_blank\">Ubuntu Font<\/a>. Mit heutigen Browsers ist es endlich m\u00f6glich auch andere Schriftarten als die bekannten einzubinden, sofern es sich um nicht-lizenzpflichtige Schriften handelt.<\/p>\n<p>Neben diversen Informationen zu vielen Themen (das Men\u00fc ist hier deutlich umfangreicher als bei der Ensemble-Seite) gibt es hier ebenfalls einen Blog, der hier aber auch prominent auf der ersten Seite zu sehen ist. Zus\u00e4tzlich gibt es hier auch noch Termine in verschiedenen Kategorien f\u00fcr Gottesdienste, Konzerte und andere Veranstaltungen.<\/p>\n<h3>Technische Details<\/h3>\n<ul>\n<li>Das <a title=\"NextGen Gallery Plugin\" href=\"http:\/\/alexrabe.de\/wordpress-plugins\/nextgen-gallery\/\" target=\"_blank\">NextGEN Gallery<\/a> Plugin wird f\u00fcr Bildgalerien benutzt.<\/li>\n<li>Zur Verwaltung der Termine benutzt diese Seite <a title=\"RS EVENT multiday\" href=\"http:\/\/dalking.de\/rs-event-multiday\/\" target=\"_blank\">RS EVENT multiday<\/a>.<\/li>\n<li>Zum Wechsel des Titelbildes habe ich <a title=\"WordPress Wechselnde Header-Bilder pro Hauptmen\u00fcpunkt\" href=\"http:\/\/milcke.org\/wordpress-wechselnde-header-bilder\/\">ein bisschen PHP und CSS<\/a> geschrieben.<\/li>\n<li>F\u00fcr den Kirchenmusik-Newsletter verwende ich das Plugin <a href=\"http:\/\/www.satollo.net\/plugins\/newsletter\" target=\"_blank\">Newsletter<\/a>.<\/li>\n<li>Die Gemeindebriefe als Download werden \u00fcber den <a href=\"http:\/\/wordpress.org\/extend\/plugins\/download-monitor\/\" target=\"_blank\">Download Monitor<\/a> verwaltet.<\/li>\n<\/ul>\n<p>[\/two_columns_one_last]<\/p>\n<p>[divider\/]<\/p>\n<p>Ein sehr hilfreiches Plugin zur Beschleunigung des Ladevorgangs ist das Plugin <a title=\"WP Super Cache\" href=\"http:\/\/ocaoimh.ie\/wp-super-cache\/\" target=\"_blank\">WP Super Cache<\/a>. Vorteil ist, dass die ansonsten dynamisch erzeugten Webseiten in statischer Form zwischengespeichert werden und nur diese geladen werden. Nachteil ist, dass man beim Bearbeiten der Seite oft alte Inhalte sieht.<\/p>\n<p>Ein Problem, das ich noch nicht gel\u00f6st habe ist auch, dass die Bildgalerie (auf dieser Webseite) ein Flash-Plugin benutzt. Wenn nun eine Seite mit einem vorhandenen Flash-Plugin besucht wird, wird diese Variante gew\u00e4hlt und landet im Cache. Besucht nun jemand dieselbe Seite mit einem Ger\u00e4t oder Browser ohne Flash (z.B. ein iPad), dann bekommt er keine Galerie mehr zu sehen, sondern nur einen Hinweis, dass Flash fehlt. Eigentlich sollte das Problem behoben sein durch die Einstellung, dass Seiten, die <code>?show=slide<\/code> enthalten nicht in den Cache gestellt werden sollen. Aber anscheinend hilft das nicht.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wer schon mal eine Webseite selbst aus handverlesenem HTML und CSS gebastelt hat, der wei\u00df wie aufw\u00e4ndig das ist. Und oft ist das Resultat auch nicht besonders ansprechend. Hinzu kommt, dass man damit die Ver\u00e4nderbarkeit der Seite meist in einer &hellip; <a href=\"https:\/\/landmesser.me\/?page_id=17\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":25,"parent":149,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/landmesser.me\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landmesser.me\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landmesser.me\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landmesser.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landmesser.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":0,"href":"https:\/\/landmesser.me\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/landmesser.me\/index.php?rest_route=\/wp\/v2\/pages\/149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/landmesser.me\/index.php?rest_route=\/wp\/v2\/media\/25"}],"wp:attachment":[{"href":"https:\/\/landmesser.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}