Auf meinem Blog http://www.breitengrad66.de habe ich ein Suchfeld per Widget in die rechte Sidebar eingebunden. Soweit ist alles unkompliziert. Ich hätte das Suchfeld jetzt aber gerne ein Stückchen höher im darüberliegenden Menü. Ist das irgendwie machbar?
Suchfeld im Menü möglich?
-
-
- Gerade eben
- 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)
-
Wenn ich das richtig sehe, hat das Theme die Möglichkeit ein "Suchfeld" oberhalb des Banner zu platzieren. Das könnte man per CSS dann nach unter "verschieben". Sonst bleibt da nur die Möglichkeit die Datei mit dem Menü entsprechend anzupassen und dann in ein Child Theme legen, damit die Änderung nicht bei jedem Update gelöscht wird.
-
Das klingt recht kompliziert, oder? Gibt es keine einfachere Lösung, um ein Suchfeld direkt hinter den Eintrag "Kontakt" im Menü zu bekommen?
-
Wenn das ausgewählte Theme das nicht von Hause aus kann eher nicht, sorry.
-
Ich habe mal nachgeschaut. In meinem Theme lässt sich nirgendwo ein Suchfeld anlegen
-
Hat sonst jemand eine Idee?
-
Das geht dann nur mit Anpassung der header.php
Suche nach:
<nav id="site-navigation" class="main-navigation" role="navigation">
<div class="row <?php echo of_get_option('sc_container_width'); ?>">
<button class="menu-toggle"><?php _e('Primary Menu', 'avenue'); ?></button>
<a class="skip-link screen-reader-text" href="#content"><?php _e('Skip to content', 'avenue'); ?></a>
<?php wp_nav_menu(array('theme_location' => 'primary')); ?>
Das fügst du dann hinzu:
<!-- Suchfeld rechts neben dem Menü -->
<form role="search" method="get" class="search-form" action="<?php echo home_url('/'); ?>">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Suche …" value="" name="s" title="Search for:" />
</label>
</form>
<!-- Ende Suchfeld -->Am Ende müsste dann noch folgendes stehen:
</div>
</nav><!-- #site-navigation -->
</header><!-- #masthead -->Wenn ich jetzt das richtige Theme (Avenue) gewählt habe sollte es funktionieren :lol:
-
Danke, nach einer solchen Lösung habe ich gesucht. Allerdings gibt es die Zeilen, nach denen ich suchen soll in meiner header.php nicht. bei mir sieht diese so aus:
PHP<!-- BEGIN WRAPPER-CONTENT --> <div id="wrapper-content"> <!-- BEGIN HEADER --> <div id="header"> <!-- BEGIN HEADER-MIDDLE --> <div id="header-middle"> <div id="logo"> <?php if(get_option('pyre_logo')) { $logo = get_option('pyre_logo'); } else { if(get_option('pyre_skins')) { $color = explode('_', get_option('pyre_skins')); $logo = get_bloginfo('template_directory') . '/css/skins/images/' . $color[1] . '_logo.png'; } else { $logo = get_bloginfo('template_directory') . '/images/logo4.png'; } } ?> <a href='<?php bloginfo('wpurl'); ?>'><img src="<?php echo $logo; ?>" alt="<?php bloginfo('name'); ?>" /></a> </div> <?php if(get_option('pyre_header_banner')): ?> <div id="header-banner"> <?php echo get_option('pyre_header_banner'); ?> </div> <?php endif; ?> </div> <!-- END HEADER-MIDDLE --> <!-- BEGIN WRAPPER-NAVIGATION --> <div id="wrapper-navigation"> <div id="navigation"> <?php wp_nav_menu(array('theme_location' => 'mainNav', 'depth' => 3)); ?> </div> </div> <!-- END WRAPPER-NAVIGATION --> </div> <!-- END HEADER --> -
Kann niemand helfen?
-
Dann probiere das einmal damit:
<!-- BEGIN WRAPPER-NAVIGATION -->
<div id="wrapper-navigation">
<div id="navigation"> <?php wp_nav_menu(array('theme_location' => 'mainNav', 'depth' => 3)); ?>
<!-- Suchfeld rechts neben dem Menü --><form role="search" method="get" class="search-form" action="<?php echo home_url('/'); ?>">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Suche …" value="" name="s" title="Search for:" />
</label>
</form><!-- Ende Suchfeld -->
</div>
</div>
<!-- END WRAPPER-NAVIGATION -->
</div>
<!-- END HEADER -->Die Zeile: <!-- BEGIN WRAPPER-NAVIGATION --> suchen und ab da den Code ersetzen.
-
Danke! Das funktioniert. Habe es jetzt dort auch eingebaut. Es bleibt allerdings ein kleines Problem: Das Suchfeld hängt jetzt links oben direkt in der Ecke hinter dem letzten Menüeintrag. Wie bringe ich das optisch ansprechend auf die gleiche Höhe und evtl rechts ausgerichtet zu den vorherigen Einträgen im Menü?
-
Das kannst du jetzt mit CSS Regeln an die gewünschte Stelle schieben. Mir fehlt jedoch in den nächsten Tagen die Zeit für "Kostenlose" Arbeiten ;-)
Gruß Benno (http://www.bilderundmehr.eu)
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!