Icon als "Home" ...

  • Hallo,

    ich brauche eure Hilfe. Hat jemand einen Tipp für mich wie das bei einem Menü die Startseite nicht als Name schreibe sondern stattdessen ein Icon (Haus) machen kann? Denn ich muss ja bei WP in den Einstellungen festlegen der Startseite (wenn ich kein Blog haben möchte). Also müsste ich die Startseite bzw. Home dann als Icon und nicht als Wort.

    Eigentlich ginge es ja so:

    <div class="menu" id="home"><span>HOME</span></div>
    .menu span { visibility:hidden}
    #home{ witdht, height, background-image....}

    Aber wie kann ich das mit WP auch verbinden?

    • 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

  • suche in deiner header.php einfach diese Zeile (vielleicht auch nur eine ähnliche) <?php wp_nav_menu( array('menu' => 'Name des Menüs' )); ?>, erstelle dann ein eigenes Menü (ohne den Home Link darin) in Wordpress und trage den Namen dort ein.

    Danach kannst du dann einfach in der header.php mittels html das Bild hinzufügen. Zu deinem Code musst du jedoch noch einen <a> tag hinzufügen.

    Hier mal ein Beispiel Code:

    HTML
    <div id="home_icon">
    <a href="<?php bloginfo( 'url' ); ?>">
    <img src="<?php bloginfo( 'template_directory' ); ?>/images/bildname.png" width"xx" height"xx"/>
    </a>
    </div>
  • Vielen Dank für deine Antwort.

    Ich habe in meiner header.php folgendes zum Menü:

    PHP
    <?php 
                echo theme_get_menu(array(
                        'source' => theme_get_option('theme_menu_source'),
                        'depth' => theme_get_option('theme_menu_depth'),
                        'menu' => 'primary-menu',
                        'class' => 'art-hmenu'    
                    )
                );
            ?>

    wenn ich mir jetzt ein neues Menü im WP erstelle kann ich das dann zum Beispiel so machen:
    'menu' => 'menu1','primary-menu',
    ?

  • Ich vermute, dass wenn du im wp ein Menü erstellst auf der linken Seite ein Kasten ist in dem du das primäre Menü festlegen kannst. Wenn das so ist könntest du diesen Code so lassen und nur zusätzlich den HTML Code für den Home Button einfügen.

  • richtig ... im primary-menu sind alle Seiten meiner Navi enthalten. Aber woher weiß dann WP unter Einstellungen das die Startseite die sein soll mit dem Icon?

  • in dem primary-menu entfernst du dann den Home-Link, für Wordpress ist es dann einfach nur eine Seite die nicht im Menü auftaucht. Den Link fügst du mit dem HTML dann ja manuell ein.

  • Ahja ... okay. Vielen Dank für dein Support. Ich habe dir hier mal die Ansicht vom primary-menu angefügt, da habe ich leider keine Möglichkeit den Link zu entfernen. Das kann ich nur direkt dann in der Seite machen .. oder meintest du das?

    Sorry das ich so viel Frage, ich bastel viel selber mit WP rum etc. aber dies jetzt ist neu bzw. mache ich zum ersten Mal :)

  • Edit: Ich habe aus dem angelegten primary-menu "Home" entfernt. Home ist aber weiterhin als Startseite festgelegt wird ja momentan nur nicht gezeigt weil ich das im Menü so festgelegt habe.

    Es hat geklappt. Danke.

    Einmal editiert, zuletzt von Flic (15. August 2012 um 08:28)

Jetzt mitmachen!

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