Änderungen am Design

JacktheSeb

Hallo,

Das Design ist Twenty Twelve und ich würde Gerne ein Paar Sachen Ändern. Die Sachen die ich Ändern möchte habe ich auf der Grafik markiert.

zu 1
wo und wie verringere Ich den Abstand.

zu 2
Ich würde gerne die Suche mit ins Menü nehmen wie stell ich das an? Ich habe schon Probiert in der Header.php die Suche in den Abschnitt vom Menü mit einzubauen jedoch hat dieses nicht Funktioniert.

PHP

<?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; ?>    
        <nav id="site-navigation" class="main-navigation" role="navigation">
            <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
            <div class="skip-link assistive-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a></div>
            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' )); get_search_form();; ?>
        
        </nav><!-- #site-navigation -->

Alles anzeigen

vor dem </nav> in die php Funktion hab ich die Suchform hinzugefügt jedoch wird mit die unter dem Menü angezeigt

Ich danke im Voraus schon mal

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

Domino5702

zu 1: Falls Du FireFox benutzt, installiere die Erweiterung Firebug, mit der lassen sich solche Sachen prima lösen. Will heissen, Du kannst genau auslesen, welche Eigenschaft von welcher CSS-Klasse zu bearbeiten ist. Und, Du kannst es sogar ausprobieren, ohne dass Du die Seite zerschiesst, falls mal etwas nicht richtig eingetragen ist.

zu 2: ich würde es in ein DIV oder SPAN (innerhalb des Menu-Containers) einfassen und dieses rechtsausrichten, also

Code

float:right

JacktheSeb

zu 1: Mit Fierbug kann ich mir nur den Ganzen Header ausgeben lassen, und nicht genau den Teil den ich brauche.

zu 2: das hat nicht geklapt, der erkennt nen Fehler, da das Menü mit einem Arry aufgerufen wird.

Domino5702

zu 1: das ist definitiv nicht richtig, mit Firebug kannst Du jede Einzelheit anschauen

zu 2: kannst Du bitte zeigen, was Du gemacht hast?

JacktheSeb

zu1: ich habe es nun Gefunden ich habe in der Falschen Ansicht geschaut.

zu2: das ist der Betroffene Ausschnitt aus der header.php

PHP

<?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; ?>    
        <nav id="site-navigation" class="main-navigation" role="navigation">
            <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
            <div class="skip-link assistive-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a></div>
            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu')); echo'<div float:right>'.get_search_form().'</div>'; ?>
        
        </nav><!-- #site-navigation -->

Alles anzeigen

SirEctor

Zitat von Domino5702
zu 2: ich würde es in ein DIV oder SPAN (innerhalb des Menu-Containers) einfassen und dieses rechtsausrichten, also
Code
float:right

Hat das nicht funktioniert?

Edit: ich sehe gerade erst, dass Du garnicht weißt wie man float:right setzt bzw. eine class in der css definiert :-(

JacktheSeb

Nein hat nicht funktioniert. Das Suchfeld wurde unter dem Menü zentriert angezeigt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Änderungen am Design

Jetzt mitmachen!