Support » Allgemeine Fragen » Sidebar / Navi

  • Hello Leute,

    ich möchte gerne bei meiner HP eine Sidebar mit Navigation einbauen. Habe schon so viel gesucht bei Google, aber leider nicht das passende gefunden. Was ich genau meine seht ihr bei diesem Link von dem Restaurant https://www.sweetgreen.com/menu/#make-your-own.

    Ich möchte gerne so eine Sidebar, wo man zwischen den Gerichten wechseln kann, mit Ankerlink auf der Seite.

    Könnt ihr mir vielleicht helfen? Oder kennt ihr ein Plugin?

    Vielen Dank!!

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)
  • Hallo,
    das scheint wohl ein individuell angefertigtes theme zu sein. Insofern kann ich Dir da nicht helfen. Aber Du kannst natürlich einfach mal in den theme-„Katalog“ von WordPress schauen und da mal entsprechend nach Deinen Wünschen filtern.
    Da könnte es durchaus möglich sein, dass Du ein ähnlich aufgebautes theme findest.
    Viele Grüße
    Hans-Gerd

    Thread-Starter tassilohse

    (@tassilohse)

    Danke für deine schnelle Antwort.

    Das individuell ist, ist durchaus denkbar. Aber es müsste doch ein Plugin geben oder einen Code um derartige Sidebuttons sticky zu machen.

    Danke, ich werde nochmal WordPress durchsuchen. Ich habe selbst ein Theme und das möchte ich gerne beibehalten und nicht komplett ändern.

    Thread-Starter tassilohse

    (@tassilohse)

    Nachtrag:

    Bekommt man sowas auch nicht raus (den Code), wenn man Element-Informationen durchsucht? Oder wird sowas „versteckt“

    Hallo,

    Bekommt man sowas auch nicht raus (den Code), wenn man Element-Informationen durchsucht?

    … nein, weil es sich um PHP-Scripte und HTML handelt. Der Code wird auf dem Server ausgeführt und dort werden HTML-Ausgaben generiert, die an den Client (also z. B. Deinen Rechner) gesendet werden. D. h. du siehst – wenn Du beispielsweise rechte Maustaste und „Seitenquelltext anzeigen“ (bei Chrome) klickst – HTML und ggfs. eingebundene Javascript-Schnipsel.
    Das nur als kurze Erklärung (und sicher nicht vollständig).

    Hallo
    ich glaub die „Sticky“ Fixierung ist einfach per position: fixed; gemacht.

    Ansonsten, such Dir ein Theme, das eine oder mehrere Sidebars hat (Theme -> hinzufügen, nach Funktionen filtern, Layout -> gewünschte Spaltenanzahl anhaken)
    Ah, sehe grade, du willst dein Theme nicht ändern. Hm, naja, wenn dieses bloß einspaltig ist, dann sollte da der Inhalt halt Platz für das Menü lassen.

    Schwieriger ist da schon, ein Menü (Plugin) zu finden, welches noch eher klassische Buttons in der Sidebar zeigt. Heute hat ja fast jeder so Flachdesign mit horizontalen Navis uo. faustgroßen Klickflächen.

    Aber es gibt noch klassische, vertikale Buttonleisten, wie hier zb. http://www.fotorauw.at/. Dahinter steckt das Plugin https://de.wordpress.org/plugins/accordeon-menu-ck/, wenn ich mich nicht irre.
    Das lässt sich natürlich auch moderner stylen. Und sicher auch per position: fixed; gegen das wegscrollen verankern.

    Aber Obacht: Fixierte Elemente können uU. irgendwann während des Scrollens mal auch wichtige Inhalte überdecken. Vor allem bei kleineren Bildschirmen. Da sollte man rechtzeitig eine CSS Viewport Abfrage einbauen und bevor es stört, das Menü zu einem Hamburger Menü machen. Oder so.

    Mach bei der Restaurantsite den Browser mal auf etwa 700px, dann stört das schon. Dh. die schalten (zmdst. beim Menü) zu spät auf eine responsives, Handytaugliches Design.

    Noch ein Menü Plugin Tipp:

    UberMenu Responsive Mega Menu“ und dessen Erweiterung „UberMenu Sticky Extension“ (die vorhin erwähnte Fixierung) scheinen einiges zu können.
    Evtl. kann man die auch in eine Sidebar als vertikale Navi einbauen?

    Thread-Starter tassilohse

    (@tassilohse)

    @pezi Danke für deine ausführliche Antwort. Ich werde erstmal alles ausprobieren, was du gesagt hast. Vielleicht bringt mich das weiter!

    Noch eine Frage hätte ich:

    Wie bekomme ich es hin s. HP https://www.sweetgreen.com/menu/#make-your-own mein Bild ganz an die Seitenränder zu bekommen? Ich habe jedes mal einen weißen Rand abstand von ein paar cm. Ich möchte aber gerne ein längliches Bild links und rechts bis an die Seitenränder.

    Danke!

    Das ist ohne Kenntnis deines Themes, bzw. dessen Einstellmöglichkeiten schwer zu sagen. Dein Theme könnte durchaus die Option bieten, zB. das Headerbild über die komplette Breite zu zeigen. Ohne Rand. Jedenfalls können viele Themes das. (Du meinst ja das Headerbild, oder?)

    Bei dem Beispiel ist das ein wenig anders, hier sah ich ja (außer dem Headerbild) noch mehrere Bilder in voller Breite. Wie die das machen? Keine Ahnung. Kenne deren Theme ja auch nicht wirklich. Das kann vielleicht auch mit 3 Klicks einstellbar sein.

    Wenn nicht, sollte man sich mit CSS auskennen. Viele Themes bieten zB. eine einfache Möglichkeit, eigenen CSS Code im Theme, in dessen Einstellungen zu hinterlegen. Oder man erstellt ein Child-Theme (sowiso immer zu empfehlen) u. passt dessen CSS an.

    Oder die Sache mit randlosen Bildern könnte auch eine Sache des (Start)Seiten-Templates sein. Dh. die darstellende Seite (zb. die „Startseite“) kann die dort gezeigten Artikel in voller Breite darstellen. Oder auch nicht, man kann oft mit einem Klick ein anderes Template für die gleichen Inhalte wählen und schon schaut alles anders aus. Und hat noch immer das selbe Theme …

    WP und dessen Themes bieten unglaublich viel Design-Möglichkeiten. Und wem das nicht reicht, schraubt halt selbst am (Child)-Theme herum.

    Als Helfer sollte man halt wissen, welches Theme ist gemeint.
    Leider kann ich aber auch dann noch nicht soviel helfen, ich bin eigentlich ewiger Laie … Hier gibts aber echt Profis, für die ist das „Problem“ in Minuten gelöst, während ich hier Romane schreibe …

    Thread-Starter tassilohse

    (@tassilohse)

    danke für deine Antwort 🙂

    Ich benutze AVADA. Ja es ist auch nicht so, als hätte ich nicht gegoogelt und viel nach Möglichkeiten gesucht bevor ich das Forum besucht habe. Ich finde es schwer alles nach seinen Vorstellungen einzustellen.

    Genau so möchte ich das auch haben. Bilder in voller Breite und dann Text.. Und dann wieder ein Bild.
    Ich denke, dass das Unternehmen Sweetgreen mehr Geld in die Hand genommen hat um die HP zu gestalten. Sie besitzen immerhin mehrere Restaurants in den USA 😉

    Ich denke es sollte bei AVADA doch die Möglichkeit geben ein Bild bis an den Seitenrand zu bekommen. Ich kenne mich halt auch null aus damit um selbst einen Code Block zu schreiben.

    Hallo @tassilohse,
    da es sich ja um bezahltes theme handelt, wird es schwierig, Dir zu helfen. Ich besitze das Theme Avada nicht und da Du für die Lizenz gezahlt hast, solltest Du den Support von Avada in Anspruch nehmen.

    Außerdem sollte dem Download-Paket eine Dokumentation beiliegen. Hast du die schon durchstöbert?

    Hier ist die Online-Dokumentation:
    https://theme-fusion.com/documentation/avada/

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)
  • Das Thema „Sidebar / Navi“ ist für neue Antworten geschlossen.