WAAAGH: Überarbeitung der Seite – wir brauchen eure Hilfe

Bei der täglichen Arbeit mit der WAAAGH.de fallen einem immer wieder Dinge auf, die geändert werden sollten und bei denen man sich Besserung erhofft. Ein großer Problempunkt war und ist dabei unser bisher eingesetztes Theme, welches für die Darstellung der Inhalte verantwortlich ist.

Aus diesem Grund haben wir uns in der letzten Wochen hingesetzt und ein komplett neues Framework lizensiert und angepasst. Die ersten Ergebnisse möchten wir euch nun vorab zur Diskussion stellen.


Beim grundsätzlichen Aufbau haben ich mich am bisher bewährten orientiert – euer Feedback war bezüglich der Gestaltung immer sehr gut, weshalb ich das Rad nicht neu erfinden wollte.

Die wichtigsten Anpassungen sind:

  • Umstellung auf das Xtreme One Framework – dieses erlaubt es uns viele Kompatibilitätsprobleme zu beheben und vereinfacht die konforme Anpassung von Funktionen
  • Implementierung eines globalen Teaser-Sliders mit den aktuellen Fokusartikeln
  • Behebung zahlreicher Darstellungsfehler

Da es sich vorallem um einen technischen Fortschritt handelt, freuen sich besonders Crestor und ich über das Ausmerzen einiger Probleme, die bei uns in der Vergangenheit zu Kopfschmerzen geführt haben. Der Entwicklungsstand entspricht der einer “Basisversion” – es sind noch Erweiterungen geplant, welche die Seitennutzung  beeinflussen werden. Außerdem benötigt die Testumgebung noch einige Tweaks auf Codeebene und das Caching ist zur Zeit nicht aktiviert. Verwendet die Seite also bitte nicht als Performancebenchmark!

Nun benötigen wir eure Unterstützung!

Bitte besucht unsere Testumgebung auf beta.waaagh.de und teilt uns eure Meinung zum Aussehen und der Handhabung der Seite in den Kommentaren mit. Außerdem freuen wir uns natürlich über Bugreports, Wünsche und Anregungen.

Bitte beachtet:

Der Datenbestand innerhalb der Testumgebung entspricht dem vom 02.10.11. Fühlt euch frei diese auf Herz und Nieren zu prüfen. Aufgrund der fortlaufenden Arbeiten an der Seite kann es zu Scriptfehlern oder ähnlichem kommen – in diesem Fall solltet ihr einfach später noch einmal vorbei schauen.

Vielen Dank im Voraus für eure Unterstützung!

Über erdknuffel

Erdknuffel spielt WAR seit der Endphase der Beta. Er ist Seitenadministrator auf WAAAGH.de, außerdem Gildenleiter von Jianji, Blogger mit Hirnfasching und eine Linkschleuder auf Twitter. Im Spiel findet man ihn als Jünger des Khaine auf dem Server Drakenwald.

Alle Artikel von erdknuffel

33 Kommentare
  1. Seneva sagt:

    Fehler 404 – Seite nicht gefunden!

     

    Hab den ersten Bug gefunden….boa bin ich gut *sich selbst auf Schulter klopft*

  2. erdknuffel sagt:

    Seneva schrieb:

    Fehler 404 – Seite nicht gefunden!

     

    Hab den ersten Bug gefunden….boa bin ich gut *sich selbst auf Schulter klopft*

    Hehe, gerade selbst bemerkt und korrigiert <img class=” class=”wp-smiley” />

  3. Banera sagt:

    Das Forum sieht noch wild aus, aber sonst ganz gut :P

  4. Idrinth sagt:

    auf mich wirken forum.png und group.png irgendwie unpassend <img class=” class=”wp-smiley” />

    css vom forum seh ich mir heut abend mal an, das wirkt mehr als nur zerschossen, naja, ist ja auch noch nicht fertig.

    - Themenübersicht hat mehr Spalten als Überschriften
    - graue Hintergrundfarbe bei der Zeitinformation für posts bedeckt nur die oberen beiden Zeilen

  5. erdknuffel sagt:

    Danke schon mal für euer beider Feedback. Leider gibt es ein Problem: Das Forum ist aktuell nicht in der Designüberarbeitung enthalten. Hintergrund ist, dass dort in den nächsten Monaten ein Major Release stattfinden wird und es zur Zeit keinen großen Sinn macht hier riesige Anpassungen vorzunehmen.

    Ich habe das Design innerhalb der Testumgebung nun auf das Standardlayout geändert, um weiterer Verwirrung vorzubeugen.

  6. Nenolia sagt:

    Wenn man Punkte bei “Archiv” anklickt verschieben sich die Artikel nach unten und sind nicht mehr mit “Beliebteste Artikel” auf einer Ebene. Zudem sind zwischen “Beliebteste Artikel”, “Neueste Foreneinträge” und “Benutzerverwaltung” keine Absätze mehr (gewollt?).

  7. Idrinth sagt:

    grade drüber gefallen, weißer Rand oben und zu schmales Menü:

  8. erdknuffel sagt:

    Nenolia schrieb:

    Wenn man Punkte bei “Archiv” anklickt verschieben sich die Artikel nach unten und sind nicht mehr mit “Beliebteste Artikel” auf einer Ebene. Zudem sind zwischen “Beliebteste Artikel”, “Neueste Foreneinträge” und “Benutzerverwaltung” keine Absätze mehr (gewollt?).

    Zum ersteren: Mit welchem Browser tritt das bei dir auf? Ich hatte vor einiger Zeit mal einen Fehler, dieser sollte mittlerweile aber behoben sein. Bitte stelle sicher, dass du die Seite einmal komplett neu geladen hast (STRG + R).

    Zum zweiteren:

    Aktuell ja, du kannst mir aber gerne deine Meinung dazu sagen.

  9. erdknuffel sagt:

    Idrinth schrieb:

    grade drüber gefallen, weißer Rand oben und zu schmales Menü:

    Scheint ein Problem von Opera zu sein – in sämtlichen anderen Browsern wird die breite richtig bemessen. Ich schaue mal ob ich dafür eine simple Lösung finde.

  10. Idrinth sagt:

    erdknuffel schrieb:

    Idrinth schrieb:

    grade drüber gefallen, weißer Rand oben und zu schmales Menü:

    Scheint ein Problem von Opera zu sein – in sämtlichen anderen Browsern wird die breite richtig bemessen. Ich schaue mal ob ich dafür eine simple Lösung finde.

    /* theme.css */
    .shinybuttons .hlist .sf-menu ul li{
    width:13em;
    }

    ist einfach bei Opera zu klein <img class=” class=”wp-smiley” />

    könntest einfach:

    /* theme.css */
    .shinybuttons .hlist .sf-menu ul li{
    word-wrap:break-word;
    }

    reinpacken, nicht wunderschön, aber besser zu lesen

  11. erdknuffel sagt:

    Idrinth schrieb:

    erdknuffel schrieb:

    Idrinth schrieb:

    grade drüber gefallen, weißer Rand oben und zu schmales Menü:

    Scheint ein Problem von Opera zu sein – in sämtlichen anderen Browsern wird die breite richtig bemessen. Ich schaue mal ob ich dafür eine simple Lösung finde.

    /* theme.css */
    .shinybuttons .hlist .sf-menu ul li{
    width:13em;
    }

    ist einfach bei Opera zu klein <img class=” />

    könntest einfach:

    /* theme.css */
    .shinybuttons .hlist .sf-menu ul li{
    word-wrap:break-word;
    }

    reinpacken, nicht wunderschön, aber besser zu lesen

    Schaue ich mir an, danke Idrinth.

  12. Nenolia sagt:

    erdknuffel schrieb:

    Zum ersteren: Mit welchem Browser tritt das bei dir auf?

    Nutze derzeit Firefox 7.0.1. Auch nach dem Aktualisieren bleibt es so.

  13. erdknuffel sagt:

    Nenolia schrieb:

    erdknuffel schrieb:

    Zum ersteren: Mit welchem Browser tritt das bei dir auf?

    Nutze derzeit Firefox 7.0.1. Auch nach dem Aktualisieren bleibt es so.

    Arg, hatte dich ursprünglich missverstanden. Danke, werde ich mich drum kümmern!

  14. Nenolia sagt:

    Ich wusste, dass ich nen Screen hätte beifügen sollen :p

    Und die Boxen auf der rechten Seite finde ich mit Absatz schöner.

  15. Hans sagt:

    Sieht aus wie jedes andere scheiss Forum alles der selbe mist …..

  16. Dalavar sagt:

    Hans schrieb:

    Sieht aus wie jedes andere scheiss Forum alles der selbe mist …..

    Sid Burn oder Moscha ??? <img class=” class=”wp-smiley” />

  17. Erecronn sagt:

    Also mir gefällt das neue Design sehr gut, allerdings sind mir 2 Dinge aufgefällen welche ich ändern würde:

     

    1. Die Links: Ich würde einen Mouse-Over-Effekt anwenden. Oder zumindest ein Underline verwenden. Es gibt leider immer noch Leute (auch in meinem privaten Umfeld <img class=” /> ), welche bei den Maus-Cursor immer den Pfeil eingestellt haben, da ihnen die Hand nicht gefällt. Da verändert sich nichts, wenn sie über nen Link fahren. Daher sollte man sehen, was ein Link ist, und was ein eingefärbter Text.

     

    2. Die Infobox: Mir kommt der Übergang von einem Bereich zum nächsten etwas zu weich vor. Ich würde hier oberhalb der Überschriften noch eine Linie einfügen. Also anstatt dem hier:

     

     

    Das hier: (man beachte die Linie über “Neueste Foreneinträge”):

     

     

     

    Ist aber nur meine bescheidene Meinung ^^

     

    mfg

    Ere

  18. erdknuffel sagt:

    Danke Erecronn, ich werde das in meine Überlegungen einfließen lassen.

  19. Idrinth sagt:

    Ich hätte da noch ne blöde Frage, gibt es einen Grund, warum du das Impressum alleine in #siteinfo .col1 auslagerst? führt bei mir (mal wieder) zu eher unschönen Umbrüchen.
    Mag aber daran liegen, dass p.skip_top noch angezeigt wird, oder sollte das auch für desktop-pcs sichtbar sein?
    Reicht ja eigendlich das anzuzeigen, wenn der Bildschirm so klein ist, dass der Inhalt linearisiert wird.

    /* css */
    .skip_top {
    /* nicht-linerarisierte Darstellung */
    display:none;
    }
    @media screen and (max-width:320px) {
    .skip_top {
    /* linearisierte Darstellung */
    display:inline;
    }
    }

    Die Geräte, für die das relevant ist unterstützen meines Wissens nach media-queries. 320px ist nur nen Vorschlag, k.a. wo du ansetzen möchtest oder ob, aktuell wirkt die Seite ja recht statisch, Breitenanpassungen gibts zumindest nicht für desktop-pcs.

  20. erdknuffel sagt:

    Du wirst in Opera immer unschöne Umbrüche haben Idrinth, denn dieser Browser ist dermaßen aggressiv in seiner Interpretation, dass er mit dynamischen Frameworks nicht klar kommt.

    Dies ist entsprechend ausgelagert, weil es zwei Funktionen des Frameworks sind. Möchte ich Funktionen ändern, so muss ich diese über die functions.php des Childthemes als Hook einbinden. Aus diesem Grund kann ich gewisse Anpassungen nicht “mal eben schnell” im Code durchführen und auch nicht immer einfach eine div-class um etwas herumbauen.

  21. Idrinth sagt:

    Ansichtssache, ich bekomme in Opera eigendlich genau das, was ich bei den entsprechenden Angaben im css erwartet hätte, aber ich glaube, wir müssen uns kaum darüber streiten, ich werd halt wieder mit eigenem Stylesheet rumrennen <img class=” class=”wp-smiley” /> . Der Aufwand ist ja relativ gering.

    Die Struktur des Footer-Bereichs hatte mich nur gewundert, weil mir die Logik dahinter irgendwie seltsam erschien, war für mich eine gemeinsame Liste, zumindest vom Zusammenhang her.

    Was die Frage bezüglich des Navigationslinks angeht, war der da wirklich so angedacht?

    (tschuldige, wenn ich nerve, ist mehr Interesse als alles andere)

  22. erdknuffel sagt:

    Zu dem Skiplink hatte ich mir eigentlich überhaupt keine Gedanken gemacht. Er ist standardmäßig da und hat mich einfach nicht gestört.

    Aktuell geht es erstmal darum eine Seite auf die Beine zu stellen, deren Aufbau “fixed” ist. An Dinge wie eine responsive-Gestaltung habe ich mich nicht gewagt.

  23. Aais sagt:

    die rote schrift auf der startseite nervt. so wie die news jetzt sind, finde ich sie eigentlich sehr gut.

  24. erdknuffel sagt:

    SeanDumas schrieb:

    die rote schrift auf der startseite nervt. so wie die news jetzt sind, finde ich sie eigentlich sehr gut.

    Danke für das Feedback.

  25. kaulun sagt:

    erdknuffel schrieb:

    Du wirst in Opera immer unschöne Umbrüche haben Idrinth, denn dieser Browser ist dermaßen aggressiv in seiner Interpretation, dass er mit dynamischen Frameworks nicht klar kommt.

     

    http://validator.w3.org/check?…..38;group=0

     

    http://de.wikipedia.org/wiki/A…..wsertests)

  26. Idrinth sagt:

    was mir grade noch auffällt, IE6-Nutzer(sitz grad an nem uralt-Rechner und kanns testen) haben keine Chance das Archiv anzusehen, kann schlecht ansehen, was du da eingestellt hast, aber ich habe keinen effekt für :hover, ebenfalls scheint :focus keinen Effekt zu erzielen.

    Welche Browser sollen eigendlich unterstützt werden?

  27. erdknuffel sagt:

    Aktuell testen tue ich mit IE8&9, Firefox (aktueller Release Cycle), Safari und Chrome.

    Der IE 6 hat ungefähr 196 Seitenaufrufe pro Monate und ist daher mehr als nur nicht relevant. Im Idealfall ist eine Unterstützung für IE7+, Firefox (ab Version 3.5), Safari und Chrome vorgesehen. Ich teste die Seite neben Windows Desktops auch auf iPhone und iPad.

    @kaulun:

    Diese drei Fehler haben nichts mit den Opera-Problemen zutun.

  28. kaulun sagt:

    erdknuffel schrieb:

    Diese drei Fehler haben nichts mit den Opera-Problemen zutun.

    Manchmal wunder ich mich schon…

     

    In dem zweiten Link steht das Presto, die Opera Renderengine, alle ACID3 Tests besteht und im ersten Link kann man schonmal die Html-Seite validieren lassen, was übrigens bei meinen getesteten Seiten nur mit der Hauptseite funktionierte. Des weiteren gibt es noch einen CSS Validator und wenn man dann die Summe der Fehler betracht, dann ist mit aller Wahrscheinlichkeit Opera schuld (dynamische Frameworks und so). Meine Badehose ist auch an so vielen Dingen schuld. :P

  29. Bretin sagt:

    der kaulun ist so ein harter nerd <img class=” class=”wp-smiley” />

  30. erdknuffel sagt:

    kaulun schrieb:

    erdknuffel schrieb:

    Diese drei Fehler haben nichts mit den Opera-Problemen zutun.

    Manchmal wunder ich mich schon…

     

    In dem zweiten Link steht das Presto, die Opera Renderengine, alle ACID3 Tests besteht und im ersten Link kann man schonmal die Html-Seite validieren lassen, was übrigens bei meinen getesteten Seiten nur mit der Hauptseite funktionierte. Des weiteren gibt es noch einen CSS Validator und wenn man dann die Summe der Fehler betracht, dann ist mit aller Wahrscheinlichkeit Opera schuld (dynamische Frameworks und so). Meine Badehose ist auch an so vielen Dingen schuld. :P

    Seit wann hat der ACID3 Test etwas mit der Wirklichkeit zutun? Das ist genau wie zu behaupten, dass das fahren in der Fahrschule der Realität entspricht.

    Eine absolute Konformität bei diesem Test wäre nur dann ein Kriterium, wenn alle Browser sich an die dort abgefragten Standards halten würden – was sie nicht tun. Es ist im gegenwärtigen Stadium ausreichend, wenn 97% aller Nutzer diese Seite fehlerfrei darstellen können.

    Einen CSS Validator kannst du schon allein deshalb nicht anwenden, weil die Stylesheets noch gar nicht zusammengeführt wurden. Die Unterschiede werden danach beträchtlich sein.

  31. iffs sagt:

    gefällt mir gut.

  32. erdknuffel sagt:

    Entsprechend des Feedbacks habe ich nun folgende Änderungen vorgenommen:

    - Überschriften der Kategorie- und Tag-Seiten korrigiert
    – Navigation nun mit Leerräumen & Border um die Navi-Column entfernt

Hinterlasse eine Antwort

Deine Email-Adresse wird niemals veröffentlicht. Pflichtfelder sind mit * gekennzeichnet.


*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 

Zum Anfang springen 

Copyright © 2010 - 2014 WAAAGH.de | WordPress | powered by Xtreme One | Anmelden

© 2011 Games Workshop Limited. All Rights Reserved. Games Workshop, Warhammer, Warhammer Online, Age of Reckoning, and all associated marks, names, races, race insignia, characters, vehicles, locations, units, illustrations and images from the Warhammer world are either ®, ™ and/or © Games Workshop Ltd 2000-2008. Used under license by Electronic Arts Inc. All Rights Reserved. EA, the EA logo, Mythic Entertainment, Public Quest and Realm vs. Realm are trademarks or registered trademarks of Electronic Arts Inc. in the U.S. and/or other countries. All other trademarks are the property of their respective owners.