WordPress Institucional

Notícias

Criando um site multilíngue com o plugin Polylang
3 de novembro de 2016
A internacionalização de um site torna-o relevante a um universo maior de pessoas e é uma demanda crescente na Universidade, especialmente para os programas de pós-graduação. A ideia é que um visitante estrangeiro, ao acessar o site, possa selecionar o idioma em que deseja ver as informações. Ou ainda, que o próprio site detecte o idioma de origem do visitante e se adapte automaticamente.

O Polylang é um plugin de internacionalização com todos os recursos necessários para gerenciar conteúdo em múltiplos idiomas em um site WordPress. É possível criar versões traduzidas de todo o site, ou estruturas totalmente independentes para cada idioma, com páginas, menus e até imagens específicas por idioma.

Ativação e Configuração

Ative o plugin Polylang através do menu Plugins. Em seguida, acesse Configurações – Idiomas e adicione os idiomas que utilizará no site, iniciando pelo idioma padrão (geralmente o Português).

O vídeo a seguir ilustra a ativação do plugin e a configuração de três idiomas.

Caso o menu do site seja desconfigurado após a ativação do plugin, basta editar o menu principal em Aparência – Menus e salvá-lo novamente.

Opções adicionais de configuração em Configurações – Idiomas:
- A aba Traduções de Textos possibilita traduzir outros textos exibidos no site, como o título do site e de widgets;
- Opções na aba Configurações:
  - Na seção Modificações de URL sugere-se marcar as opções:
    O idioma é definido pelo nome de diretório nos links permanentes
    Não exibir informação de idioma no URL para o idioma padrão
  - A opção Detectar idioma do navegador pode ser ativada para redirecionar visitantes estrangeiros automaticamente para a versão traduzida do site, caso o idioma esteja disponível;
  - Caso queira utilizar banners ou imagens de capa diferentes para cada idioma, você pode ativar a tradução desses tipos de post na seção Tipos de post personalizados e Taxonomias, marcando os itens desejados conforme indicado abaixo.
    Clique para ampliar
Traduzindo páginas e posts

Após a ativação e configuração do plugin, os seguintes recursos serão adicionados ao painel administrativo do site:
- Na tela de edição de posts e páginas, à direita, será exibido um novo quadro Idiomas, através do qual é possível definir o idioma do post/página e adicionar as versões traduzidas;
- É possível criar novas páginas e posts diretemante no idioma desejado, sem versão em português. Não é necessário que todo o conteúdo esteja disponível em todos os idiomas;
- Na barra superior do painel administrativo há uma opção para visualizar apenas posts e páginas de um idioma específico – esse recurso facilita a administração de sites com muito conteúdo. Para visualizar novamente todo o conteúdo do site, selecione “Exibir todos os idiomas”.
O próximo vídeo exemplifica a criação de versões traduzidas de uma página do site, e demonstra o funcionamento do seletor de idioma no site.

Para disponibilizar a seleção do idioma no site, acesse Aparência – Widgets e adicione o widget Seletor de Idioma à barra lateral.

Criando menus para cada idioma

Quando o usuário trocar o idioma do site, será exibido apenas o conteúdo disponível naquele idioma: posts, páginas e inclusive o menu.

Veja no vídeo abaixo como criar menus personalizados para cada idioma.

Não esqueça de configurar na parte inferior da tela, em Posições no Tema, a posição do menu relacionada ao idioma desejado.
Tema UFPel 2.0 atualizado
31 de outubro de 2016
A versão 2.6 introduz as seguintes funcionalidades:
- A altura da barra de menu principal ajusta-se automaticamente para acomodar um número maior de itens;
- O menu do site agora permanece visível, no topo da tela, ao rolar a página para baixo;
- Adicionado suporte a paginação do conteúdo de posts e páginas, através do botão de quebra de página no editor de textos:
- Adicionados botões para sobrescrito e subscrito no editor de textos;
- Pequenas correções e melhorias no CSS do tema.
Manutenção programada dia 12/09 (atualizado)
9 de setembro de 2016
Atualizado em 12/09 às 12h42min:

A manutenção foi concluída. O núcleo do WordPress foi atualizado para a versão 4.6.1, que introduz melhorias e correções de segurança. Diversos temas e plugins também foram atualizados para suas versões mais recentes.

As atualizações devem ser transparentes, porém caso detecte alguma anormalidade em seu site, por favor abra um chamado de suporte.

Na segunda-feira, 12/09, será realizada uma manutenção de rotina para atualização do software da plataforma. O procedimento será iniciado às 12h (meio-dia) e não deve demorar mais do que 30 minutos. Nesse período, haverá breves momentos de indisponibilidade dos sites hospedados.

Este post será atualizado após a conclusão da manutenção.
Revisões de Páginas e Posts
10 de agosto de 2016
O WordPress guarda automaticamente versões antigas de páginas e posts, e permite recuperar conteúdo que tenha sido alterado ou excluído.

No exemplo abaixo, um trecho do texto da página foi acidentalmente apagado. O vídeo demonstra como ativar as revisões e recuperar o conteúdo de uma versão anterior.

Para visualizar as revisões é necessário que o post ou página tenha sido alterado pelo menos uma vez.

Colabore com o aprimoramento de nosso material didático, respondendo um breve questionário de avaliação sobre este tutorial.
Resumos de Posts
12 de julho de 2016
Os resumos dos posts são gerados automaticamente a partir das primeiras palavras do texto, e utilizados por temas e plugins para exibir uma prévia do conteúdo.

Entretanto, em alguns casos pode ser desejável definir o resumo de um post manualmente, para dar ênfase a uma parte mais relevante do texto, por exemplo.

Adicionando um resumo ao post

No exemplo do vídeo a seguir, é apresentado como adicionar resumo a um post. Para ilustrar a funcionalidade do resumo, foi utilizado o módulo Vitrine disponível no tema UFPEL 2.0.

Note que o resumo apresentado inicialmente no site foi gerado automaticamente, ficando muito extenso. Através da inserção manual do resumo foi possível controlar exatamente o texto desejado para exibição.

Colabore com o aprimoramento de nosso material didático, respondendo um breve questionário de avaliação sobre este tutorial.
Tema UFPel 2.0 agora com layout responsivo
29 de junho de 2016
A partir da versão 2.4 o tema institucional da UFPel ajusta-se automaticamente a dispositivos móveis, proporcionando excelente legibilidade em qualquer tamanho de tela. Em tablets e smartphones os módulos de layout são redimensionados e o menu e a barra lateral tornam-se retráteis, acessíveis com apenas um toque. O conteúdo de módulos como o Carrossel de Banners, Imagem de Capa, Vitrine e Destaques pode ser manipulado de forma intuitiva através de gestos (“swipes”).

Sites que atualmente utilizam o recurso “Tema Mobile” do plugin Jetpack poderão desativá-lo através do menu Jetpack – Configurações, para se beneficiarem da atualização.
Novos temas disponíveis e atualização sobre temas descontinuados
31 de maio de 2016
Quatro novos temas estão disponíveis para ativação a partir de hoje:
- Hueman – exibição elegante de texto e imagens, para vários tipos de conteúdo;
- Pique – página inicial com painéis e imagens grandes de fundo;
- Dyad – blocos de imagens e resumos dos posts e um slider de conteúdo destacado;
- Misty Lake – layout clássico e um esquema de cores tranquilo.
Tema Dyad em diferentes dispositivos

Os temas Evolve, Blix e Misty Look foram adicionados à lista de temas descontinuados. Se o seu site utiliza um desses temas, por favor leia o post atualizado.

Veja aqui mais informações sobre como trocar o tema do seu site.
Widgets
25 de maio de 2016
Este tutorial faz parte de uma série de tutoriais em vídeo que a Seção de Tecnologias para Websites da CTI/UFPel está preparando para os usuários do WordPress Institucional. Colabore com o aprimoramento de nosso material didático, respondendo um breve questionário de avaliação

Os widgets permitem adicionar blocos de conteúdo em áreas específicas do site. As áreas destinadas a widgets variam de acordo com o tema utilizado, mas na maioria dos casos estão disponíveis na barra lateral e no rodapé do site.

Os vídeos a seguir apresentam uma visão geral do processo de inserção de widgets e exemplificam a utilização de alguns widgets específicos.

Adicionando um Widget em seu site

O vídeo abaixo apresenta uma visão geral do processo de inserção de widgets. O widget utilizado neste exemplo é o de Categorias.

No painel administrativo do site, acesse o menu Aparência e clique na opção Widgets.
Conforme apresentado no vídeo acima, para adicionar algum widget no seu site, basta arrastá-lo para a área em que você deseja colocá-lo.

Widget Destaque por Categoria

Bem, aqui iremos adicionar outro widget, podemos substituir o widget categoria ou deixar ambos funcionando em paralelo, iremos adicionar o widget Destaque por Categoria.

Neste widget de Destaque por categoria, existe a opção de selecionar qual a categoria de post ou página ficará em destaque em seu widget, também é possível mudar o título que aparecerá no topo dele.

Após escolher o título ou a categoria, é necessário clicar no botão Salvar, conforme ilustrado no vídeo acima.

Widget Manchete

Este widget Manchete serve para dar um destaque para notícias de uma categoria.

Neste widget, podemos selecionar qual post ou página irá ser destacado como manchete em seu site, assim como também é possível mudar o título que aparecerá no topo do widget. Após realizar as configurações, é necessário clicar no botão Salvar.
Temas obsoletos (atualizado 2x)
17 de maio de 2016
Atualização em 31/05/2016:

O suporte ao tema Evolve está sendo descontinuado em função das últimas atualizações problemáticas, com alterações no layout e falhas de funcionalidade.

Os temas Blix e Misty Look foram adicionados à lista por terem começado a apresentar problemas de compatibilidade e ainda serem utilizados por um pequeno número de sites.

Comunicamos aos usuários do WP Institucional que os temas Graphene2 (versão 1.5.2), UFPel (1.0), UFPel zbench, Blix, Misty Look, iTheme2 e PlatformPro não estão mais recebendo atualizações e poderão deixar de funcionar com as próximas versões do WordPress. Alguns destes já apresentam problemas de compatibilidade, após a última atualização do WP.

A notificação acima será exibida no painel administrativo dos sites afetados. Recomendamos que seja realizada, assim que possível, a troca para um dos temas atuais disponíveis na plataforma.

Clique abaixo para mais informações, de acordo com o tema atualmente em uso:
Graphene2
Usuários do tema Graphene2 podem migrar para a versão atual do Graphene WPI preservando a maioria de suas configurações, com apenas alguns ajustes manuais.

Sugere-se seguir o seguinte roteiro:
- Antes de trocar o tema:
  
  identifique as imagens de cabeçalho e de fundo (se houver) em uso no site;
  
  anote a cor de fundo;
  
  anote os links do Facebook/Twitter (botões no cabeçalho do site, se houver);
- Ative o novo tema Graphene em Aparência – Temas;
- Em Personalizar selecione a Imagem do cabeçalho e Imagem de fundo desejadas;
- Se necessário, desmarque a exibição do título e descrição do site em Personalizar – Identidade do site;
- Selecione a cor de fundo desejada em Personalizar – Cores;
- Pode ser necessário reposicionar os widgets na barra lateral correta, em Aparência – Widgets;
- Se desejado, adicione os links para redes sociais em Aparência – Graphene: opções – Opções da barra superior.
Sugestão de migração para usuários do tema Graphene2
UFPel (1.0) e UFPel zbench

Aos usuários dos temas UFPel 1.0 e UFPel zbench, sugerimos a migração para o UFPel 2.0, tema que implementa a identidade visual atualizada da UFPel e conta com diversas opções de personalização.

Sugestão de migração para usuários dos temas UFPel 1.0 e UFPel zbench

Caso seu site utilize um menu personalizado, pode ser necessário ativá-lo no novo tema através do menu Aparência – Personalizar – Menus – Localizações de menu.

Ao realizar a troca do tema, alguns widgets poderão ficar inativos. Para ativá-los, acesse o menu Aparência – Widgets, localize a seção Barra lateral inativa no final da página e arraste os widgets desejados para uma das áreas de widgets do novo tema.

Demais temas

Aos usuários dos demais temas recomendamos escolher um dos temas disponíveis, de acordo com as necessidades de seu site.

Caso seu site utilize um menu personalizado, pode ser necessário ativá-lo no novo tema através do menu Aparência – Personalizar – Menus – Localizações de menu.

Ao realizar a troca do tema, alguns widgets poderão ficar inativos. Para ativá-los, acesse o menu Aparência – Widgets, localize a seção Barra lateral inativa no final da página e arraste os widgets desejados para uma das áreas de widgets do novo tema.
Para alterar o tema do site, acesse o menu Aparência – Temas no painel administrativo.

Caso necessite auxílio para realizar essas alterações, por favor abra um chamado em nosso sistema de tickets e solicite o agendamento de um horário para suporte presencial – os atendimentos serão realizados nas dependências da CTI no Campus Anglo.
Menus personalizados
30 de março de 2016
O menu padrão de um site no WordPress é gerado automaticamente, a partir das páginas publicadas no site. O recurso de Menus Personalizados oferece a possibilidade de criar menus com links para qualquer conteúdo (do próprio site, ou externo) e organizar os itens livremente, através de uma interface visual.

Os menus personalizados podem ser utilizados nas áreas de navegação e de widgets do site, oferecendo alternativas adicionais para indexar e destacar o seu conteúdo para visitantes.

Criando um menu personalizado

O vídeo abaixo apresenta uma visão geral do processo de criação de um menu personalizado. Para orientações mais detalhadas, continue lendo o texto abaixo do vídeo.

No painel administrativo do site, acesse o menu Aparência e clique na opção Menus.

Para criar um menu, clique em crie um novo menu no topo da página. A seguir, digite um nome para o menu e clique no botão Criar menu.

Os seguintes tipos de conteúdo podem ser inseridos em um menu: Páginas e Posts criam links diretos para páginas e posts específicos publicados no site; Links personalizados permitem inserir endereços da web (URLs) para qualquer site ou documento; e Categorias permitem listar todos os posts de uma determinada categoria.

No quadro de conteúdos, selecione o tipo desejado, marque os itens que deseja inserir no menu e clique no botão Adicionar ao menu. Os itens serão inseridos como blocos na coluna da direita, onde está representada a estrutura do menu. Os blocos podem ser arrastados e reposicionados na ordem desejada. Para criar um submenu, arraste um item um pouco mais para a direita.

Para finalizar, nas Configurações do menu, em Posições no Tema, selecione onde o menu deverá ser exibido e clique em Salvar Menu.

Editando um menu existente e criando um submenu de links

Veja no vídeo abaixo como editar um menu existente e criar um submenu apenas com links.

Observe a utilização do Link personalizado com um caractere # no lugar da URL. Isso permite criar um item de menu que não terá efeito ao ser clicado, apenas para criar o submenu com os links.

O vídeo demonstra também como ativar a opção para que os links sejam abertos em uma nova janela do navegador.

Configurando itens de menu para abrirem em uma nova aba
1. No canto superior direito, clique em Opções de tela
2. Abaixo do título Mostrar propriedades avançadas de menu, marque a opção Destino do link
3. Na estrutura de menu, clique na seta para baixo para expandir o item de menu que deseja alterar
4. Marque a opção Abrir link em nova aba
Menus nas áreas de widgets

Além do menu de navegação principal do site, é possível inserir menus personalizados em qualquer área de widgets.

O vídeo abaixo demonstra como criar um segundo menu personalizado e inseri-lo na barra lateral do site, através do widget de menu.