É possível criar um tour no Wordpress? V3.3.1


9

Atualizei recentemente para a versão 3.3.1 e notei um recurso interessante que seria ótimo para nossos clientes que não são do Wordpress - criando um tour sobre como usar o Wordpress.

Eu uso o plugin Yoast SEO há muito tempo e eles adicionaram um recurso de tour, que quando você clica nos próximos botões, ele percorre os vários recursos (veja a captura de tela):

insira a descrição da imagem aqui

É possível criar um tour personalizado do Wordpress sobre como adicionar páginas, postagens etc. e criar nosso próprio conteúdo de ajuda para acompanhá-lo.

Eu tenho um conjunto padrão de plugins que costumo usar, de modo que o tour (se possível) precisaria passar pela configuração padrão do Wordpress e por todos os plugins diferentes.

ATUALIZAR:

Examinei a web e encontrei o código a seguir. Isso criará um ponteiro único no qual você pode colocar conteúdo personalizado. Os únicos problemas são que o pop-up aparece a cada recarga, mesmo quando é descartado (existe uma maneira de melhorar a usabilidade disso?) E também é uma janela única ao invés de um passeio.

Basta usar o Firebug para encontrar a div à qual você deseja anexar o ponteiro.

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

Respostas:



4

A API de ponteiros do WordPress é apenas para uso principal, algo pode ser alterado na API e pode causar interrupção ou erros no site do plug-in. Você deve evitar usá-lo até que a API esteja padronizada e pronta para uso do plugin / tema.

Konstantin Kovshenin escreveu um ótimo post introdutório sobre Ponteiros, que você pode achar interessante para ler. Apresentando ponteiros no WordPress 3.3


2

Mark Jarquith escreveu um plugin, chamado WP-Help .

Da sua descrição:

Os administradores podem criar documentação hierárquica detalhada para os autores e editores do site, visível no administrador do WordPress. Ativado por Tipos de postagem personalizados, você tem todo o poder do WordPress para criar, editar e organizar sua documentação. Perfeito para sites de clientes personalizados. Nunca envie outro e-mail do tipo "aqui está como usar o seu site" novamente!

Combine isso com um serviço como o screenr ou alguns tutoriais de instruções do YouTube WP, você pode oferecer um guia fácil e um tour aos seus usuários.


1

Faça uma opção add_option()com um bool (false). No início, se a opção for falsa, mostre o passeio. E no final da turnê, defina a opção como true, para que não apareça novamente.

Se possível, defina um evento ajax quando clicar em ignorar para definir a opção como false.

Deixe-me saber se você está executando (ou não)

ponteiros:


Obrigado Jan, eu não saberia por onde começar! Alguma chance de um exemplo de código?
22412 Rob

@ Rob ponteiros acrescentou que você pode usar, eu não tenho qualquer código próprio pronto
janw
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.