Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    février 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2019
    Messages : 10
    Points : 6
    Points
    6

    Par défaut Je souhaite customiser la fonction the_posts_pagination en remplaçant prev et next par des images

    Bonjour,

    Je souhaite tout d'abord remercier la réactivité de la communauté pour m'avoir aidé hier à résoudre un problème (sur le même projet).
    Je tente actuellement de customiser la fonction the_posts_navigation de Wordpress car j'aimerais ne laisser apparaitre que "previous" et "next" (que je veux remplacer par des icones de flèche en SVG), auriez-vous une piste pour m'aider?

    Voici un bout du code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    the_posts_navigation( array(
                            'mid_size' => 1,
                            'prev_text' => __( '<<', 'textdomain' ),
                            'next_text' => __( '>>', 'textdomain' ),
                            'prev_next'          => true,
                            'in_same_term'       => true,
                        ) );
    Et voici le bout de code que j'aimerais intégrer à la fonction native "the_posts_navigation" de Wordpress pour remplacer le "previous" et le "next" par des icones en SVG:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <a class="cover--nav-prev" href="<?php echo get_permalink($prevPostID); ?>">
                        <span class="cover--nav-label"><?php _e('Recette précédente', 'marque'); ?></span>
                        <svg class="icon icon-arrow-prev" role="presentation" focusable="false"><use xlink:href="<?php echo get_template_directory_uri(); ?>/images/symbol-defs.svg#icon-arrow-prev"></use></svg>
                    </a>

  2. #2
    Futur Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    février 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2019
    Messages : 10
    Points : 6
    Points
    6

    Par défaut

    Voici un début de réponse pour ceux que cela pourrait aider:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
     
    $prev_label = "<span class='cover--nav-label'>" . _e('Recette précédente', 'marque') . "</span>";
     
                    $prev_arrow = "<svg class='icon icon-arrow-prev' role='presentation' focusable='false'><use xlink:href='" . get_template_directory_uri() . "/images/symbol-defs.svg#icon-arrow-prev'></use></svg>";
     
                    $prev_text = $prev_label . $prev_arrow;
     
     
     
                    $next_label = "<span class='cover--nav-label'>" . _e('Recette suivante', 'marque') . "</span>";
     
                    $next_arrow = "<svg class='icon icon-arrow-next' role='presentation' focusable='false'><use xlink:href='" . get_template_directory_uri() . "/images/symbol-defs.svg#icon-arrow-next'></use></svg>";
     
                    $next_text = $next_label . $next_arrow;
     
                    the_posts_navigation( array(
                    'prev_text' => $prev_text,
                    'next_text' => $next_text,
                    ) );

Discussions similaires

  1. Réponses: 1
    Dernier message: 18/05/2017, 12h29
  2. Réponses: 0
    Dernier message: 24/03/2011, 12h49
  3. Débutant souhaitant tracer une fonction
    Par johannj dans le forum Scilab
    Réponses: 6
    Dernier message: 01/12/2009, 12h24
  4. Réponses: 1
    Dernier message: 24/01/2008, 02h22
  5. Créer des images en fonction de l'url
    Par kevinf dans le forum Fichiers
    Réponses: 16
    Dernier message: 12/08/2006, 20h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo