Можно ли создать тур по Wordpress? V3.3.1


9

Я недавно обновился до версии 3.3.1 и заметил замечательную функцию, которая отлично подойдет для наших клиентов, не разбирающихся в Wordpress, - обзор того, как использовать Wordpress.

Я давно использовал плагин Yoast SEO, и они добавили функцию тура, которая, когда вы нажимаете следующие кнопки, проходит через различные функции (см. Скриншот):

введите описание изображения здесь

Можно ли создать собственный тур по Wordpress о том, как добавлять страницы, посты и т. Д., И создавать собственный справочный контент, который будет сопровождать его.

У меня есть стандартный набор плагинов, которые я обычно использую, поэтому в туре (если это возможно) нужно будет пройти как стандартную настройку Wordpress, так и все разные плагины.

ОБНОВИТЬ:

Я покопался в Интернете и нашел следующий код. Это создаст одноразовый указатель, в который вы можете поместить пользовательский контент. Единственные проблемы состоят в том, что всплывающее окно появляется при каждой перезагрузке, даже когда оно закрыто (есть ли способ улучшить удобство использования этого?), А также это одноразовое окно а не тур.

Просто используйте 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
}

Ответы:


5

Если вы посмотрите на этот плагин, который я написал для демонстрации использования указателей, вы увидите, как их создавать и как правильно их закрывать:

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

Этот плагин создает указатели указателя:

введите описание изображения здесь


4

WordPress Pointers API предназначен только для основного использования, некоторые вещи могут быть изменены в API, что может привести к сбою сайта вашего плагина или ошибкам. Вам следует избегать использования до тех пор, пока API не будет стандартизирован и готов к использованию плагинов / тем.

Константин Ковшенин написал замечательное вступительное сообщение о Указателях, которое вам может быть интересно прочитать. Представляем указатели в WordPress 3.3


2

Марк Жарквит написал плагин под названием WP-Help .

Из его описания:

Администраторы могут создавать подробную иерархическую документацию для авторов и редакторов сайта, которую можно просмотреть в администраторе WordPress. Благодаря пользовательским типам постов вы получаете все возможности WordPress для создания, редактирования и упорядочивания документации. Идеально подходит для пользовательских сайтов клиентов. Никогда не посылайте еще одно электронное письмо «Вот как использовать ваш сайт»!

В сочетании с таким сервисом, как screenr или некоторыми учебными пособиями по YouTube WP, вы можете легко провести экскурсию по своим пользователям.


1

Сделать вариант add_option()с помощью bool (false). В начале, если опция ложна, покажите тур. И в конце тура установите значение true, чтобы оно больше не показывалось.

Если это возможно, установите событие ajax, когда щелкает «dismiss», чтобы установить для параметра значение false.

Дайте мне знать, если у вас это работает (или нет)

указатели:


Спасибо, Ян, я не знаю, с чего начать! Есть ли шанс примера кода?
Роб

@Rob добавил указатели, которые вы можете использовать, у меня нет готового кода
janw
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.