Wordpressツアーを作成することは可能ですか?V3.3.1


9

私は最近バージョン3.3.1にアップグレードしましたが、Wordpressに精通していないクライアントに最適な素晴らしい機能に気づきました-Wordpressの使い方のツアーを作成しています。

Yoast SEOプラグインを長い間使用してきましたが、ツアー機能が追加されました。次のボタンをクリックすると、さまざまな機能を利用できます(スクリーンショットを参照):

ここに画像の説明を入力してください

ページや投稿などを追加する方法についてWordpressのカスタムツアーを作成し、それに合わせて独自のヘルプコンテンツを作成することは可能ですか?

私はよく使用するプラグインの標準セットを持っているので、ツアーは(可能な場合)標準のWordpressセットアップとすべての異なるプラグインの両方をジャンプする必要があります。

更新:

私はウェブを調べて、次のコードを見つけました。これにより、カスタムコンテンツを配置できる1回限りのポインターが作成されます。唯一の問題は、ポップアップが閉じられた場合でも、再読み込みのたびにポップアップが表示されることです(これの使いやすさを向上させる方法はありますか)。また、1回限りのウィンドウです。ツアーというより。

Firebugを使用して、ポインタをアタッチするdivを見つけます。

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

回答:



4

WordPressポインターAPIはコアでの使用のみを目的としています。APIの一部が変更される可能性があり、プラグインサイトの中断やエラーが発生する可能性があります。APIが標準化され、プラグイン/テーマを使用できるようになるまでは、使用しないでください。

Konstantin Kovsheninが、ポインタについての素晴らしい紹介記事を書きました。WordPress 3.3でのポインターの紹介


2

Mark JarquithがWP-Helpと呼ばれるプラグインを作成しました。

それの説明から:

管理者は、サイトの作成者と編集者向けの詳細な階層型ドキュメントを作成し、WordPress管理者で表示できます。カスタム投稿タイプを使用すると、WordPressのすべての機能を利用して、ドキュメントを作成、編集、配置できます。カスタマイズされたクライアントサイトに最適です。再度「ここにあなたのサイトを使用する方法」の電子メールを再度送信しないでください!

これをスクリーナやYouTube WPのハウツーチュートリアルなどのサービスと組み合わせると、簡単なガイドとツアーをユーザーに提供できます。


1

add_option()bool(false)でオプションを作成します。最初にオプションがfalseの場合は、ツアーを表示します。ツアーの最後にオプションをtrueに設定すると、再び表示されなくなります。

可能であれば、閉じるをクリックしてオプションをfalseに設定したときにajaxイベントを設定します。

実行中かどうかをお知らせください

ポインタ:


おかげで、どこから始めればいいのかわかりませんでした。コード例の可能性はありますか?
Rob

@Robが使用できるポインターを追加しました。独自のコードの準備はできていません
janw
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.