Wordpress Text-Navigationselemente <span>'en

  • Hallo,

    Ich bin gerade dabei ein Theme nach meinen Wünschen anzupassen bzw. neu zu schreiben. Nachdem es das erste ist habe ich auch wenig Erfahrung mit der Materie.

    Nun bin ich bei der Navigation und stecke etwas fest. Ich habe die verschiedenen Navigationselemente nach ihren Klassen verschieden plaziert. Nun möchte ich den Text der in dem Navigationselement liegt verändern, also ein <span> einbauen. Ich möchte den Text dann per position:relative; "verschieben"

    sollte dann ca. so aussehen

    HTML
    <ul>
    <li><a href="#"><span>Titel</span></a></li>

    Gibts dafür iwelche Ideen bzw. kann mir jemand sagen wie ich das erreiche?

    • 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,

    Ich bin gerade dabei ein Theme nach meinen Wünschen anzupassen bzw. neu zu schreiben. Nachdem es das erste ist habe ich auch wenig Erfahrung mit der Materie.

    Nun bin ich bei der Navigation und stecke etwas fest. Ich habe die verschiedenen Navigationselemente nach ihren Klassen verschieden plaziert. Nun möchte ich den Text der in dem Navigationselement liegt verändern, also ein <span> einbauen. Ich möchte den Text dann per position:relative; "verschieben"

    sollte dann ca. so aussehen

    HTML
    <ul>
    <li><a href="#"><span>Titel</span></a></li>

    Gibts dafür iwelche Ideen bzw. kann mir jemand sagen wie ich das erreiche?

    weiß ncht ob ich dich richtig verstanden habe aber du kannst jedem span noch eine klasse geben dann kannst du doch jedes element ansprechen . ?

  • weiß ncht ob ich dich richtig verstanden habe aber du kannst jedem span noch eine klasse geben dann kannst du doch jedes element ansprechen . ?

    Hi,

    ja das ist mir klar. Ich hab das Problem, dass ich kein Span habe und aber gerne eines dort hätte^^ Ich habs momentan mit padding im <a> aber naja das ist halt auch nicht die feine Englische....

  • verstehe, bringt dir das was?

    link_before und link_after sind ganz interessant. das müsstest du da einbauen wo bei dir das menü erstellt wird, schätze mal in der header.php … dann kannst du die spans ansprechen …

  • verstehe, bringt dir das was?


    link_before und link_after sind ganz interessant. das müsstest du da einbauen wo bei dir das menü erstellt wird, schätze mal in der header.php … dann kannst du die spans ansprechen …

    also in der header.php sieht der Code zur erstellung des Menüs so aus:

    HTML
    <li <?php if ( is_home() or is_archive() or is_single() or is_paged() or is_search() or 
        (function_exists('is_tag') and is_tag()) ) { echo 'class="current_page_item"'; } ?>>
        <a href="<?php bloginfo('url'); ?>">Home</a></li><?php wp_list_pages('sort_column=id&depth=1&title_li=&exclude=9,10'); ?>

    danke trotzdem!

  • Den Parameter bei wp_list_pages entsprechend ergänzen sollte auch gehen:

    PHP
    wp_list_pages('sort_column=id&depth=1&title_li=&exclude=9,10&link_before=<span>&link_after=</span>');
  • also in der header.php sieht der Code zur erstellung des Menüs so aus:

    HTML
    <li <?php if ( is_home() or is_archive() or is_single() or is_paged() or is_search() or 
        (function_exists('is_tag') and is_tag()) ) { echo 'class="current_page_item"'; } ?>>
        <a href="<?php bloginfo('url'); ?>">Home</a></li><?php wp_list_pages('sort_column=id&depth=1&title_li=&exclude=9,10'); ?>

    danke trotzdem!

    hmm, okay, probier mal das:

    Zitat

    <li <?php if ( is_home() or is_archive() or is_single() or is_paged() or is_search() or
    (function_exists('is_tag') and is_tag()) ) { echo 'class="current_page_item"'; } ?>>
    <a href="<?php bloginfo('url'); ?>">Home</a></li>
    <?php wp_list_pages('[COLOR=Red]link_before=<span>&link_after=</span>&[/COLOR]sort_column=id&depth=1&title_li=&exclude=9,10'); ?>

  • Den Parameter bei wp_list_pages entsprechend ergänzen sollte auch gehen:

    PHP
    wp_list_pages('sort_column=id&depth=1&title_li=&exclude=9,10&link_before=<span>&link_after=</span>');


    Super jetzt geht's!

    Danke euch beiden für die Tipps!

Jetzt mitmachen!

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