Discussion :

[Lebreton35]

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>

[Lebreton35]

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,
                ) );