Como vincular ou associar uma dica de ferramenta do WordPress a um determinado elemento — wordpress tooltips

Plugin de Tooltip do WordPress

Usuários do plugin de WordPress Tooltip , espero que esta mensagem os encontre bem e tendo um dia feliz com suas famílias Recebemos um ticket de suporte de um usuário do plugin de tooltip do WordPress, no qual o usuário do tooltip disse:

Desculpe, sou novato aqui. Ainda não consigo descobrir como vincular ou associar um tooltip a um determinado elemento. Então, criei um tooltip e digo que quero que ele apareça quando o usuário passar o mouse sobre um elemento de botão (com o rótulo “Adicionar pessoa” e id=”add-person”) na minha página. Como faço isso? Ou seja, como associo o tooltip que acabei de criar a este elemento de botão?

Acreditamos que um número maior de usuários pode ter uma dúvida semelhante. Portanto, pretendemos distribuir nossa resposta abertamente a todos os usuários do WordPress Tooltip.

Qual é o propósito dos tooltips?

Os tooltips são caixas pop-up compactas que fornecem informações adicionais, como vídeos, áudios, imagens, Google Maps, códigos QR, artigos da Wikipedia e texto. Quando os usuários passam o mouse sobre um elemento em suas páginas da web, como uma palavra em um post, um campo de entrada de formulário de busca, uma imagem ou um widget de barra lateral, os tooltips aparecem de forma transparente para oferecer detalhes envolventes. O plugin WordPress Tooltip concede a capacidade de aplicar efeitos de tooltip a qualquer elemento dentro de posts do WordPress, menus, comentários, formulários de contato, produtos do WooCommerce, fóruns do bbPress, atividades do BuddyPress e muito mais. Este plugin possui uma variedade de componentes e complementos cativantes, incluindo o encantador recurso Bullets Screen.

Apresentando o Plugin de Tooltip do WordPress

O WordPress Tooltip Pro é um plugin projetado especificamente para aprimorar seu site WordPress com tooltips visualmente atraentes e versáteis. Ele permite que você crie estilos de tooltip cativantes que apresentam conteúdo de forma bonita para seus usuários, enquanto otimiza o espaço na tela.

Quando um usuário passa o mouse sobre um item, uma caixa pop-up de tooltip vibrante e animada é exibida. Você tem a flexibilidade de incorporar várias formas de conteúdo, incluindo vídeos, áudios, imagens e até mesmo conteúdo gerado por terceiros de plugins como códigos QR, anúncios da Amazon e Google Maps. Tudo isso pode ser adicionado facilmente via o editor padrão do WordPress, tornando-o incrivelmente amigável.

Purchase Now

Como um novato, aprenda o processo de criação de seus primeiros tooltips usando o Plugin WordPress Tooltips Pro.

• O WordPress Tooltip facilita a criação de tooltips de forma simples. Nós o guiaremos pelo processo de adição de tooltips passo a passo.
• Faça login na sua conta no site do Plugin WordPress Tooltip.
• Se você ainda não instalou o Plugin WordPress Tooltip, faça login na sua conta no site do Plugin Glossário de Tooltip do WordPress. Se você já instalou o Plugin WordPress Tooltip, pode prosseguir diretamente para a etapa #10.
• Procure o link “Download” na barra de menu superior ou simplesmente clique neste link: [link para o Plugin Glossário de Tooltip do WordPress] para baixar o Plugin WordPress Tooltips Pro.
• Acesse a área administrativa do seu site WordPress e faça login.
• Navegue até o item de menu “Plugins”.
• Desative a versão anterior do plugin de tooltips.
• Exclua o antigo Plugin WordPress Tooltip.
• No item de menu “Plugins”, clique em “Adicionar Novo” na parte superior do painel de plugins.
• Faça o upload do arquivo zip do plugin de tooltips que você baixou do site do Plugin Glossário do WordPress.
• Ative a versão mais recente do Plugin WordPress Tooltip Pro.
• Navegue até a barra lateral administrativa do WordPress. Clique em “Tooltips” e depois em “Adicionar Novo” para iniciar a adição de um novo tooltip do WordPress.
  
• Dentro do editor de texto do post do WordPress, você tem a liberdade de incorporar vários elementos HTML no tooltip. Esses elementos podem incluir imagens, links e texto.
• Parabéns! Você agora incluiu com sucesso um tooltip do WordPress. Quando você passar o mouse sobre a palavra-chave designada, o tooltip será acionado. Além disso, nosso plugin de tooltip do WordPress oferece uma infinidade de opções de personalização para melhorar a aparência de seus tooltips. Essas opções abrangem parâmetros como cor do texto, fundo, tamanho da fonte, largura, sombra, opacidade, método de disparo e mais.
• Tutorial em vídeo:

Como vincular ou associar um tooltip do WordPress a um determinado elemento?

1. Por favor, crie um novo termo de tooltip do WordPress, no painel do WordPress, você pode clicar no item de submenu “Adicionar Novo” para abrir o Criador de Tooltips. A interface se parecerá com o editor de tooltips mostrado abaixo:

   

2. No diagrama acima, você notará uma metabox rotulada como “Tooltips para Formulários”. No entanto, ela deveria ser intitulada “Tooltips para Classes”. Fizemos essa alteração porque observamos que os casos de uso mais comuns envolviam a adição de tooltips a elementos ou campos de formulários usando classes ou IDs CSS. Essa alteração tem como objetivo ajudar os usuários a entender o propósito da metabox como tooltips para formulários.

3. Basta inserir a classe CSS ou o ID CSS na caixa de entrada “Tooltip para Formulários” onde você deseja aplicar o efeito do tooltip:

Por exemplo, tooltips para classe:
.input_box_1
ou tooltips para ID:
#text_box_2

Se você não souber como encontrar a Classe CSS ou o ID CSS para um componente específico no WordPress, consulte o guia intitulado “Como Encontrar uma Classe CSS ou um ID CSS de um Componente na Página do WordPress?”

1. Certifique-se de ter inserido o título e o conteúdo do tooltip no editor de tooltips, em seguida, clique no botão “Publicar”.

2. Na parte frontal, quando você visitar uma página que contém a classe CSS ou o ID CSS especificado, passar o mouse sobre o elemento da classe acionará a exibição do conteúdo do tooltip em uma janela de tooltip.

3. Aqui para verificar tooltips para a classe DEMO, você pode ver uma demonstração dos tooltips do WordPress para classes. No formulário, ao passar o mouse sobre cada campo, uma janela de tooltip dedicada aparecerá. Dessa forma, você pode adicionar tooltips para várias classes ou IDs CSS na parte frontal. Por exemplo, você pode ter tooltips para formulários de contato, imagens, vídeos, botões, itens de menu, mapas, texto e mais.

4. Observe que dentro do editor de tooltips, você pode personalizar estilos de tooltip únicos e visualmente atraentes para cada termo de tooltip. Além disso, você pode aplicar animações diferentes para tooltips individuais.

Conclusão:

Os usuários do tooltip do WordPress podem adicionar tooltips a elementos específicos dentro de seu site WordPress, como campos de formulário, rótulos de formulário, itens de menu, botões ou qualquer outro elemento interativo. Ao vincular ou associar tooltips a esses elementos, eles podem fornecer informações adicionais, instruções ou esclarecimentos aos usuários ao interagir com esses elementos. Por exemplo:

• Em um campo de formulário, um tooltip pode fornecer orientação sobre o formato esperado ou fornecer uma breve descrição da entrada necessária.
• Em um rótulo de formulário, um tooltip pode fornecer uma explicação ou exemplos adicionais para o propósito do rótulo.
• Em um item de menu, um tooltip pode oferecer uma breve descrição ou indicar a funcionalidade do item ao passar o mouse. O pedido de recurso do usuário visa melhorar a experiência do usuário, reduzindo a ambiguidade, fornecendo dicas úteis ou dando aos usuários mais informações sobre elementos específicos. Isso pode levar a uma melhor usabilidade e compreensão dos recursos ou requisitos de entrada do site.
• …etc

O recurso “Tooltips para qualquer coisa” — pode melhorar a experiência do usuário, reduzindo a ambiguidade, fornecendo dicas úteis ou dando aos usuários mais informações sobre elementos específicos. Isso pode levar a uma melhor usabilidade e compreensão dos recursos ou requisitos de entrada do site.