Support » Plugins » Sidebar zum scrollen

  • Gelöst johnmoorexxx

    (@johnmoorexxx)


    Hallo,
    ich habe mich mal rangetraut an eine Seite und bin relativ weit gekommen. Allerdings bin ich an einem Punkt angelangt an dem ich keine Lösung finde und hoffe, dass mir hier jemand hilft:

    Meine Sidebar wurde mit dem Widget „Custom Menu“ erstellt.Jeder Link auf der Sidebar ist eine Seite. Und da ich sehr viele habe, verlängert sich die Sidebar dementsprechend nach unten. Gibt es eine Möglichkeit, die Sidebar in einem Rahmen zu halten, sodass man innerhalb scrollen kann und bei der ausgewählten Seite bleibt.
    Ein Beispiel einer Sidebar, wie ich mir das vorstelle findet ihr auf dem folgenden Link:
    http://www.hurliburli.de/datenbank/serie-alle/278.htm

    Vielen Dank

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Du könntest dem Widget eine CSS-Klasse geben, um es ansprechen zu können:
    https://de.wordpress.org/plugins/widget-css-classes/

    Und dann per „Zusätzliches CSS“ im Customizer das Scrolling und die Maximalhöhe aktivieren:

    .widget-css-class {
        max-height: 350px;
        overflow-y: scroll;
    }

    Gruß, Torsten

    Thread-Starter johnmoorexxx

    (@johnmoorexxx)

    Vielen Dank für die Antwort. Da ich aber ein absoluter Laie bin was css betrifft- Könnte mir jemand das etwas genauer erklären. Habe das Plugin installiert. Was muss ich bei CSS Klasse eingeben? Wo im Customizer muss ich den Code einfügen?
    Wäre echt super wenn mir jemand helfen könnte.

    Gruß

    Du kannst die CSS-Regel kopieren und unter Design > Customizer unter dem Menüeintrag „Zusätzliches CSS“ eintragen.

    Wenn du Laie bist, dich aber nicht mit den Programmierung beschäftigen möchtest, solltest du dir ein Theme aussuchen, das möglichst viele Einstellungsmöglichkeiten anbietet.

    Thread-Starter johnmoorexxx

    (@johnmoorexxx)

    Vielen Dank für die Antwort. Ich habe den Code genauso reinkopiert, aber ist nichts passiert. Die Sidebar zieht sich weiterhin in die Länge.
    Im Widgets Menü unter „Default Sidebar“ Kann man jetzt neuerdings etwas in die Box „CSS Klassen“ eingeben, ich weiss aber nicht was. Könnte mir vorstellen, dass das vielleicht wichtig ist.

    Du kannst unter Design > Menüs ein eigenes Navigationsmenü erstellen und dann unter Design > Widgets der Sidebar zufügen. Wenn das Plugin Widget CSS Classes installiert und aktiviert ist, kannst du unter dem Pulldown-Menü für die Auswahl des gerade erstellten Navigationsmenüs eine CSS-Klasse eintragen, hier fügst du widget-css-class ein. Dann musst du nur noch unter Design > Customizer > Zusätzliches CSS die CSS-Regel einfügen, die Torsten bereits genannt hatte.

    Thread-Starter johnmoorexxx

    (@johnmoorexxx)

    Vielen Dank, hat super funktioniert!!!

    Eine Frage zur Sidebar noch:
    Wenn ich z.B. eine Seite auf der Sidebar anklicke, wird die Seite zwar geöffnet, auf der Sidebar verschiebt sie sich jedoch nach oben. Gibt es eine Möglichkeit,die Seite auch in der Sidebar zu fixieren wenn sie aktiv ist?

    Möglich ist das, aber aufwändiger, weil zusätzlich eine JavaScript-Funktion hinzugefügt werden müsste.

    Ich hatte ja schon darauf hingewiesen: Was du nicht über Einstellungs-Optionen im WordPress-Backend festlegen kannst, muss per Programmierung hinzugefügt werden. Dazu musst du dich entweder mit der Programmierung auskennen, selber recherchieren und lernen, wie es geht oder einen Dienstleister beauftragen. Hier im Forum können wir dir nur Hilfe zur Selbsthilfe anbieten.

    Bei deiner ursprünglichen Frage hat mich etwas stutzig gemacht, dass dein Menü sehr viele Einträge hat. Das ist häufig ein Hinweis darauf, dass die Website nicht vorher ausreichend konzipiert und Navigationsstrukturen klar gegliedert wurden. Für Webseitenbesucher sind Navgationsmenüs, die mehr als vier, fünf Links enthalten, eher mühsam. Während du dich auf der Website auskennst, müssen sich Besucher erst einmal orientieren und verlieren, wenn das zu unübersichtlich ist, schnell die Lust, sich wirklich alle in Frage kommenden Webseiten anzuschauen. Das mag im Einzelfall und ganz besonders bei deiner Website auch anders sein – sieh das bitte nur als einen freundlichen Hinweis, dein Navigationsmenü nochmal daraufhin zu prüfen.

    Thread-Starter johnmoorexxx

    (@johnmoorexxx)

    Vielen Dank, habt mir sehr geholfen 🙂

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Das Thema „Sidebar zum scrollen“ ist für neue Antworten geschlossen.