{"id":867,"date":"2012-05-12T16:00:26","date_gmt":"2012-05-12T16:00:26","guid":{"rendered":"https:\/\/blog.ecotronics.ch\/wordpress\/?p=867"},"modified":"2012-05-19T12:27:37","modified_gmt":"2012-05-19T12:27:37","slug":"eine-vereinswebsite-mit-wordpress","status":"publish","type":"post","link":"https:\/\/blog.ecotronics.ch\/wordpress\/?p=867","title":{"rendered":"Eine Vereinswebsite mit WordPress"},"content":{"rendered":"
\"\"<\/a>

TEE-Classics - Eine mit WordPress erstellte Vereinswebsite <\/p><\/div>\n

K\u00fcrzlich habe ich f\u00fcr den Verein TEE-Classics den Redesign der Vereinswebsite gestaltet. Da die Betreiber die Website selbst betreiben m\u00f6chten, habe ich das auf PHP basierende Blog-Framework WordPress <\/strong>als Grundlage vorgeschlagen. WordPress ist ideal, wenn Laien ohne Kenntnisse in HTML, CSS und JavaScript<\/strong> eine Website selbst betreiben und rasch mit zus\u00e4tzlichen Seiten erg\u00e4nzen m\u00f6chten. F\u00fcr das Design w\u00e4hlte ich Atahualpa <\/strong>aus, da dieses Theme zahlreiche Einstellm\u00f6glichkeiten bietet. Die verwendeten Versionen sind WordPress 3.3.1<\/strong> und Atahualpa 3.7.3<\/strong>.<\/p>\n

Hier gebe ich ein paar Tipps, wie man mit der Kombination WordPress und Atahualpa<\/strong> rasch einen strukturierten und ansprechenden Vereinswebsite gestalten kann.<\/p>\n

Design<\/h1>\n

Das Design musste ich nicht von Grund aus neu erstellen: Es gab bereits eine \u00e4ltere Internetpr\u00e4senz, von der neben dem Content auch das Farbschema \u00fcbernommen werden konnte. Ansonsten hatte ich freie Hand.<\/p>\n

Design-Grunds\u00e4tze<\/h2>\n

Das Erscheinungsbild sollte einerseits wie bei der alten Website auf den klassischen TEE-Farben Dunkelrot und Beige<\/strong> basieren. Andererseits sollten die runden Formen<\/strong> der Z\u00fcge aufgenommen werden.<\/p>\n

Inhaltlich unterschiedet WordPress zwischen Seiten<\/strong>, die f\u00fcr eher statischen Inhalt<\/strong> infrage kommen, z.B. “\u00dcber uns”, und Artikeln<\/strong>, die sich ideal f\u00fcr dynamische Inhalte<\/strong> wie News <\/strong>und \u00c4hnliches eignen. Der Zugriff auf Artikel (entpricht den klassischen Blog-Beitr\u00e4gen) gestaltet sich normalerweise \u00fcber Kalender oder Archiv-Links, die Auflistung “Letzte Artikel” und \u00fcber die Kategorien. Die entsprechenden Links f\u00fcr Artikel werden automatisch <\/strong>beim Erstellen und Kategorisieren eines Artikels in die jeweiligen Bereiche links und rechts eingetragen. F\u00fcr die Seiten <\/strong>erfolgt der Zugriff dagegen \u00fcber selbst erstellte Men\u00fcs<\/strong>.<\/p>\n

Farben<\/h2>\n

Weil die konsequente Umsetzung eines Farbschemas mit ziemlich viel Kleinarbeit<\/strong> verbunden ist, lohnt es sich, zuerst die zu verwendeten Farbwerte und ihre Verwendung mit den Betreibern zu besprechen und verbindlich festzulegen<\/strong>. Im vorliegenden Fall bestand das Farbschema neben den typischen TEE-Farben dunkelrot und beige-gelb aus zwei weiteren hellen Rott\u00f6nen. F\u00fcr die Schrift wurde Schwarz und Grau bei den Kommentaren aus dem Standard \u00fcbernommen.<\/p>\n

Layout und Breite<\/h2>\n

Der vorliegende Website hat keine fixe Breite<\/strong>. Damit die Artikel nicht durch \u00fcberlange Zeilen schwer lesbar wird, habe ich die maximale Breite <\/strong>auf 1000 Pixel<\/strong> begrenzt. F\u00fcr die Artikel weist das Layout 2 Sidebars mit einer Breite von je 200 Pixel<\/strong> auf. Damit ist es sinnvoll, auch eine minimale Breite<\/strong> festzulegen, damit die Spalte in der Mitte nicht unbrauchbar schmal wird oder ganz verschwindet. Ein Wert von 770 Pixel<\/strong> stellt sicher, dass auch im dreispaltigen Design noch alles lesbar bleibt. Die entsprechenden Einstellungen in Atahualpa findet man unter<\/p>\n

Design – Atahualpa Theme Options – Overall Style & Config.<\/p>\n