1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

WP 6.x Wie aufklappendes Sucheingabefeld?

Dieses Thema im Forum "Design" wurde erstellt von Rezeptesammler, 25. Dezember 2023.

  1. Rezeptesammler

    Rezeptesammler Active Member

    Registriert seit:
    5. Dezember 2012
    Beiträge:
    42
    Zustimmungen:
    1
    Hallo,

    ich benutze das WP-Standarttheme Twenty Twenty-Four (TT4) und suche ein Plugin oder eine Möglichkeit für ein ausklapbares, sich veränderndes Suchfeld in der (Header-)Navigationsleiste: Wenn man auf das Lupensymbol (einem Morphing Icon) klickt, verwandelt es sich in eine Suchleiste in voller Größe. Durch erneutes Klicken auf das „X“ wird es wieder auf eine Lupe verkleinert.

    Hier dazu ein Beispiel (oben rechts):

    https://haurand.com/

    Jedoch es es in dem hier verwendeten Theme „Generatepress“ wohl bereits integriert?


    Im voraus herzlichen Dank.
     
    #1 Rezeptesammler, 25. Dezember 2023
    Zuletzt bearbeitet: 25. Dezember 2023
  2. threadi

    threadi Well-Known Member

    Registriert seit:
    9. Oktober 2020
    Beiträge:
    1.913
    Zustimmungen:
    388
    Ja, diese Funktionalität ist in GeneratePress integriert. Bei TT4 sehe ich keine Option um das zu erreichen. Das müsste man mit einer Eigenentwicklung machen.
     
  3. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    7.283
    Zustimmungen:
    576
    Ich habe mir jetzt nicht angesehen, wie dies hier umgesetzt wurde. Der Webdesigner wird dir dies sicherlich eben einbauen können.

    • Füge einen Event-Listener für das Lupensymbol hinzu, der die Suchleiste ein- und ausblendet, wenn das Symbol angeklickt wird. Du kannst dafür die jQuery-Funktionen toggle oder slideToggle verwenden.
    • Optional kannst du auch einen Event-Listener für die Suchleiste hinzufügen, der die Suchfunktion auslöst, wenn die Eingabetaste gedrückt wird. du kannst dafür die jQuery-Funktion keypress verwenden und die Taste mit event.which überprüfen.

    KI-generierter Code. Überprüfen und sorgfältig verwenden

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  4. Rezeptesammler

    Rezeptesammler Active Member

    Registriert seit:
    5. Dezember 2012
    Beiträge:
    42
    Zustimmungen:
    1
    Selbstantwort:

    Habe es gefunden. Es ist bereits im Gutenbergeditor integriert! Man muss nur im FSE-Block "Suche" entsprechend in den Optionen konfigurieren — siehe
     
    SuMu gefällt das.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden