"Header Widget Area" verschieben

    Hallo,

    ich würde gerne ein Suchfeld im Header (im rechten Bereich unten) platzieren. Leider kam ich mit den bisher im Netz gefunden Anleitungen nicht zurecht :-(
    Nun habe ich probiert die Suche über die Widgets zu platzieren, genauergesagt in die "Header Widget Area". Hat auch geklappt, nur dass das Suchfeld nun links oben angezeigt wird und somit der Schriftzug überdeckt wird.

    Kann man dieses "Header Widget Area" auch an anderer Stelle im Header verschieben? Wenn ja, wie?
    Oder hättet ihr eine andere Idee, wie man am einfachten ein Suchfeld, rechts unten platziert? Wäre super, wenn ihr mir helfen könnt, Danke :)

    • 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)

    Mehr erfahren

    warum schreibst du den Aufruf für die Suche nicht direkt in die header.php:

    Zitat

    <div id="access" role="navigation">
    <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    </div><!-- #access -->
    [COLOR=#ff0000]<?php get_search_form(); ?>[/COLOR]

    In deinem Fall nach dem Aufruf der topnavi. ;)

    danke. Problem ist, dass die Suche in dem header-widget schon klein dargestellt wird. Mit dem Eintrag in den Header (denk für den Tipp ;) ) erscheint diese jetzt zwar an der richtigen Stelle, geht dafür über die komplette Breite.

    Habe nun versucht, in der searchform.php folgenden Eintrag zu ergänzen: name=”s” style=”width: 18%;” ; muss aber gestehen, dass ich den Code auch nur irgendwo im Netz gefunden habe und nicht wirklich weiß, a) ob dieser noch zur aktuellen Wordpress-Version passt und b) korrekt platziert wurde.
    Meine originale searchform.php schaut derzeit folgendermaßen aus:

    <form class="art-search" method="get" name="searchform" action="<?php bloginfo('url'); ?>/">
    <input name="s" type="text" value="<?php echo esc_attr(get_search_query()); ?>" />
    <input class="art-search-button" type="submit" value="<?php echo __('Search', THEME_NS); ?>" />
    </form>

    PHP
    <form class="art-search" method="get" name="searchform" action="<?php bloginfo('url'); ?>/">
<input name="s" type="text" [COLOR="#FF0000"]id="s"[/COLOR] value="<?php echo esc_attr(get_search_query()); ?>" />
<input class="art-search-button" type="submit" value="<?php echo __('Search', THEME_NS); ?>" />
</form>

    das Rote ergänzen und in der style.css mittels "#s {width: ..;}" die Briete des Eingabefelds definieren. Bzw. könnte es reichen, wenn du in der style.css mittels ".art-search {width: ..;}" die Breite der gesamten Suche definierst. Da es sich aber anscheinend um ein Artisteer-erstelltes-Theme handelt kann es auch etwas verzwickter sein - dann hilft am besten wenn du einen Link zu deiner Seite postest.

    Grüsse
    Pixselig

    ups, ist das mit Artisteer tatsächlich so einfach zu erkennen? :roll::lol:
    Das mit der Breite in der style.css zu ändern, hat auf Anhieb funktioniert; Herzlichen Dank!!!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden