Notice: wp_add_privacy_policy_content est appelée de la mauvaise manière. The suggested privacy policy content should be added only in wp-admin by using the admin_init (or later) action. Veuillez lire Débogage dans WordPress (en) pour plus d’informations. (Ce message a été ajouté à la version 4.9.7.) in /home/xavierbs/www/_blog/wp-includes/functions.php on line 4161
Navigation par onglets (tabs) - Plugin wordPress - Murviel Info

Navigation par onglets (tabs) – Plugin wordPress

Navigation par onglets (tabs) | wordPress
Navigation par onglets (tabs) dans une page d’options de wordPress

L’utilisation d’onglets dans une interface utilisateur peut aider le développeur à organiser le contenu de façon plus claire en distinguant différentes fonctionnalités d’un plugin ou d’un thème WordPress. Il est très fréquent de devoir gérer de nombreuses options sur la page des réglages.

Il faut pour cela définir :

  • des liens ayant la classe nav-tab (les onglets),
  • des div ayant la classe tabs (à afficher).

Il faut ensuite animer cela avec un script :

La navigation se fait alors sans recharger la page, la barre d’adresse contient l’id de la div à afficher et le bouton submit_button() soumet toutes les options de tous les onglets.

Que l’on aura intégrer à la page d’options :

Et hop, une jolie page d’options avec plein de réglages et une navigation optimisée pour l’utilisateur.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *