{"id":545,"date":"2017-03-02T15:10:06","date_gmt":"2017-03-02T18:10:06","guid":{"rendered":"https:\/\/www.blogs.unicamp.br\/curso\/?p=545"},"modified":"2023-04-04T14:22:30","modified_gmt":"2023-04-04T17:22:30","slug":"tooltipy-como-criar-um-glossario","status":"publish","type":"post","link":"https:\/\/www.blogs.unicamp.br\/blogando\/tooltipy-como-criar-um-glossario\/","title":{"rendered":"Tooltipy: como criar um gloss\u00e1rio"},"content":{"rendered":"<p>Muitas vezes, ao escrever, nos deparamos com palavras que precisam ser contextualizadas e conceituadas para que o leitor compreenda mesmo o que queremos dizer. Nem sempre \u00e9 poss\u00edvel driblar os termos t\u00e9cnicos, n\u00e3o \u00e9 mesmo?<\/p>\n<p>Dessa forma, recomendamos que seja criado um gloss\u00e1rio no seu blog com o novo plugin\u00a0<strong>Tooltipy<\/strong>. Veja como configur\u00e1-lo abaixo.<\/p>\n<p>&nbsp;<\/p>\n<p>No <strong>Painel do Administrador<\/strong>, clique em\u00a0<strong>Tooltipy\u00a0<\/strong>&gt;\u00a0<strong>Adicionar<\/strong>.<br \/>\nD\u00ea o t\u00edtulo\u00a0\u2013 que dever\u00e1 ser o termo\u00a0usado no post \u2013 e escreva <em>resumidamente<\/em> seu conceito. Antes de salv\u00e1-lo, se atente a alguns detalhes (em destaque na imagem):<\/p>\n<figure id=\"attachment_546\" aria-describedby=\"caption-attachment-546\" style=\"width: 1355px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-546 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/1.png\" width=\"1355\" height=\"672\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/1.png 1355w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/1-300x149.png 300w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/1-768x381.png 768w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/1-1024x508.png 1024w\" sizes=\"(max-width: 1355px) 100vw, 1355px\" \/><figcaption id=\"caption-attachment-546\" class=\"wp-caption-text\">Imagem 1<\/figcaption><\/figure>\n<ol>\n<li><strong>Synonyms<\/strong>: nesse campo, voc\u00ea poder\u00e1 adicionar sin\u00f4nimos ou outras poss\u00edveis entradas do mesmo termo. Se houver mais de um sin\u00f4nimo, \u00e9 preciso separ\u00e1-lo por barras (|), sem espa\u00e7o, como se v\u00ea na imagem.<\/li>\n<li><strong>Case Sensitive<\/strong>: faz com que o termo n\u00e3o seja reconhecido no texto caso haja alguma letra em mai\u00fascula ou min\u00fascula.<\/li>\n<li><strong>Youtube video ID<\/strong>: h\u00e1 a possibilidade de adicionar um v\u00eddeo, que aparecer\u00e1 no bal\u00e3o explicativo para o leitor (imagem 2). Para isso, copie e cole do link do Youtube somente o c\u00f3digo\u00a0que aparece<span style=\"text-decoration: underline;\"> depois<\/span> de <strong>\/watch?v=<\/strong>.<\/li>\n<li><strong>Families<\/strong>: funciona como as categorias dos posts, facilitando a organiza\u00e7\u00e3o.<\/li>\n<li><strong>Imagem destacada<\/strong>: al\u00e9m do v\u00eddeo, voc\u00ea tamb\u00e9m pode adicionar uma imagem de destaque para o termo, que aparecer\u00e1 no bal\u00e3o.<\/li>\n<\/ol>\n<p>Depois de adicionado, n\u00e3o se esque\u00e7a de salv\u00e1-lo. Quando voc\u00ea digitar seu post e incluir o termo, ele ser\u00e1 automaticamente reconhecido pelo plugin. Assim, quando fizer a publica\u00e7\u00e3o, ele vai aparecer da seguinte forma:<\/p>\n<figure id=\"attachment_547\" aria-describedby=\"caption-attachment-547\" style=\"width: 573px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-547 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/2.png\" width=\"573\" height=\"385\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/2.png 573w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/2-300x202.png 300w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/><figcaption id=\"caption-attachment-547\" class=\"wp-caption-text\">Imagem 2<\/figcaption><\/figure>\n<p>Voc\u00ea pode editar, em\u00a0<strong>Configura\u00e7\u00f5es<\/strong>, algumas op\u00e7\u00f5es de apar\u00eancia do bal\u00e3ozinho, como mostram as imagens abaixo.<\/p>\n<ul style=\"list-style-type: circle;\">\n<li>Na barra <strong>Style<\/strong>, em\u00a0<strong>Keyword style<\/strong>, escolha a cor do termo em destaque no post e a cor do texto do bal\u00e3o (tooltip) em\u00a0<strong>Description tooltip style<\/strong>\u00a0(imagem 3).<\/li>\n<li>Na barra <strong>Options<\/strong>, selecione a posi\u00e7\u00e3o do tooltip no texto em\u00a0<strong>Tooltip position\u00a0<\/strong>(imagem 4).<\/li>\n<li><strong>Animation<\/strong> \u00e9 como o bal\u00e3o ir\u00e1 aparecer no seu post, como funcionam as anima\u00e7\u00f5es de PowerPoint. Voc\u00ea pode escolher entre deslizar da esquerda, ou de cima para baixo, ou aparecer em zoom&#8230; (imagem 4)<\/li>\n<li>Na barra\u00a0<strong>Glossary\u00a0<\/strong>(imagem 5), voc\u00ea ir\u00e1 personalizar a apar\u00eancia do seu gloss\u00e1rio. Voc\u00ea pode escolher a quantidade de termos por p\u00e1gina (<strong>Keywords per page<\/strong>).<\/li>\n<\/ul>\n<p>Salve todas as configura\u00e7\u00f5es.<\/p>\n<figure id=\"attachment_548\" aria-describedby=\"caption-attachment-548\" style=\"width: 1366px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-548 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/3.png\" width=\"1366\" height=\"768\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/3.png 1366w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/3-300x169.png 300w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/3-768x432.png 768w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/3-1024x576.png 1024w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/3-128x72.png 128w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><figcaption id=\"caption-attachment-548\" class=\"wp-caption-text\">Imagem 3<\/figcaption><\/figure>\n<figure id=\"attachment_549\" aria-describedby=\"caption-attachment-549\" style=\"width: 1335px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-549 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/4-e1487946633195.png\" width=\"1335\" height=\"768\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/4-e1487946633195.png 1335w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/4-e1487946633195-300x173.png 300w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/4-e1487946633195-768x442.png 768w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/4-e1487946633195-1024x589.png 1024w\" sizes=\"(max-width: 1335px) 100vw, 1335px\" \/><figcaption id=\"caption-attachment-549\" class=\"wp-caption-text\">Imagem 4<\/figcaption><\/figure>\n<figure id=\"attachment_550\" aria-describedby=\"caption-attachment-550\" style=\"width: 1350px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-550 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/5.png\" width=\"1350\" height=\"671\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/5.png 1350w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/5-300x149.png 300w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/5-768x382.png 768w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/5-1024x509.png 1024w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><figcaption id=\"caption-attachment-550\" class=\"wp-caption-text\">Imagem 5<\/figcaption><\/figure>\n<p>Finalmente, para inserir seu gloss\u00e1rio no menu principal, crie uma p\u00e1gina com o t\u00edtulo do seu gloss\u00e1rio e inclua o c\u00f3digo <strong>[ kttg_glossary ]<\/strong>\u00a0(sem espa\u00e7os!) no campo do texto.<\/p>\n<figure id=\"attachment_551\" aria-describedby=\"caption-attachment-551\" style=\"width: 1351px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-551 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/6.png\" width=\"1351\" height=\"670\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/6.png 1351w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/6-300x149.png 300w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/6-768x381.png 768w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/6-1024x508.png 1024w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><figcaption id=\"caption-attachment-551\" class=\"wp-caption-text\">Imagem 6<\/figcaption><\/figure>\n<p>Depois, v\u00e1 para as configura\u00e7\u00f5es do seu menu principal e inclua a nova p\u00e1gina. Salve suas altera\u00e7\u00f5es.<\/p>\n<figure id=\"attachment_552\" aria-describedby=\"caption-attachment-552\" style=\"width: 1219px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-552 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/7.png\" width=\"1219\" height=\"640\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/7.png 1219w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/7-300x158.png 300w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/7-768x403.png 768w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/7-1024x538.png 1024w\" sizes=\"(max-width: 1219px) 100vw, 1219px\" \/><figcaption id=\"caption-attachment-552\" class=\"wp-caption-text\">Imagem 7<\/figcaption><\/figure>\n<p>Pronto! Agora voc\u00ea pode usar seu novo gloss\u00e1rio e tornar seus posts cada vez mais acess\u00edveis a qualquer tipo de p\u00fablico. \ud83d\ude42<\/p>\n<figure id=\"attachment_553\" aria-describedby=\"caption-attachment-553\" style=\"width: 577px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-553 size-full\" src=\"https:\/\/www.blogs.unicamp.br\/curso\/wp-content\/uploads\/sites\/5\/2017\/02\/8.png\" width=\"577\" height=\"303\" srcset=\"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/8.png 577w, https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/02\/8-300x158.png 300w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><figcaption id=\"caption-attachment-553\" class=\"wp-caption-text\">Imagem 8<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"Muitas vezes, ao escrever, nos deparamos com palavras que precisam ser contextualizadas e conceituadas para que o leitor compreenda mesmo o que queremos dizer. Nem sempre \u00e9 poss\u00edvel driblar os termos t\u00e9cnicos, n\u00e3o \u00e9 mesmo? Dessa forma, recomendamos que seja criado um gloss\u00e1rio no seu blog com o novo plugin\u00a0Tooltipy. Veja como configur\u00e1-lo abaixo. &nbsp; No Painel do Administrador, clique em\u00a0Tooltipy\u00a0&gt;\u00a0Adicionar. D\u00ea o t\u00edtulo\u00a0\u2013 que dever\u00e1 ser o termo\u00a0usado no post \u2013 e escreva resumidamente seu conceito. Antes de salv\u00e1-lo, se atente a alguns detalhes (em destaque na imagem): Synonyms: nesse campo, voc\u00ea poder\u00e1 adicionar sin\u00f4nimos ou outras poss\u00edveis entradas do mesmo termo. Se houver mais de um sin\u00f4nimo, \u00e9 preciso separ\u00e1-lo por barras (|), sem espa\u00e7o, como se v\u00ea ","protected":false},"author":45,"featured_media":562,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"pgc_sgb_lightbox_settings":"","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[13,37,51],"tags":[32,29],"class_list":["post-545","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","category-glossario","category-tutoriais-blogs","tag-glossario","tag-tutorial"],"jetpack_featured_media_url":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-content\/uploads\/sites\/5\/2017\/03\/dijfis.jpg","_links":{"self":[{"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/posts\/545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/comments?post=545"}],"version-history":[{"count":4,"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/posts\/545\/revisions"}],"predecessor-version":[{"id":563,"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/posts\/545\/revisions\/563"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/media\/562"}],"wp:attachment":[{"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/media?parent=545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/categories?post=545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blogs.unicamp.br\/blogando\/wp-json\/wp\/v2\/tags?post=545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}