Suchfeld im Header-Menü auf die rechte Seite

ChaosZarth

Hi Forum,

ich möchte das Suchfeld in das Header-Menü integrieren und zwar rechtsbündig. Wie ich dieses dann rechtsbündig bekomme ist nicht so sehr mein Problem, aber wie ich es überhaupt in die Menüzeile bekomme schon.

In meinem Childtheme vom Parenttheme twentytwelve habe ich eine Datei searchform.php erstellt, die ich mittels des Hooks get_search_form() in die header.php einzubinden versucht habe. Aber egal wo ich den Hook eingefügt habe, er kam entweder über der Menüzeile oder darunter.

Dann habe ich gelesen, man könnte einfach

PHP

add_filter('wp_nav_menu_items','search_box_function');  function search_box_function ($nav){  return $nav."<li class='menu-header-search'><form action='http://dev.npire.de/' id='searchform' method='get'><input type='text' name='s' id='s' placeholder='Search'></form></li>";}

in die functions.php einfügen. Dieser Code fügt mir das Suchfeld aber in die Sidebar, wo ich das Suchwidget zu Anfang rausgelöscht hatte, das ist also auch keine Lösung.

Im Moment weiß ich nicht mehr weiter und hoffe auf eure Hilfe.

Benutzte WP-Version: 3.5.1
Theme: Twentytwelve mit Childtheme
Plugins: Better WP Security, Antispam Bee
zu finden auf: http://dev.npire.de/

P.S.: findet die Wordpress-Suche nun eigentlich auch etwas in Kommentaren und so weiter, meine Texte die ich über Custom Template erstellt habe werden nämlich gefunden

Werbepost

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

maxe

Zitat

Wie ich dieses dann rechtsbündig bekomme ist nicht so sehr mein Problem ...

Füge die Suche vor der Nav ein und floate sie right:

PHP

<div class="alignright"><?php get_search_form(); ?></div>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu-header') ); ?>

ChaosZarth

OK, hab ich gemacht und nachdem ich die Zeile

PHP

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu') );  ?>

in

PHP

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu-header') ); ?>

geändert hatte, waren oder sind auch alle Menüpunkte in einer Zeile, scherzeshalber (ahnungsloserweise) habe ich dann mal versucht dieser Zeile ein <div class="allignleft"></div> zu verpassen, hat aber nicht geklappt.

Mein Code sieht nun folgendermaßen aus:

PHP

<body <?php body_class(); ?>><div id="page" class="hfeed site">	<header id="masthead" class="site-header" role="banner">		<hgroup>			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>		</hgroup>
                                                    		<nav id="site-navigation" class="main-navigation" role="navigation">			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>			<div class="alignright"><?php get_search_form(); ?></div>                        <div cladd="alignleft"><?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu-header') ); ?></div>		</nav><!-- #site-navigation -->
		<?php $header_image = get_header_image();		if ( ! empty( $header_image ) ) : ?>			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>		<?php endif; ?>	</header><!-- #masthead -->
	<div id="main" class="wrapper">

Wie bekomme ich nun den rest der Menüzeile linksbündig?

ChaosZarth

Huch, ich hatte versehentlich statt class="alignleft" cladd="alignleft" eingegeben.

Geändert...Nun funktionierts. Danke Maxe

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Suchfeld im Header-Menü auf die rechte Seite

Jetzt mitmachen!