Twentytwelve Menü für iPad schick machen

    Tja, wo so ein Beamter schön Wochenende hat, da müssen wir Freelancer ran...
    Ich habe mich für das Theme Twentytwelve entschieden und möchte das Menü so verändern, dass ich es auf dem iPad auch benutzen kann. Will heißen, die Unterseiten, die zurzeit immer wieder wech sind, sollen stehen bleiben. Irgendwie habe ich gelesen, es hat was mit dem "hover" zu tun, was also kann ich tun, damit alles schick ist?
    Nerdlady.....

    Man kann nicht alles haben - aber man sollte danach streben....

    • 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

    Dazu wirst du eine kleine js Funktion benötigen.
    Besser wäre aber vermutlich, du integrierst gleich ein jquery Plugin welches das Menü im Bezug auf Toucheingaben optimiert.

    Zitat von pixselig

    Dazu wirst du eine kleine js Funktion benötigen.
    Besser wäre aber vermutlich, du integrierst gleich ein jquery Plugin welches das Menü im Bezug auf Toucheingaben optimiert.

    Ah. Ok. Hast du da einen Tipp - pixselig?
    Nerdlady

    Man kann nicht alles haben - aber man sollte danach streben....

    Kurz und bündig: Ubermenu

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Ich habe für das 2014 eine gute Seite gefunden, da wird so einiges erklärt. Wie man das Theme besser für Mobile-Geräte bearbeitet.
    Zwar nicht ganz für 2012, aber vielleicht lässt sich ja die "Slideout Sidebar" auch mit dem 2012 verwenden.

    Zitat von maettu

    Ich habe für das 2014 eine gute Seite gefunden, da wird so einiges erklärt. Wie man das Theme besser für Mobile-Geräte bearbeitet.
    Zwar nicht ganz für 2012, aber vielleicht lässt sich ja die "Slideout Sidebar" auch mit dem 2012 verwenden.

    Und wenn Du jetzt auch noch den Link postest, kann Nerdlady von Deiner Empfehlung auch profitieren.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Hallo Mensmaximus und maettu,

    letztlich habe ich mich für die Ubermenu - Variante entschieden. Ist schon eine schicke Sache.
    Nun soll ich auch noch die header.php bearbeiten und dies einfügen:

    <?php if( function_exists('ubermenu' ) ): ?>
    <?php ubermenu( 'main' , array( 'theme_location' => 'primary' ) ); ?>
    <?php else: ?>

    <?php endif; ?>

    Allerdings mag meine Header das nicht.
    Darf ich noch einmal um Hilfe bitten?

    Nerdlady

    Man kann nicht alles haben - aber man sollte danach streben....

    Du bist immer so schön detailliert in Deinen Aussagen ;-) Was mag Dein Header denn nicht?

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Ich wußte, dir gefällt meine Ausführliche Art! :-)
    Also ich habe diese Header.php

    <?php
    /**
    * The Header template for our theme
    *
    * Displays all of the <head> section and everything up till <div id="main">
    *
    * @package WordPress
    * @subpackage Twenty_Twelve
    * @since Twenty Twelve 1.0
    */
    ?><!DOCTYPE html>
    <!--[if IE 7]>
    <html class="ie ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html class="ie ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 7) | !(IE 8) ]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    <![endif]-->
    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>
    <div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">
    <hgroup>
    <a href="http://www.wunschbraeune.com"><img src="/wp-content/themes/twentytwelve/Images/Header.png"></a>
    </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>
    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    </nav><!-- #site-navigation -->

    <?php echo do_shortcode( '[responsive_slider]' ); ?>

    <?php if ( get_header_image() ) : ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php 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">


    Und nun sagt Ubermenu, ist soll dies hier einfügen:
    <?php if( function_exists('ubermenu' ) ): ?>
    <?php ubermenu( 'main' , array( 'theme_location' => 'primary' ) ); ?>
    <?php else: ?>
    und dann noch:
    <?php endif; ?>

    Tja, und da meine Header.php anders aussieht als deren, weiß ich nun einmal nicht, wo
    ich das alles reinschreiben soll. Dann soll die Header.php noch in das Childtheme.

    So, isses denn nun ausreichend erklärt, was ich mal wieder für ein Problem habe?

    tztztztztztz....manchmal bin ich auch ein Schelm.....

    Man kann nicht alles haben - aber man sollte danach streben....

    Auf http://sevenspark.com/docs/ubermenu-3/integration/manual ist das sehr gut beschrieben.

    Dein Alter Code von <nav id= ....> bis einschließlich </nav> wandert zwischen das else und endif. Vereinfacht ausgedrückt

    PHP
    <?php if( function_exists( 'ubermenu' ) ): ?>
<?php ubermenu( 'main' , array( 'theme_location' => 'primary' ) ); ?>
<?php else: ?>

    fügst Du direkt vor

    Code
    <nav id="site-navigation" class="main-navigation" role="navigation">

    ein und

    PHP
    <?php endif; ?>

    nach dem

    Code
    </nav><!-- #site-navigation -->


    Das Ergebnis sieht dann so aus:

    PHP
    <?php if( function_exists( 'ubermenu' ) ): ?>
<?php ubermenu( 'main' , array( 'theme_location' => 'primary' ) ); ?>
<?php else: ?>
<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>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->
<?php endif; ?>

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Danke Mensmaximus, einfach genial. Alles funktioniert - hätte ich einen roten Teppich,
    ich würd ihn ausrollen und niederknien....
    DANKE....:wink:

    Man kann nicht alles haben - aber man sollte danach streben....

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden