Menü Footer - Theme Twenty Twelve

  • Liebe Forum-Mitglieder!

    Ich brauche dringend Eure professionelle Hilfe!

    Ich verwende das Theme TwentyTwelve und möchte gerne diese in der (originale theme) footer.php vorhande Zeile so abändern, dass in diesem Bereich mein Impressum- und Kontaktseiten und noch zwei weitere Seiten verlinkt stehen:

    <div class="site-info">
    <?php do_action( 'twentytwelve_credits' ); ?>
    <a href="<?php echo esc_url( __( 'http://name/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'name', 'twentytwelve' ), 'WordPress' ); ?></a>
    </div><!-- .site-info -->

    Wie muss das richtig Aussehen?

    (Habe zwei Tage lang IT durchforstet, viele Ansätze und Webseiten gefunden, ausprobiert. Nichts funktionierte so wie ich es haben möchte, Plugins schon gar nicht).

    Mittlerweile hab ich mir auch ein Child Theme angelegt. Darin befindet sich die footer.php, function.php und styles.php - sollte ich diese doch dafür brauchen.


    Vielen lieben Dank für Eure Unterstützung,
    herzlichst grüßend,
    Sil

    • 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

  • Hallo Silvie,

    es gibt zwei Wege das umzusetzen:

    1. Die Quick and Dirty Methode, die zwar funktioniert, aber nicht empfehlenswert ist.
    Du kopierst einfach den vorhandenen Link und änderst ihn für dich ab, so wie hier:

    PHP
    <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?></a>
    			
    <a href="<?php echo esc_url( __( 'http://google.com/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Das ist Google', 'twentytwelve' ); ?>"><?php printf( __( 'Hier gehts zu google', 'twentytwelve' ), 'Google' ); ?></a>

    -------

    2. Die bessere Methode ist ein Menü für den Footer zu erstellen.

    Das gehört in die functions.php deines Child-Themes:

    PHP
    <?php register_nav_menu( 'footer', __( 'Footer Menu', 'twentytwelve' ) ); ?>

    Das gehört in die footer.php:

    PHP
    <?php wp_nav_menu( array( 'theme_location' =>'footer', 'depth' => 1) ); ?>

    Noch ein bisschen CSS für die style.css:

    Code
    .menu-footer-container li {
    	display: inline;
    	padding-left: 10px;
    }

    Dann gehtst du einfach in dein Administrationsinterface, unter Design -> Menüs,
    kickst auf den (+) Tab rechts und erstellst ein neues Menü. Dieses ordnest du deinem neuen Footer-Container zu, so wie auf den Screenshot hier:
    http://d.pr/i/1R7z

    Cheers

  • Hallo Sil,

    du brauchst einfach nur in der footer.php einen weiteren Link einzufügen. Das kann so aussehen

    PHP
    <a href="<?php echo esc_url( __( 'http://name/', 'twentytwelve' )  ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing  Platform', 'twentytwelve' ); ?>"><?php printf( __( 'name',  'twentytwelve' ), 'WordPress' ); ?></a>
    &nbsp; &nbsp; &nbsp;
    <a href="http://www.deine-seite.tld/impressum">Impressum</a>
    </div><!-- .site-info -->

    Die vorletzte Zeile ist der Link, die Zeile davor sind ein paar Leerzeichen, die machen etwas Abstand.
    So geht es schnell und problemlos.

    Ein Childtheme anzulegen ist eine prima Idee.

  • COOOL LEUTE ! DANKE!
    Es funktioniert!
    Dachte schon mir schreibt hier niemand !:cry:

    Und weil es grad so uuurrschön ist, bitte noch eine Frage (für einen Anfänger mausere ich mich doch langsam :))
    Wie ändere ich die Schrift-und auch hover Farbe vom Titel des Twentytwelve(Child)Theme....

    Big Hugs!!!
    SO MACHT WP SPASS!

  • Lieber Gerd!
    Eine Frage noch bitte, doch zunächst, Dein Code funktioniert perfekt!
    Im TwentyTwelve Theme ist er genau dort positioniert, wo er sein soll. In meinem Child Theme ist er etwas weiter unten innerhalb des ersten frames. Nun meine Frage, wie kann ich das so ändern, dass der Link auch im Child Theme so positioniert ist und was muss ich noch ergänzen wenn ich einen zweiten oder dritten Link im Footer haben möchte.
    Tausend Dank im Voraus, herzlichst,
    Silvie

  • Ich habe jetzt das Childtheme freigeschaltet, ich kanns aber nicht lang Online lassen, die Inhalte sind noch nicht fertig :)
    Toll, dass Du mir hilfst!

  • Dezanjo, thx, soweit hab ich mich auch schon nach vorne gerobbt :-), gehts a bissl genauer :-)? wie lautet der code eintrag, der den text in der zeile bezeichnet, damit ich weiß wo, also in welcher zeile ich die farbe ändern kann?

  • Genau danach wollte ich auch schauen, jetzt ist aber nur coming soon zu sehen.

    Dezanjo: Weil es schnell und problemlos gehen soll ;-)

    Hallo Gerd,
    sorry, ich hatte eine Erkältung. S
    obald Du wieder da bist, schalte ich Dir die Seite frei.
    Glg, Sil

  • Hi Gerd, schön, dass Du da bist. Die Seite ist jetzt on geschaltet. Ich bin ein wenig weitergekommen. Aktuell möchte ich gerne im Footer, wo ich jetzt drei Spalten habe, vier Spalten. Deine Fusszeile hätte ich gerne unter meiner Trennlinie, die nach den drei Spalten im Footer liegt.

    Was ich auch nicht finden konnte ist, wo ich die Schriftgröße einheitlich verkleinern kann und auch die Schriftfarbe hätte ich gern einheitlich.

    ich kopier dir hier mal meine footer.php
    <?php
    /**
    * The template for displaying the footer.
    *
    * Contains footer content and the closing of the
    * #main and #page div elements.
    *
    * @package WordPress
    * @subpackage Twenty_Twelve
    * @since Twenty Twelve 1.0
    */
    ?>
    </div><!-- #main .wrapper -->
    <footer id="colophon" role="contentinfo">
    <div class="site-info">
    </div><!-- .site-info -->
    </footer><!-- #colophon -->
    <div id="footerwidgets">
    <div id="footer-left">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar') ||
    !dynamic_sidebar('Footer Widgets Left') ) : ?> <li> <?php endif; ?>
    </ul>
    </div>
    <div id="footer-middle">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar') ||
    !dynamic_sidebar('Footer Widgets Center') ) : ?> <li> <?php endif; ?>
    </ul>
    </div>
    <div id="footer-right">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar') ||
    !dynamic_sidebar('Footer Widgets Right') ) : ?> <li> <?php endif; ?>
    </ul>
    </div>
    </div>
    <br />
    <br clear="all">
    <footer id="colophon" role="contentinfo">
    <div class="site-info">
    </div><!-- .site-info -->
    </footer><!-- #colophon -->
    </div><!-- #page -->
    <?php wp_footer(); ?>
    <a href="<?php echo esc_url( __( 'http://www.gross-artig.at/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'name', 'twentytwelve' ), 'WordPress' ); ?></a>
    &nbsp;
    <a href="http://www.gross-artig.at/impressum">Impressum</a>
    </div><!-- .site-info -->
    </body>
    </html>

    style.css
    /*
    * Theme Name: TwentyTwelveChild
    * Theme URI: http://www.gross-artig.at
    * Description: Child theme for the Twenty Twelve theme
    * Author: Silvie Gross
    * Template: twentytwelve
    * Version: 0.1.0
    * */
    @import url("../twentytwelve/style.css");
    }
    .widget-area .widget h3 {
    margin-bottom:0;
    }
    #footerwidgets {
    width:100%;
    }
    #footerwidgets p {
    padding-bottom: .5em;
    }
    #footerwidgets li, #footerwidgets p {
    padding-bottom: .5em;
    font-size:80%;
    line-height:1.1em;
    }
    #footer-left {
    width:30%;
    float:left;
    padding-right:2.5%;
    }
    #footer-middle {
    width:30%;
    float:left;
    padding-left:2.5%;
    padding-right: 2.5%;
    }
    #footer-right {
    width:30%;
    float:right;
    padding-left:2.5%;
    }
    .site-content article {
    border-bottom:none;
    }
    Media only screen
    and (max-width:481px) {
    #footer-right, #footer-middle, #footer-left {
    float:none;
    padding-left:0;
    padding-right:0;
    padding-top:1em;
    width:100%;
    }
    }
    .the-social-link {
    text-align:center;
    }
    .the-social-link img {
    padding:5px;
    }
    }
    #supplementary {
    border-top: none;
    padding: 1.625em 7.6%;
    overflow: hidden;
    }
    /* QTranslate */
    .qtrans_language_chooser { list-style-type:none;
    float:right;
    }
    .qtrans_language_chooser li { float:left; margin-right:10px }
    .qtrans_flag { border:1px solid #b6b6b6 }

    function.php
    <?php
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Footer Widgets Left',
    'id' => 'left-footer',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>'
    ));
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Footer Widgets Center',
    'id' => 'center-footer',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>'
    ));
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Footer Widgets Right',
    'id' => 'right-footer',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>'
    ));
    ?>

    Natürlich alles aus meinem Childtheme. Ich bräuchte nur den Absatz in der function kopieren, allerdings weiß ich nicht, wie ich die Spalten definieren muss, damit sie alle vier schön im gleichen Abstand voneinander getrennt stehen.


    Vielen lieben Dank!

  • hallo silvie, dass macht keinen sinn

    <footer id="colophon" role="contentinfo">
    <div class="site-info">
    </div><!-- .site-info -->
    </footer><!-- #colophon -->
    <div id="footerwidgets">
    <div id="footer-left">

    bitte sende mir mal einen link wo ich genauer schauen kann, danke.

  • Hallo Dezanjo, ja das glaub ich Dir gerne, dass es keinen Sinn für Dich macht :oops:. Ansehen kannst Du Dir das Ganze hier:
    http://www.gross-artig.at, sag mir einfach wenn Du online bist, dann schalte ich die Seite frei.

  • Hallo Blooming,
    ich hab das Zigmal probiert, bei mir funktioniert das nicht!
    Bei mir taucht einfach unter Anordnung des Theme das zweite Menü nicht auf.

Jetzt mitmachen!

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