Discussion :

[Lunesti]

Bonjour,

dans le cadre d'un test je dois implémenter un plugin wordpress permettant d'avoir dans le back office un menu "Analytics" permettant d'ajouter sur le front un code de tracking script/js qui se placera soit dans le header soit dans le footer selon un selecteur.

Je vous montre l'image pour voir à quoi ça ressemble :



J'ai jusqu'à présent réussi à implémenter le menu et son contenu :



wp-content/themes/customizr-enfant/function.php

PHP

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
add_action('admin_menu', 'my_analytics');
function my_analytics()
{
  add_menu_page('Analytics', 'Analytics', 'administrator', 'analytics.php', '', 'images/generic.png', 50);
}

wp-admin/analytics.php

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
21
22
23
24
25
26
27
<?php
require_once('admin.php');
include_once('./admin-header.php'); ?>
<div class="wrap nosubsub">
    <?php screen_icon('edit'); ?>
    <h2><?php echo esc_html($title); ?></h2>
    <br />
    <form>
 
        <div>
            <label for="select">Select</label>
            <select>
                <option id="header" value="header">Header</option>
                <option id="footer" value="footer">Footer</option>
            </select>
        </div>
 
        <div>
            <label  for="code">Code</label>
           <textarea  name="code" id="" cols="100" rows="3"></textarea>
        </div>
 
        <button">Click me</button>
    </form>
 
    </>
    <?php include('./admin-footer.php');

Jusque la tout va bien mais maintenant je dois envoyer un code de tracking en choisissant un selecteur. J'ai créé un champ textarea mais comment faire pour que ce champ puisse accepter et lire des balises de scripts ?

Quel action je dois spécifier dans mon formulaire pour traiter les données ?

Aussi, j'ai vu qu'il existait la fonction wp_enqueue_script() mais je ne sais pas si c'est indispensable pour moi içi :s

Je pense qu'il faudra également que j'écrive du javascript pour écrire une condition en fonction du sélecteur choisi. Ou est-ce que j'écris le javascript ? sur le function.php de mon thème enfant, à l'intérieur de la balise <script> ... </script> ?


Merci pour votre aide !

[mathieu]

pour commencer, vous parlez d'extension mais vous placez votre code dans les fichiers du thème.
donc vous cherchez plutot à ajouter un réglage à votre thème ?

[Lunesti]

Bonjour

Enfaite on me demande de créer un plugin wordpress (on ne m'a pas précisé comment, c'est juste un exercice pour un test), donc ma première idée a été d'utiliser un thème . Y a t-il une autre possibilité ?

[mathieu]

les extensions s'occupent de gérer les données alors que les thèmes gèrent l'affichage donc il vaut mieux bien organiser son code dés le début pour ne pas tout mélanger.
si vous voulez créer une extension, regardez ces 2 liens :

https://developer.wordpress.org/plugins/

[Lunesti]

Merci pour la vidéo mais je l'avais déjà visionné, c'est grâce à elle en partie que j'ai pu créer mon menu Analytics.

Donc l'extension est déjà créé (voir screen), c'est à l'étape d'après que je bloque. je ne vois pas comment ajouter un code de tracking script/js ....

[plugin and play]

Hello,

si tu développes une extension, celle-ci doit être placé dans le repertoire wp-content>plugins.

Ensuite, tu peux charger tes scripts Js (a inclure dans le repertoire de ton extension) via wp_enqueue_script().