Hallo an alle Forum-Nutzer, ich mach es mal kurz: her mit der Kritik und den Fehlern, die mir nicht auffallen. Und, wer ein mobiles Gerät besitzt, kann das ja auch mal anwerfen.

http://www.panorama-reklame.de


Danke, ich bin gespannt

[OT]Ich habe länger überlegt, ob ich mich hier äußern soll. Der Hintergrund ist: Dein erster Thread hier im Forum -- und gleich ein Sitecheck. In dieser Konstellation kommt es leider öfter vor, dass man sich relativ viel Mühe gibt, etwas zu einer vorgestellten Site zu schreiben -- und dann verpufft das einfach, weil eigentlich kein wirkliches Interesse an einem Sitecheck besteht, sondern nur ein Link gepusht werden soll.
Versteh mich nicht falsch, ich will dir nichts unterstellen. Ich will nur erklären, warum ich mich erstmal nur sehr kurz äußere.[/OT]

Zur Website: Wenn ich mit dem Desktop die Seite besuche habe ich das Gefühl, da ist was schief gelaufen. Das sieht aus wie eine mobile Version.
Anders ausgedrückt: Ich finde, bei einem responsive Layout sollte mehr drin sein, als nur einspaltige, zentrierte Inhalte zu zeigen und die Navigation für wirklich breite Viewports zu ändern.
Als Beispiel (siehe Anhang): Der Footer-Bereich könnte bei ausreichend Platz zweispaltig werden.

Wenn ich mein Browserfenster dann so breit habe, dass ich die horizontale Navigation sehe, fällt mir auf, dass der jeweils aktuelle Menüpunkt nicht gekennzeichnet wird.

Angehängte Grafiken

footer.png (20,8 KB, 30x aufgerufen)

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Ich möchte dir danken, es geht mir bei meiner Bitte nicht um einen Link, sondern um aufrichtige Meinung, damit ich Ratschläge/Bestätigung/Kritik erhalte.
Du bemängelst die Ausrichtung auf das mobile Layout. Im Laufe der letzten Monate habe ich die homepage ständig verändert, von 2-3 spaltiger Ansicht und sidebar bis zur aktuellen Version. Und ich musste bei der Auseinandersetzung mit dem Thema feststellen, dass ich persönlich ruhige, aufgeräumte, sachliche und übersichtliche Gestaltung, auch bei fremden Websites überaus schätze.
Die themes, die ich nutzte, auch das jetzige (von Elmastudio), sind nach der Prämisse gebaut, mobile first. Und, die Geschmäcker sind verschieden, ich finde den Ansatz prima und das fast unveränderliche Layout, bis auf die Menüleiste oben, in den verschiedenen Endgeräten mag ich ebenfalls.

Ich muss ergänzen, mir fehlt tieferes Verständnis für Webdesign. Ich bin leider nicht so fit, wie ich wünschte, um mehr daraus zu machen. Aber ich beschäftige mich nun einfach mehr mit Fotografie, als mit Wordpress. Das ist ein Grund, warum ich mir eher ein funktionierendes theme zulege und dieses modifiziere.

Was ich tatsächlich auch nicht so gelungen finde, ist die "fehlende" Kennzeichnung des aktuellen Menüpunktes. Jedoch dürfte der jeweilige Seitentitel als Überschrift nicht ganz umsonst sein. Mit dem footer bin ich auch nicht zufrieden, meine Artikel/Footer/Vorstellungen gehen auch eher in das Beispiel der Startseite von Journalist
Die Linkseite gefällt mir auch nicht...
Als Autodidakt hat eben vieles auch seine Grenzen.
Wenn du detaillierter auf meine Site eingehen magst, tu dieses bitte.

Gruß frawae

Ja, ich mag das ebenfalls.
Was ich bei dir sehe ist mir aber ehrlich gesagt zu wenig.

"Mobile first" muss aber doch nicht "mobile only" heißen. Und den Eindruck hinterlässt deine Website bei mir.
Das ist irgendwie das andere Extrem zu einer auf Desktops ausgerichteten Seite mit ~908px Breite, am Smartphone betrachtet.

Ich kenne dein Original-Theme nicht (die Elmastudio-Website kenne ich schon). Ich weiß daher nicht, was tatsächlich von dir ist -- und worüber wir hier genau reden sollen.

Schau doch mal in deinen Quelltext rein. Dein CMS kennzeichnet den aktiven Menüpunkt durch eine Klasse. Die kannst du nutzen, um eine Kennzeichnung in dein Stylesheet zu schreiben.
Das reicht nicht.
Ich verstehe nicht, warum dieses Theme das nicht vorsieht. Würde mich interessieren, wie die Autoren das begründen.
Für mich ein No-go.

Du hast im Footer zwei Listen. Was spricht dagegen, sie -- wie oben bereits vorgeschlagen -- bei ausreichend Platz nebeneinander zu setzen?

Es fällt schwer, mehr dazu zu sagen, wenn man nichts über deine Fachkenntnisse weiß. Bisher klingt das eher nach "wenig".

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

das Layout erinnert mich an das von Elmastudio.
Leider gefällt mir so etwas überhaupt nicht. Schon das man oben auf die Querstreifen klicken muss, um das Menü zu sehen, empfinde ich als eher nervig.

Irgendwie ist alles einfach nur übergross. Die scheinbar dadurch bedingte wieder vermehrte Verwendung von text-align:center; spricht mich optisch überhaupt nicht an.
Mehr als 1100px Zeilenlaufweite sind auch bei dieser großen Schrift imho viel zu viel. Das liest sich leider nicht angenehm.

Die Verwendung von mobile-first erhöht die Übersichtlichkeit durch den Zwang zur Einfachheit, leider geht mir das viel zu oft mit einer ausgesprochenen Grobschlächtigkeit in der Gestaltung einher.


current_page_item kennzeichnet bei WP den aktuellen Menüpunkt. Wenn du auch noch den Deppenlink vermeiden möchtest kann ich dir das Plugin Remove Redundant Links von Toscho empfehlen. Ich setze es routinemäßig bei allen WP-Installationen ein.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Schade, dieses Information hilft mir nur bedingt. Ich bin überfordert, daraus etwas zu machen. Ich behalte das aber im Auge, falls mir mal eine Fachkraft über die Schulter sieht...

Das finde ich gerade prima gelöst. Meine Orientierung ist wirklich auch die Betrachtung von mobile first und die damit verbundene Sichtbarkeit von Informationen auf das momentan wichtigste zu beschränken. Sicher könnte man das auch anders machen, nur ich kann das nicht.

Du meinst den home-Deppenlink? Solange der nach Hause führt, ist es ok. Allerdings wäre eine Umwidmung für Menüoptionen auch vorstellbar, allerdings nicht umsetzbar von mir..

So, jetzt habe ich wohl dreimal darauf hingewiesen, wo mein Unwissen beginnt. Deswegen suche ich "nur" einen Kompromiss für das Layout, bzgl. content und Fähigkeiten. Wenn ich ein theme entdecke, mit dem alle glücklich wären, dann ist das auch langweilig, oder?

Die Seitentitel-Schriftgröße würde ich auch gern verändern...

Erst ab 1192px Viewport-Breite muss man das nicht mehr - imho viel zu spät.

Auch nicht schön finde ich

Das ist das font-size-in-pixel-Äquivalent für mobile Geräte Siehe z.B. The other side of the moon: device-width and how not to hate your users

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

In der jetzigen Fassung finde ich es überaus gelungen. (Das Menü mal außen vor, das könnte wie gesagt noch etwas angepasst werden. Für ganz schmale Screens evtl. als Selectbox darstellen lassen?)

Für die, denen es 'zu wenig' erscheint: Was würdet ihr denn noch hinzufügen? Eine Sidebar mit minder relevanten Infos, nur damit es gewohnt aussieht?

__________________
github | http://dnaber.de

Nicht 'zu wenig Inhalt', sondern zu wenig Anpassung des vorhandenen für größere Viewports. Ich habe doch schon ein Beispiel gegeben: Die Anordnung im Footer.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Danke für die Hinweise und die Tipps.