Mudanças entre as edições de "Configuração do plugin LIS para personalização dos temas da BVS"

De Wiki.bireme.org/pt
Ir para: navegação, pesquisa
(Formato curto: apenas tópicos principais)
Linha 11: Linha 11:
  
  
[[Arquivo:theme_option2.PNG]]
+
[[Arquivo:theme_option2.PNG|600px]]
  
  
Linha 17: Linha 17:
  
  
[[Arquivo:theme_option3.PNG]]
+
[[Arquivo:theme_option3.PNG|600px]]
  
  
Linha 28: Linha 28:
 
Exemplo:
 
Exemplo:
  
[[Arquivo:css_java.PNG]]
+
[[Arquivo:css_java.PNG|600px]]
  
  
Linha 47: Linha 47:
  
 
[[Arquivo:bvs_odonto.PNG|500px]]
 
[[Arquivo:bvs_odonto.PNG|500px]]
 +
  
 
===Para criar o primeiro tópico do tema, vá em '''Aparências''' e clique em '''Menus'''===
 
===Para criar o primeiro tópico do tema, vá em '''Aparências''' e clique em '''Menus'''===
  
  
[[Arquivo:menu1.PNG]]
+
[[Arquivo:menu1.PNG|600px]]
  
  
Linha 57: Linha 58:
  
  
[[Arquivo:menu_temas2.PNG]]
+
[[Arquivo:menu_temas2.PNG|600px]]
  
  
Linha 63: Linha 64:
  
  
[[Arquivo:menu_temas3.PNG]]
+
[[Arquivo:menu_temas3.PNG|600px]]
  
  
Linha 69: Linha 70:
  
  
[[Arquivo:menu_temas6.PNG]]
+
[[Arquivo:menu_temas6.PNG|600px]]
  
  
Linha 75: Linha 76:
  
  
[[Arquivo:home.PNG]]
+
[[Arquivo:home.PNG|600px]]
  
  
[[Arquivo:cirurgia.PNG]]
+
[[Arquivo:cirurgia.PNG|600px]]
  
  
Linha 84: Linha 85:
  
  
[[Arquivo:menu_links.PNG]]
+
[[Arquivo:menu_links.PNG|600px]]
  
  
Linha 90: Linha 91:
  
  
[[Arquivo:links.PNG]]
+
[[Arquivo:links.PNG|600px]]
  
  
Linha 99: Linha 100:
  
  
[[Arquivo:anestesia1.PNG]]
+
[[Arquivo:anestesia1.PNG|600px]]
  
  
Linha 105: Linha 106:
  
  
[[Arquivo:anestesia2.PNG]]
+
[[Arquivo:anestesia2.PNG|600px]]
  
  
Linha 111: Linha 112:
  
  
[[Arquivo:anestesia3.PNG]]
+
[[Arquivo:anestesia3.PNG|600px]]
  
[[Arquivo:anestesia4.PNG]]
+
[[Arquivo:anestesia4.PNG|600px]]
  
  
Linha 119: Linha 120:
  
  
[[Arquivo:cirurgia1.PNG]]
+
[[Arquivo:cirurgia1.PNG|600px]]
  
[[Arquivo:cirurgia2.PNG]]
+
[[Arquivo:cirurgia2.PNG|600px]]
  
[[Arquivo:subitem.PNG]]
+
[[Arquivo:subitem.PNG|600px]]
  
 
===Com os tópicos e temas prontos,podemos configurar o menu para visualização no plugin LIS===
 
===Com os tópicos e temas prontos,podemos configurar o menu para visualização no plugin LIS===
  
  
[[Arquivo:temas.PNG]]
+
[[Arquivo:temas.PNG|600px]]
  
  
Linha 134: Linha 135:
  
  
[[Arquivo:widgets.PNG]]
+
[[Arquivo:widgets.PNG|600px]]
  
  
Linha 140: Linha 141:
  
  
[[Arquivo:widgets3.PNG]]
+
[[Arquivo:widgets3.PNG|600px]]
  
  
Linha 146: Linha 147:
  
  
[[Arquivo:pag_final.PNG]]
+
[[Arquivo:pag_final.PNG|600px]]
  
  
Linha 160: Linha 161:
  
  
[[Arquivo:alternativa3.PNG]]
+
[[Arquivo:alternativa3.PNG|600px]]
  
  
Linha 168: Linha 169:
  
  
[[Arquivo:alternativa2.PNG]]
+
[[Arquivo:alternativa2.PNG|600px]]
  
  
Linha 174: Linha 175:
  
  
[[Arquivo:alternativa6.PNG]]
+
[[Arquivo:alternativa6.PNG|600px]]
  
  
Linha 180: Linha 181:
  
  
[[Arquivo:alternativa7.PNG]]
+
[[Arquivo:alternativa7.PNG|600px]]
 +
 
  
 
==Configuração dos Destaques==
 
==Configuração dos Destaques==
Linha 188: Linha 190:
  
 
   
 
   
[[Arquivo:novo_menu.PNG]]
+
[[Arquivo:novo_menu.PNG|600px]]
  
  
Linha 194: Linha 196:
  
  
[[Arquivo:novo_menu2.PNG]]
+
[[Arquivo:novo_menu2.PNG|600px]]
  
  
Linha 200: Linha 202:
  
  
[[Arquivo:novo_menu3.PNG]]
+
[[Arquivo:novo_menu3.PNG|600px]]
  
  
Linha 206: Linha 208:
  
  
[[Arquivo:widgets.PNG]]
+
[[Arquivo:widgets.PNG|600px]]
  
  
Linha 212: Linha 214:
  
  
[[Arquivo:novo_menu4.PNG]]
+
[[Arquivo:novo_menu4.PNG|600px]]
  
  
Linha 218: Linha 220:
  
  
[[Arquivo:novo_menu5.PNG]]
+
[[Arquivo:novo_menu5.PNG|600px]]

Edição das 16h14min de 6 de agosto de 2014

Voltar para LIS


Após configurar a estratégia de pesquisa de acordo com a área temática da BVS (Configuração do plugin LIS para estratégia de pesquisa na BVS), podemos personalizar os temas e destaques do plugin LIS.

Antes, faz-se necessário realizar a pré-configuração demonstrada abaixo. Esse procedimento evitará que os Temas e Destaques apareçam desconfigurados no plugin LIS.

Índice

Pré-configuração

Em Aparências, selecione Opções do Tema

Theme option2.PNG


Vá para a aba Cabeçalho

Theme option3.PNG


Digite o seguinte código no campo CSS e Javascript customizados e clique em Atualizar:

 <style>
   .bar .menu { display: none; }
 </style>

Exemplo:

Css java.PNG


Elaboração dos temas da BVS

No plugin LIS, temas e destaques deverão ter um número menor de tópicos e subtópicos.

A seguir, serão mostrados duas formas para configuração do plugin LIS: mais longa com tópico e subtópicos e a mais curta, contendo apenas os tópicos principais.

Cabe ao responsável pela alimentação do LIS decidir qual o formato mais conveniente à sua BVS.


Formato longo: tópicos e subtópicos

Para as demonstrações a seguir, usaremos alguns temas e destaques do LIS da BVS Odontologia:

Bvs odonto.PNG


Para criar o primeiro tópico do tema, vá em Aparências e clique em Menus

Menu1.PNG


Modifique o nome do Menu e apague as abas Portais FIR e Sample Page

Menu temas2.PNG


Para deletar as abas, clique na seta para baixo e depois em Remover

Menu temas3.PNG


Modificaremos a aba Home, conforme segue:

Menu temas6.PNG


A URL deve ser deletada. No campo Rótulo de navegação, digita-se o título do primeiro tópico

Home.PNG


Cirurgia.PNG


Para criar o primeiro subtópico, clique em Links à esquerda

Menu links.PNG


Nesta aba, deve ser inserido uma URL e o texto do link

Links.PNG


Pesquise o tema na caixa de pesquisa no plugin de pesquisa do LIS. Copie o link do resultado de pesquisa da barra de endereços.

No caso de termo único, as aspas duplas não são necessárias. Neste exemplo, usamos um termo composto. No exemplo: "anestesia dentária".


Anestesia1.PNG


Cole o link no campo URL, digite o tema e clique em Adicionar ao menu

Anestesia2.PNG


O subtópico fica na mesma linha que o tópico maior. Para modificar isso, é possível arrastar a caixa para direita e criá-lo como um subitem:

Anestesia3.PNG

Anestesia4.PNG


Faremos o mesmo procedimento com o termo "cirurgia bucal":

Cirurgia1.PNG

Cirurgia2.PNG

Subitem.PNG

Com os tópicos e temas prontos,podemos configurar o menu para visualização no plugin LIS

Temas.PNG


Em Aparências, clique em Widgets. Arraste a caixa Menu Personalizado para dentro da caixa LIS Sidebar

Widgets.PNG


Uma caixa se abrirá permitindo colocar um título para o Menu e escolher um Menu pronto. O título pode ser diferente do nome do Menu. Clique em Salvar

Widgets3.PNG


No plugin LIS, o Menu de Temas fica do lado direito embaixo do link para Sugestões

Pag final.PNG


Formato curto: apenas tópicos principais

É recomendável ler Formato longo: tópicos e subtópicos, antes de prosseguir.


Ao pesquisar, junte dois termos ou mais usando "OR" entre eles. Copie o link do resultado de pesquisa da barra de endereços.

No exemplo: "anestesia dentária" OR "cirurgia bucal"


Alternativa3.PNG


Em Menus, abra a aba Links, cole a URL e atribua um título

Neste exemplo, foi atribuído o título Cirurgia, tópico em que os subtópicos Anestesia Dentária e Cirurgia Bucal estão agrupados.


Alternativa2.PNG


Com os tópicos prontos, podemos configurar o menu para visualização no plugin LIS

Alternativa6.PNG


Após configurá-lo no LIS Sidebar, os temas ficarão dispostos do lado direito embaixo do link para Sugestões

Alternativa7.PNG


Configuração dos Destaques

Clique em Crie um novo Menu, dê o título que desejar (Destaques) e clique em Criar menu

Novo menu.PNG


Da mesma forma com os temas, abra a aba Links e coloque a URL e o título do Destaque

Novo menu2.PNG


Configure os demais links do Destaque e clique em Salvar menu

Novo menu3.PNG


Em Aparências, clique em Widgets. Arraste a caixa Menu Personalizado para dentro da caixa LIS Sidebar

Widgets.PNG


Uma caixa se abrirá permitindo colocar um título para o Menu e escolher um Menu pronto. O título pode ser diferente do nome do Menu. Clique em Salvar

Novo menu4.PNG


No plugin LIS, o Menu de Destaques fica do lado direito embaixo de Temas

Novo menu5.PNG