Twenty Twelve Anpassungen (Navigation, Widget bzw. Sidebar

  • Hallo Leute,

    wie mein Nick schon sagt, bin ich ein Anfänger in Sachen Wordpress und auch nicht sehr erfahren in Sachen HTML / CSS. Einige Sachen habe ich auch schon hingekriegt, teilweise selbst, teilweise durch googeln. Aber ein paar Sachen finde ich einfach nicht heraus, und ich wäre euch richtig dankbar, wenn ihr mir helfen könnt:

    1. Wenn man das Browser Fenster verkleinert, verändert sich ab einer bestimmten Größe die Navigation in einen "Menü" Button. Wie kann man das ausschalten, dass die Navigation aufgelistet bleibt?

    2. Der Content-Bereich passt sich an die Fenstergröße an, ich möchte aber, dass die Schrift etc sich nicht anpasst, sondern, dass man dann vertikal / horizontal scrollte. Ich bin mir nicht sicher, aber liegt das daran, dass im CSS die Breite durch Prozentzahlen definiert ist?

    3. Auch die Sidebar bzw Widget Area ändert sich. Sie verschiebt sich unter die Content Area. Das möchte ich ausschalten. Sie soll wie immer rechts neben dem Content stehen.


    Ich denke mal, dass alles hängt mit der Angabe in Prozentzahlen zusammen und hinzukommen ist in der original sytle.css Datei der Media Queries Bereich wahrscheinlich auch eine Problemquelle. Da mich die Ausgabe auf meinem Handy stört, möchte ich die Sache vereinfachen und es so haben, dass die PC Bildschirmausgabe den anderen entspricht. Es soll nichts je nach Auflösung verrutschen - die Seite und der Inhalt soll sich nicht ändern.

    Die style.css datei wurde von mir übrigens bis jetzt nicht großartig verändert, als Basis könnt ihr also von einer originalen Twenty Twelve CSS ausgehen.

    Ich wäre euch dankbar, wenn mir jemand helfen kann.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hi,

    das, was du hier beschreibst, wird als responsives Design bezeichnet und ist extra in die aktuellen Themes eingebaut. Der Hintergrund dazu ist, dass immer mehr Internetnutzer mit Smartphones die Wenseiten aufrufen. Dieser Trend verstärkt sich weiter und die Nutzer der kleineren Bildschirme bekommen es besser angezeigt.

    Du hast richtig erkannt, dass die Media queries im style.css des Themes dafür verantwortlich sind. Teste es doch einfach aus, wie sich das Theme verhält, wenn diese Media queries entfernt sind. Auch die Angabe in Prozentzahlen zählen dazu.

  • Danke für deine Antwort Gerd-E,

    aber leider hilft mir das nicht wirklich weiter. Wie schon oben geschrieben habe ich zwar ein bisschen Kenntnisse, aber eben nicht solche, als das ich mich souverän anstellen würde.
    Ich habe schon alles mögliche versucht. Wenn ich z.B. die ganzen Media queries entferne, wird die Seite auf die ganze Bildschirmgröße gesprengt, die Navi wird nur durch den "Menü" Knopf angezeigt, es existiert kein Seitenhintergrund etc...

    Ich wäre schon sehr froh, wenn mir einfach jemand sagen könnte "Die Codierung ddfdf { .... } ist dafür zuständig, dass das Menü ab einer bestimmten Größe als Knopf dargestellt wird. Da ist nichts erheblich an der originalen styles.css Datei geändert habe, hoffe ich einfach mal darauf, dass es hier vielleicht jemanden gibt, der die gleichen Probleme hatte und mir sagen kann, dass ich mal XY versuchen soll.

    Ich danke dir trotzdem für deine Antwort und die Erläuterungen, aber leider bringt mich das nicht wirklich weiter, da ich schon stundenlang alles mögliche versucht habe aber einfach nicht die Lösung finde.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!