È possibile creare un tour Wordpress? V3.3.1


9

Di recente ho aggiornato alla versione 3.3.1 e ho notato una bella funzionalità che sarebbe ottima per i nostri clienti esperti non Wordpress: creare un tour su come usare Wordpress.

Ho usato il plug-in Yoast SEO per molto tempo e hanno aggiunto una funzione di tour, che quando fai clic sui pulsanti successivi passa attraverso le varie funzionalità (vedi screenshot):

inserisci qui la descrizione dell'immagine

È possibile creare un tour personalizzato di Wordpress su come aggiungere pagine, post, ecc. E creare il nostro contenuto di aiuto per seguirlo.

Ho un set standard di plug-in che tendo a usare, quindi il tour (se possibile) dovrebbe saltare attraverso l'installazione standard di Wordpress e tutti i diversi plug-in.

AGGIORNARE:

Ho esplorato il Web e ho trovato il seguente codice. Questo creerà un puntatore unico in cui puoi inserire contenuti personalizzati. Gli unici problemi sono che il popup appare ad ogni ricarica anche quando viene respinto (c'è un modo per migliorare l'usabilità di questo?) Ed è anche una finestra una tantum piuttosto che un tour.

Usa Firebug per trovare il div a cui vuoi collegare il puntatore.

/*
    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
}

Risposte:



4

L'API dei puntatori di WordPress è solo per uso principale, alcune cose potrebbero essere cambiate nell'API e ciò può causare la rottura del sito del plugin o errori. Dovresti evitare di usarlo fino a quando l'API non sarà standardizzata e pronta per l'uso di plugin / temi.

Konstantin Kovshenin ha scritto un ottimo post introduttivo su Pointers, che potresti trovare interessante da leggere. Presentazione dei puntatori in WordPress 3.3


2

Mark Jarquith ha scritto un plugin, chiamato WP-Help .

Dalla sua descrizione:

Gli amministratori possono creare documentazione dettagliata e gerarchica per gli autori e gli editori del sito, visualizzabile nell'amministratore di WordPress. Grazie ai tipi di posta personalizzati, avrai tutta la potenza di WordPress per creare, modificare e organizzare la tua documentazione. Perfetto per siti di clienti personalizzati. Non inviare mai un'altra e-mail "ecco come usare il tuo sito"!

Combinalo con un servizio come screenr o alcuni tutorial tutorial su YouTube WP, puoi offrire ai tuoi utenti una guida e un tour facili.


1

Fai un'opzione add_option()con un bool (falso). All'inizio se l'opzione è falsa, mostra il tour. E alla fine del tour imposta l'opzione su true, quindi non verrà più visualizzata.

Se possibile, impostare un evento ajax quando si fa clic su Ignora per impostare l'opzione su false.

Fammi sapere se riesci a farlo funzionare (o no)

puntatori:


Grazie Jan, non saprei da dove cominciare! Qualche possibilità di un esempio di codice?
Rob,

@Rob ha aggiunto i puntatori che puoi usare, non ho un codice pronto
gennaio
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.