Ist es möglich, eine Wordpress-Tour zu erstellen? V3.3.1

9

Ich habe kürzlich ein Upgrade auf Version 3.3.1 durchgeführt und eine nette Funktion festgestellt, die für unsere nicht mit Wordpress versierten Kunden großartig wäre - eine Tour zur Verwendung von Wordpress zu erstellen.

Ich habe das Yoast SEO-Plugin schon lange verwendet und sie haben eine Tour-Funktion hinzugefügt, die beim Klicken auf die nächsten Schaltflächen die verschiedenen Funktionen durchläuft (siehe Screenshot):

Geben Sie hier die Bildbeschreibung ein

Ist es möglich, eine benutzerdefinierte Tour durch Wordpress zu erstellen, in der erläutert wird, wie Seiten, Beiträge usw. hinzugefügt werden, und dazu eigene Hilfeinhalte zu erstellen?

Ich habe einen Standardsatz von Plugins, die ich normalerweise verwende, sodass die Tour (wenn möglich) sowohl durch das Standard-Wordpress-Setup als auch durch alle verschiedenen Plugins springen muss.

AKTUALISIEREN:

Ich habe mich im Internet umgesehen und den folgenden Code gefunden. Dadurch wird ein einmaliger Zeiger erstellt, in den Sie benutzerdefinierten Inhalt einfügen können. Die einzigen Probleme bestehen darin, dass das Popup bei jedem Neuladen angezeigt wird, auch wenn es geschlossen wird (gibt es eine Möglichkeit, die Benutzerfreundlichkeit zu verbessern?), Und es ist auch ein einmaliges Fenster eher als eine Tour.

Verwenden Sie einfach Firebug, um das Div zu finden, an das Sie den Zeiger anhängen möchten.

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

Antworten:

5

Wenn Sie sich dieses Plugin ansehen, das ich als Demonstration zur Verwendung von Zeigern geschrieben habe, werden Sie sehen, wie Sie sie erstellen und korrekt schließen können:

https://github.com/Tarendai/WP-Pointer-Pointers

Dieses Plugin erstellt 'Zeigerzeiger':

Geben Sie hier die Bildbeschreibung ein

Tom J Nowell
quelle
4

Die WordPress Pointers-API ist nur für den Kerngebrauch vorgesehen. Einige Änderungen in der API können dazu führen, dass Ihre Plugin-Site beschädigt wird oder Fehler auftreten. Sie sollten die Verwendung dann vermeiden, bis die API standardisiert und für die Verwendung mit Plugins / Themes bereit ist.

Konstantin Kovshenin hat einen großartigen Einführungsbeitrag über Zeiger geschrieben, den Sie vielleicht interessant finden. Einführung in Zeiger in WordPress 3.3

Mamaduka
quelle
2

Mark Jarquith hat ein Plugin namens WP-Help geschrieben .

Aus der Beschreibung:

Administratoren können detaillierte, hierarchische Dokumentationen für die Autoren und Redakteure der Site erstellen, die im WordPress-Administrator angezeigt werden. Mit benutzerdefinierten Beitragstypen erhalten Sie die gesamte Leistung von WordPress, um Ihre Dokumentation zu erstellen, zu bearbeiten und anzuordnen. Perfekt für maßgeschneiderte Kundenstandorte. Senden Sie nie wieder eine E-Mail mit dem Titel "So verwenden Sie Ihre Website"!

Kombinieren Sie dies mit einem Dienst wie screenr oder einigen YouTube WP-Anleitungen, um Ihren Benutzern eine einfache Anleitung und Tour zu bieten.

Kaiser
quelle
1

Machen Sie eine Option add_option()mit einem Bool (false). Wenn die Option falsch ist, zeigen Sie zu Beginn die Tour an. Und am Ende der Tour setzen Sie die Option auf true, damit sie nicht wieder angezeigt wird.

Wenn möglich, setzen Sie ein Ajax-Ereignis, wenn Sie auf das Entlassen klicken, um die Option auf false zu setzen.

Lassen Sie mich wissen, ob Sie es zum Laufen bringen (oder nicht)

Zeiger:

janw
quelle
Danke Jan, ich würde nicht wissen, wo ich damit anfangen soll! Irgendeine Chance auf ein Codebeispiel?
Rob
@ Rob fügte Zeiger hinzu, die Sie verwenden können, ich habe keinen eigenen Code bereit
janw