Est-il possible de créer une visite Wordpress? V3.3.1

9

J'ai récemment mis à niveau vers la version 3.3.1 et j'ai remarqué une fonctionnalité intéressante qui serait formidable pour nos clients non avertis de Wordpress - créant une visite guidée de l'utilisation de Wordpress.

J'ai utilisé le plugin Yoast SEO depuis longtemps et ils ont ajouté une fonctionnalité de visite guidée, qui lorsque vous cliquez sur les boutons suivants, il passe par les différentes fonctionnalités (voir capture d'écran):

entrez la description de l'image ici

Est-il possible de créer une visite personnalisée de Wordpress sur la façon d'ajouter des pages, des articles, etc. et de créer notre propre contenu d'aide pour l'accompagner.

J'ai un ensemble standard de plugins que j'ai tendance à utiliser, donc la visite (si possible) devrait parcourir à la fois la configuration standard de Wordpress ainsi que tous les différents plugins.

MISE À JOUR:

J'ai fouillé sur le Web et trouvé le code suivant. Cela créera un pointeur unique dans lequel vous pouvez mettre du contenu personnalisé. Les seuls problèmes sont que la fenêtre contextuelle apparaît à chaque rechargement même lorsqu'elle est fermée (existe-t-il un moyen d'améliorer la convivialité de cela?) Et c'est également une fenêtre unique plutôt qu'une tournée.

Utilisez simplement Firebug pour trouver le div auquel vous souhaitez attacher le pointeur.

/*
    Display custom WordPress Dashboard Pointers alerts
    Usage: Modify the $pointer_content message to the message you wished displayed
*/
add_action('admin_enqueue_scripts', 'enqueue_custom_admin_scripts');

function enqueue_custom_admin_scripts() {
    wp_enqueue_style('wp-pointer');
    wp_enqueue_script('wp-pointer');
    add_action('admin_print_footer_scripts', 'custom_print_footer_scripts' );
}
function custom_print_footer_scripts() {
    $pointer_content = '<h3>The Works http://www.teamworksdesign.com</h3>';
    $pointer_content .= '<p>Welcome to your custom WordPress installation. Please navigate to the settings page to change your site preferences</p>';
?>
   <script type="text/javascript">
   //<![CDATA[
   jQuery(document).ready( function($) {
    $('#menu-posts-events').pointer({
        content: '<?php echo $pointer_content; ?>',
        position: 'left',
        close: function() {
            // This function is fired when you click the close button
        }
      }).pointer('open');
   });
   //]]>
   </script>
<?php
}
Rob
la source

Réponses:

4

L'API WordPress Pointers est réservée à un usage principal, certaines choses peuvent être modifiées dans l'API et cela peut provoquer des pannes ou des erreurs sur le site de votre plugin. Vous devez éviter d'utiliser alors jusqu'à ce que l'API soit normalisée et prête pour l'utilisation du plugin / thème.

Konstantin Kovshenin a écrit un excellent article d'introduction sur les pointeurs, que vous pourriez trouver intéressant à lire. Présentation des pointeurs dans WordPress 3.3

Mamaduka
la source
2

Mark Jarquith a écrit un plugin, appelé WP-Help .

De sa description:

Les administrateurs peuvent créer une documentation hiérarchique détaillée pour les auteurs et éditeurs du site, consultable dans l'administrateur WordPress. Propulsé par des types de publication personnalisés, vous obtenez toute la puissance de WordPress pour créer, modifier et organiser votre documentation. Parfait pour les sites clients personnalisés. N'envoyez plus jamais d'e-mail "voici comment utiliser votre site"!

Combinez cela avec un service comme screenr ou des didacticiels YouTube WP, vous pouvez apporter un guide et une visite faciles à vos utilisateurs.

kaiser
la source
1

Faites une option add_option()avec un booléen (faux). Au début, si l'option est fausse, affichez la visite. Et à la fin de la tournée, définissez l'option sur true, donc cela ne s'affichera plus.

Si possible, définissez un événement ajax lorsque vous cliquez sur le rejet pour définir l'option sur false.

Faites-moi savoir si vous le lancez (ou non)

pointeurs:

janw
la source
Merci Jan, je ne saurais pas par où commencer! Une chance d'un exemple de code?
Rob
@Rob a ajouté des pointeurs que vous pouvez utiliser, je n'ai pas de code propre prêt
janw