1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Twentytwelve Menü für iPad schick machen

Dieses Thema im Forum "Konfiguration" wurde erstellt von Nerdlady, 30. August 2014.

  1. Nerdlady

    Nerdlady Well-Known Member

    Registriert seit:
    21. April 2014
    Beiträge:
    139
    Zustimmungen:
    1
    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.....
     
    #1 Nerdlady, 30. August 2014
  2. pixselig

    pixselig Well-Known Member

    Registriert seit:
    8. Mai 2012
    Beiträge:
    2.301
    Zustimmungen:
    10
    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.
     
    #2 pixselig, 31. August 2014
  3. Nerdlady

    Nerdlady Well-Known Member

    Registriert seit:
    21. April 2014
    Beiträge:
    139
    Zustimmungen:
    1
    Ah. Ok. Hast du da einen Tipp - pixselig?
    Nerdlady
     
    #3 Nerdlady, 1. September 2014
  4. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    #4 mensmaximus, 1. September 2014
  5. maettu

    maettu Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    64
    Zustimmungen:
    0
    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.
     
    #5 maettu, 1. September 2014
  6. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Und wenn Du jetzt auch noch den Link postest, kann Nerdlady von Deiner Empfehlung auch profitieren.
     
    #6 mensmaximus, 1. September 2014
  7. maettu

    maettu Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    64
    Zustimmungen:
    0
    #7 maettu, 1. September 2014
  8. Nerdlady

    Nerdlady Well-Known Member

    Registriert seit:
    21. April 2014
    Beiträge:
    139
    Zustimmungen:
    1
    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
     
    #8 Nerdlady, 4. September 2014
  9. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Du bist immer so schön detailliert in Deinen Aussagen ;) Was mag Dein Header denn nicht?
     
    #9 mensmaximus, 4. September 2014
  10. Nerdlady

    Nerdlady Well-Known Member

    Registriert seit:
    21. April 2014
    Beiträge:
    139
    Zustimmungen:
    1
    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.....
     
    #10 Nerdlady, 4. September 2014
  11. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    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

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    fügst Du direkt vor

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ein und

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    nach dem

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

    Das Ergebnis sieht dann so aus:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #11 mensmaximus, 5. September 2014
  12. Nerdlady

    Nerdlady Well-Known Member

    Registriert seit:
    21. April 2014
    Beiträge:
    139
    Zustimmungen:
    1
    Danke Mensmaximus, einfach genial. Alles funktioniert - hätte ich einen roten Teppich,
    ich würd ihn ausrollen und niederknien....
    DANKE....:wink:
     
    #12 Nerdlady, 8. September 2014
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden