Ozh’ Admin Drop Down Menu WordPress Plugins Parte16

Olá amigos!

Hoje estou com meu fôlego renovado para escrever um novo artigo e ensinar muitos segredos aos intermediários em WordPress. Isso mesmo! Se você está acompanhando a série escrita por mim aqui no Webmaster.pt já está nesse nível. Meus parabéns!

O plugin que irei detalhar nesse artigo não irá afetar em nada para os visitantes, mas sim para você, administrador do WordPress. Depois de tanto trabalhar no Painel de Administração você pode acabar ficando “cheio” da cara dele e, portanto está precisando de novidades.

O objetivo aqui é mostrar que nem todas as mudanças são apenas para os visitantes do seu blog e que existem muitos plugins que vão te ajudar, facilitando certas tarefas ou mudando completamente o visual do Painel.

Tenha muito cuidado ao instalar certo tipos de plugins que modifiquem o seu WordPress. Procure informações sobre ele no repositório, site oficial, Google, Bing (!?) e nos artigos do Webmaster.pt. Busque informações sobre como configura-lo, se as mudanças são reversíveis, se irá afetar o desempenho e segurança do WordPress, ou seja, tudo o que você puder descobrir para não ter surpresas desagradáveis e assim começar tudo novamente ou ficar com raiva do WordPress.

Como sempre não será abordada a instalação, assunto este tratado no artigo Como Instalar Plugins No WordPress Parte4. Leia- o e tire suas dúvidas.

Ozh’ Admin Drop Down Menu

Disponível no repositório oficial do WordPress e com página própria esse plugin muda o menu vertical esquerdo de lugar, colocando-o horizontalmente no cabeçalho do Painel de Administração, lembrando o tempo da versão 1.5 do WordPress.

Assim que instalado e ativado, você já percebe as mudanças, portando não fique assustado [figura 1]:

menu horizontal

Nesse caso será necessário “reaprender” a usar o menu, mas isso é bem tranquilo, pois já está incluída a versão traduzida para o português e nenhuma função foi alterada. Para o caso dos que tem submenus, basta passar o mouse em cima do principal que eles serão mostrados sem problemas [figura 2]:

submenus

Veja que até o balão aparece para o menu ‘Comentários’ e ‘Plugins’, indicando respectivamente número de comentários precisando de aprovação e o número de plugins com atualizações disponíveis.

Segundo o site oficial, o plugin foi desenvolvido para o Firefox 3, Chrome e o MSIE7. Por isso talvez você encontre alguns problemas em outros navegadores, como o Safari, por exemplo.

Acessando sua área de configuração, em ‘Configurações > Admin Menu’ [figura 3], é possível personalizar o menu a seu gosto. Ponto para o desenvolvedor!

área de configuração

O interessante é que algumas opções são aplicadas no mesmo instante.

Portanto não se assuste com isso. As opções são todas autoexplicativas e por isso não vou entrar com muitos detalhes, mas mostrando o resultado no menu. Vamos a elas?

Ícones e Cores

[figura 4]:

Ícones e Cores

  1. Ícones Superiores: já vem marcado por padrão e exibe os ícones do menu, assim como mostrado na figura 1. Quando desmarcado, o resultado fica assim [figura 5]:Ícones Superiores
  2. Modo Compacto: Essa opção desaparece quando a primeira for desmarcada. Sua função é não exibir o texto do menu principal, mas não interferindo nos menus suspensos [figura 6]:Modo Compacto
  3. Ícones dos Menus Suspensos: se desmarcado, esconde os ícones dos menus suspensos (submenus) [figura 7]: Ícones dos Menus Suspensos
    É necessário salvar para aplicar as configurações. O botão fica mais na parte de baixo dessa página;
  4. Esquema de Cores: mude as cores do menu instantaneamente [figura 8]: mude as cores do menu
    Você pode escolher uma cor pré-definida, clicando nas bolinhas, ou ainda personalizar a sua própria [figura 9]:cor pré-definida

Essa circunferência colorida com o quadrado dentro é onde você define sua cor e é acionada pelo ícone destacado em azul na figura. Na circunferência maior existe uma menor, também encontrada no quadrado, que são usadas para escolher as cores. Ainda existe a possibilidade de usar cor única, sem o efeito do gradiente, bastando clicar na opção correspondente.

Configurações Avançadas

Configurações Avançadas

  1. Modo Minimalista: com opção de esconder o cabeçalho da área administrativa do WordPress, ficando apenas o menu na parte superior;
  2. Ações Favoritas: permite mostrar ou esconder o botão de ‘Ações Favoritas’ [figura 11]. Ações Favoritas Caso seja a opção anterior esteja marcada, essa some automaticamente;
  3. Quebrar listas longas: permite definir o limite máximo de itens para serem exibidos no submenu de modo vertical. Caso haja mais que o valor estipulado, ele é dividido em colunas e exibido de modo horizontal. Tudo isso para que ele venha a caber na tela sem atrapalhar a administração. Essa opção precisa do JavaScript ativado;
  4. Links Superiores: se marcado, permite que os menus sejam clicados. Caso contrário somente os submenus irão permitir, exceto por aqueles que não tiverem;
  5. Ocultar balões de notificação: se marcado esconde os balões com zero (0) dentro dos comentários e dos plugins;
  6. Dê um pouco de ♥: exibe diversos links para ajudar o autor, com doação e divulgação;

Resetar Configurações

Resetar Configurações

Clicando no botão ‘Resetar configurações’ todas as informações de configuração do plugin são apagadas do banco de dados e voltando aos seus valores padrões. Não é possível desfazer essa ação, por isso pense bem antes de usa-la. Mais explicações são dadas nessa própria área.

E assim temos mais um artigo finalizado e mais pessoas bem informadas que aprendem mais e mais. Estou feliz por isso!

Qualquer dúvida, sugestão, elogio ou crítica podem ser feito nos comentários. Estou querendo te ouvir. No próximo artigo mais plugins. Até lá!

AdSense On Top E Adsense Optimize WordPress Plugins Parte15

Olá leitor do Webmaster.pt!

Nesse artigo irei finalizar o assunto envolvendo plugins do Adsense. Vou mostrar os problemas típicos que podem acontecer, geralmente envolvendo o design e a legibilidade. Quero dizer com isso que não adianta você ter a plena noção de como configurar corretamente o plugin ou como inserir os anúncios, se não souber onde inseri-los, a quantidade de Ads do blog ou ainda o formato correto a ser utilizado.

Mas não vou entrar em detalhes específicos, pois é um assunto bem extenso. Procure por artigos que tratam sobre layout de páginas e estética de blogs no Webmaster.pt e tire todas as suas dúvidas.

Aproveito para dizer que isso também ocorre em diversos outros plugins e por isso além de entender da parte técnica e configurações específicas do próprio plugin, é necessário entender todo o conjunto de informações que o cercam, sendo que às vezes, até em áreas em que o plugin não atua.

Algumas Dicas

Antes de entrar nos problemas, vou passar apenas algumas dicas importantes que irão
te ajudar:

  • Escolha um tema apropriado para o seu WordPress, que tenha suporte a Ads e se possível a plugins AdSense de modo automático;
  • Não “encha” seu blog somente com propagandas, salvo em caso daqueles que tenham esse objetivo, ou seja, ser um centro somente para Ads (!). Mas lembre-se de que os leitores geralmente gostam mais de conteúdo e que não gostam de sentirem-se enganados. Pense nisso!
  • Sempre deixe destacado o conteúdo do blog e não os Ads;
  • Procure conhecer todos os formatos de anúncios disponibilizados pelos AdSense para então escolher aqueles que se encaixam corretamente nas áreas destinadas ao Ads do seu blog;
  • Antes de publicar seu post ou página, sempre dê uma olhada antes para conferir o posicionamento do anúncio. Ainda nesse artigo irei citar alguns problemas quer podem ocorrer;
  • Assim como qualquer serviço, o AdSense também têm diversas políticas que precisam ser conhecidas e seguidas à risca. Não seja um fora-da-lei!
  • Estude Design de páginas. Isso já foi falado no início, mas é praticamente um requisito de sucesso do blog e por isso não deixe de fazer isso!

Os Problemas Comuns

Um dos problemas mais chatos e comuns que surgem, não somente nestes, mas em todos os plugins, é o tal do alinhamento. É necessário trabalhar muito bem nisso para que a legibilidade e estética do seu blog / web site não seja afetada.

O alinhamento não depende necessariamente do plugin, mas sim do tema e de outros plugins instalados, principalmente aqueles que inserem itens nos posts, como o Simple Pull Quote, assunto do artigo Simple Pull Quote – WordPress Plugin Parte12.

Vou dar apenas alguns exemplos e possíveis soluções básicas. É claro que com o tempo você irá adquirir mais experiência e conhecimento, talvez até em programação PHP e CSS. Mas nesse momento inicial quero dar a minha parcela de contribuição. Vamos lá então?

Exemplo No 1 [figura 1]:

Ads Retângulo grande (336x280) somente texto

Aqui temos um exemplo de Ads ‘Retângulo grande (336×280) somente texto’, com posicionamento no topo e alinhamento esquerdo. Repare que existe um “tarja” por cima do anúncio. Essa tarja faz parte do título do post do tema ‘Arjuna X’. A solução básica a ser aplicada aqui é alterar o tipo de Ads para ‘Retângulo médio (300 x 250) somente texto’ [figura 2]:

Ads para Retângulo médio (300 x 250) somente texto

Exemplo No 2 [figura 3]:

Ads do tipo Retângulo médio (300 x 250) somente texto

Coloquei esse exemplo que usa o Ads do tipo ‘Retângulo médio (300 x 250) somente texto com posicionamento no meio e alinhamento à esquerda. Repare que parte do texto ficou atrás do anúncio, parte esta referente à lista ordenada. Nesse caso podem ser aplicadas três soluções:

  1. Reformatar novamente o texto, podendo adicionar mais conteúdo no início do post ou página ou mudar o tipo de formatação [figura 4];Reformatar novamente o texto
  2. Mudar o alinhamento do Ads para a direita, lembrando que isso irá afetar todos os posts do seu blog;
  3. Mudar o posicionamento para o alto, revendo o tipo de anúncio;

As propagandas no meio do post, em minha opinião, são totalmente inconvenientes e desnecessários e ainda deixam um visual muito ruim e “feio”! Por isso sempre aconselho inseri-lo no topo ou no final do post.

Exemplo No 3 [figura 5]:

posicionamento baixo

Esse exemplo se assemelha muito ao primeiro, mesmo tendo o posicionamento baixo.

Aqui queria mostrar que dependendo do tipo de anúncio, ele fica “fora” do seu blog, deixando-o bem “grotesco” e nada profissional. A solução aqui é mudar o tipo de anúncio, escolhendo um que se encaixe dentro do post;

Exemplo No 4 [figura 6]:

o Ads empurrou todo o post para baixo

Esse problema já foi apresentado no artigo Simple Pull Quote – WordPress Plugin Parte12, mas agora com a inclusão do Ads. Você pode até não estar vendo, mas na parte onde é mostrado o código PHP com ajuda do plugin SyntaxHighlighter Evolved, existe os intertítulos do plugin Simple Pull Quote.

Imagine colocar isso para os seus leitores. Além de uma falta de profissionalismo é uma falta de respeito com eles. O que aconteceu é que o Ads “empurrou” todo o post para baixo, sendo que os outros plugins não conseguem “enxergar” isso.

Existem algumas soluções que podem ser aplicadas:

  • Reformatar o texto, adicionando ou retirando conteúdo. Na figura 7 podemos ter um exemplo disso, mesmo não sendo dos melhores xD;
  • Colocando o código em outro lugar;
  • Retirando os intertítulos;
  • Tirando o anúncio. Para isso insira o comentário HTML ao post.
  • Lembre-se de que isso é feito somente em modo HTML. Essa informação é encontrada no site oficial, porém ao fazer isso o post fica novamente desalinhado [figura 8], sendo necessário reformatar novamente o post.post fica novamente desalinhado

Mas acho que você já entendeu a ideia que passar, de que existem diversas formas e que você precisa explorar todas para obter o melhor resultado.

E Os Erros Com O Adsense On Top?

Até agora estive falando dos erros com o Adsense Optimizer e por isso vamos explorar um pouco o outro plugin.

Exemplo No 5 [figura 9]:

anúncio do tipo Cabeçalho (728 x 90)

Esse é um erro que surge no tema Arjuna X com anúncio do tipo ‘Cabeçalho (728 x 90)’ com o posicionamento no alto. O que aconteceu é que o Ads ficou atrás do cabeçalho. Veja que em outro exemplo [figura 10], com o anúncio do tipo ‘Retângulo médio (300 x 250)’, além do cabeçalho ter ficado na frente, o anúncio referente aos múltiplos posts também “ficou no caminho”.

anúncio do tipo Retângulo médio (300 x 250)

Repare como o blog virou uma bagunça total com poucos cliques :D. Em ambos os casos, a melhor solução para esse tema é trocar o posicionamento do anúncio para outro lugar, preferencialmente no rodapé [figura 11].

preferencialmente no rodapé

Último Aviso e Finalizando…

Existe um aviso interessante no site oficial do Adsense on Top, informando que segue as recomendações do Google e por isso adiciona somente três Ads por página, bloqueando os excedentes. Mas isso somente com o plugin Adsense Optimizer. Então se você não visualizar mais de três anúncios por página já sabe o motivo.

Assim finalmente encerro o assunto com esses dois plugins que funcionam em conjunto. Mas tenho certeza de que você aprendeu muito e que aplicará tudo ao seu blog. Como sempre utilize seus comentários para deixar suas dúvidas, sugestões, críticas ou elogios. Estou muito querendo te ouvir. No próximo artigo, falaremos sobre novos plugins.

Fiquem na paz e até o nosso próximo encontro!

AdSense On Top E Adsense Optimize WordPress Plugins Parte14

Olá grande leitor do Webmaster.pt e estudando de WordPress!

Continuação do artigo: AdSense On Top E Adsense Optimize WordPress Plugins Parte13

Como bem sabemos “a propaganda é alma do negócio”! E um dos objetivos de um blog de sucesso e conseguir render alguma verba extra no final do mês. Aí entra os Ads, ou seja, os anúncios rentáveis do blog.

E nesse artigo iremos dar algumas dicas a mais para trabalhar com plugins dessa categoria, voltado principalmente para iniciantes. O assunto foi iniciado no último artigo, por isso é muito importante você já ter lido ele.

Adicionando Anúncios Com O Adsense Optimizer

O artigo anterior termina com a informação no quadro amarelo, em ‘Configurações > Adsense Optimizer’ que são definidas as opções de visualização dos anúncios do Google AdSense no WordPress.

Esse quadro é dividido em duas partes, que irei explicar em detalhes agora:

Single Posts & Static Pages [figura 1]:

Single Posts e Static Pages

Aqui são definidas as configurações para os posts únicos e páginas estáticas. Posts únicos são os posts que visualizamos de modo completo na tela. Essa parte apresenta cinco colunas:

  • Ad Nr: apenas apresenta a ID do Ads, permitindo que sejam adicionados até 5 anúncios, cada um com sua visualização e características configuradas de modo independente;
  • Ad Type: permite selecionar o tipo de Ads, definido na área azul/roxa ou ainda não exibir a propaganda;
  • Position: defina a posição, podendo ser no topo, meio, baixo ou aleatório;
  • Aligment: Selecione o alinhamento com opções de ser centralizado, direito, esquerdo ou aleatório;
  • Characters: permite definir a quantidade de caracteres que o post/página deve ter antes de apresentar o Ads. Isso é muito útil em caso de posts/páginas grandes;

As opções da parte destacada em vermelho só aparecem quando é selecionado o ‘Optimizer’ nas opções gerais (apresentado no último artigo). Como não são o foco desse artigo as opções avançadas, não irei explicar essa parte. Mas não se preocupe, pois no site oficial você pode tirar suas dúvidas.

Multiple Posts

Multiple Posts

Essas opções são aplicadas no WordPress quando vários posts são visualizados numa mesma página, com toda a sua informação ou somente seu resumo. Isso acontece, por exemplo, na página principal, no arquivamento por data e outros.

Aqui são apresentadas 4 colunas:

  • Ad Nr: apenas define a ID do Ads, sendo adicionados até 6 anúncios, podendo ser configurados de modo independente um do outro;
  • Ad Type: escolha o tipo de Ads definido na área azul/roxa ou ainda não exibir;
  • Show With: permite escolher em qual post o Ads irá aparecer, porém somente até o décimo;
  • Aligment: escolha o tipo de alinhamento com três opções: centralizado acima, lado esquerdo ou lado direito do título do post;

A parte em vermelho só aparece quando selecionada a opção ‘Optimizer’ nas opções gerais. Mais detalhes no site oficial.

Anúncios Com Widget e Outras Formas

O plugin Adsense Optimizer também cria um widget chamado ‘Adsense Ad’ que, ao ser adicionado à barra lateral, também exibe Ads de acordo com as opções inseridas [figura 3]:

widget adsense ad

  • Title: o título a ser exibido na barra lateral;
  • Ad Type: o tipo de Ads configurado no plugin, podendo ser escolhido de 1 a 5.

Caso você deixe em branco, ele automaticamente se adapta ao widget;

No caso do Widget, é importante definir o tipo correto do anúncio para que ele não fique de “modo grosseiro” na barra lateral, tirando assim toda a legibilidade e estética do seu blog.

Ainda existem outros meios de inserir Ads por meio desse plugin, tais como adicionar uma função PHP diretamente no código fonte. Também existe a possibilidade de não permitir Ads em alguns posts ou páginas.

Mas essas opções não serão detalhadas nesse artigo, porém existe uma explicação bem completa no site oficial. Leia tudo, faça testes e aprenda na base do “acerto e erro”. Em caso de dúvidas, estaremos prontos para te ajudar!

Finalizando A Parte 2 Sobre Estes 2 Plugins

Realmente quando tratamos de monetização do blog e com isso os anúncios patrocinados todos os detalhes devem ser levados em consideração. Por em nossa terceira é última parte iremos tratar de todos os problemas que podem vir a acontecer.

E Acredite, aconteceu enquanto estava escrevendo os artigos e por isso não poderia de passar para todos os que estão se tornando verdadeiros “experts” no WordPress.

Qualquer dúvida, sugestão, crítica ou elogio fique a vontade nos comentários pois estamos aqui dispostos a te ouvir!

Até o próximo encontro!

AdSense On Top E Adsense Optimize WordPress Plugins Parte13

Olá leitor do Webmaster.pt!

Nesse novo artigo, que faz parte da coletânea que ensina o básico sobre plugins no WordPress, irei tratar sobre dois com os quais você vai ganhar dinheiro com seu blog. Sim, prepare-se para começar a encher seus bolsos e quem sabe ficar rico (!).

Assim como os outros, não irei detalhar a instalação dos plugins. Mas não se preocupe, pois o artigo Como Instalar Plugins No WordPress Parte4 tira todas as suas dúvidas.

google adsense

Os plugins dos quais irei falar nesse artigo utilizam o Google AdSense, que é um serviço para exibir anúncios, também conhecidos como Ads, relacionados ao conteúdo do blog / site. O dinheiro vem quando os visitantes clicam nos Ads. Não vou entrar em mais detalhes sobre como configurar o serviço, os tipos de anúncios, melhor forma de visualização ou outras informações relacionadas. Você pode tirar todas as suas dúvidas no site oficial do Google AdSense ou ainda em outros artigos aqui do Webmaster.pt.

Ainda gostaria de dizer que existem muitos outros plugins para o AdSense, mas são poucas as diferenças em suas configurações específicas. Escolhi esses dois para fins didáticos, pois o maior objetivo aqui é ensinar aos novatos.

Começando…

O Google AdSense gera um código para cada bloco de anúncios que precisa ser inserido em sua página manualmente, mas com esses dois plugins tudo é automático. Mas não se engane, pois ainda é necessário conhecer alguns pré-requisitos e detalhes importantes, para assim ter sucesso em toda a configuração e exibição.

Isso também acontece com diversos outros plugins: é necessário conhecer os pré-requisitos, os detalhes da configuração, compatibilidade ou dependência de outros plugins, versão do WordPress, versão do PHP e outros itens que precisam ser estudados e verificados com muita atenção antes de entrar oficialmente no blog / site. Isso é claro, se você não quer ter problemas com seu WordPress.

AdSense on Top e Adsense Optimizer

Encontrado no repositório oficial do WordPress e com site próprio, o interessante do AdSense on Top é que ele só funciona quando outro plugin estiver instalado, o Adsense Optimizer, que também é encontrado no repositório do WordPress.

A diferença entre os dois é que Adsense Optimizer adiciona as propagandas dentro do posts e páginas e já o AdSense on Top as adiciona fora das margens. Iremos começar a detalhar do segundo plugin para o primeiro (!). Isso mesmo! Pois isso pode acontecer com os novatos e será mostrado como sair dessa situação, que apesar de simples pode tornar-se muito complicado para quem nada entende do assunto.

Assim que instalado e ativado, o AdSense on Top já informa que é necessário outro plugin para que ele possa ser usado. Esse aviso é emito nas configurações do plugin em ‘Configurações > Adsense on Top’ [figura 1]:

Configurações Adsense on Top

Vou aproveitar e já detalhar as opções, que também são explicadas no site oficial:

  1. Visual Ad type: escolha o visual dos anúncios, configurado nas opções do Adsense Optimizer;
  2. Position: escolha a posição, ou seja, a parte em que o anúncio deve aparecer no blog, com as seguintes opções:
    • Top: topo do blog;
    • Bottom: na parte de baixo do blog, depois do rodapé;
    • Right: à direita;
    • Left: à esquerda;
  3. Background: escolha se você quer inserir um fundo transparente ou a cor definida no próprio Adsense. Somente é aplicado nos Ads com posição Top e Bottom;
  4. Horizontal margin: definir o alinhamento horizontal, sendo que Ads com posição Top e Bottom serão centralizadas;
  5. Vertical margin: defina o alinhamento vertical. Somente não é aplicada na posição Botton;

Como você percebeu, somente nessas opções existem diversos “pequenos” detalhes que precisam de muita atenção. Ah, para resolver o problema da mensagem e exibir as propagandas, basta instalar o outro plugin, o Adsense Optimizer.

Configurando O Adsense Optimizer

Depois de instalado e ativado, o Adsense Optimizer cria uma nova entrada no Painel de Administração do WordPress em ‘Configurações > Adsense Optimizer’, que é dividida em três áreas:

  • Opções gerais,
  • Ajustando seus Ads e
  • Onde mostrar os Ads.

Nessas opções você provavelmente irá encontrar outro problema, mas somente se não conhecer o Google AdSense, como os formatos e tipos de anúncios, os blocos de propaganda e outras configurações específicas. Quero dizer com isso que as opções daqui só estarão perfeitamente claras quando você estudar a fundo o serviço do Google.

Em diversos tipos de plugins será necessário você entender conceitos e configurações externas ao WordPress e específicas para o tipo de serviço, recurso ou funcionalidade que você deseja adicionar ao seu blog / site. Nesse caso, os plugins acabam virando somente uma espécie de “ponte” interligando o serviço ao WordPress.

Só irei abordar alguns detalhes sobre o Adsense Optimizer, deixando a seu cargo estudar o AdSense para tirar o máximo de proveito. Qualquer problema tire suas dúvidas conosco ou com os nossos artigos.

  1. Opções Gerais [figura 2]:Opções Gerais
    • AdSense Publisher ID: aqui você informa sua ID do Google AdSense, informação que você encontra no topo direito da página depois de efetuar o login [figura 3]. Opções GeraisInsira somente a sequencia de 16 números depois de ‘pub-‘;
    • AdSense Channel: informe a ID do bloco de anúncios criado. Isso é feito no gerenciamento de anúncios e a ID aparece logo abaixo [figura 4]. Novamente insira somente os números;AdSense Channel
    • Donate: defina a porcentagem de doação para o autor do plugin, que é feita automaticamente. Também existe a opção de não fazer doação alguma. A escolha é sua;
    • Tipo de usuário: Existem duas opções, o ‘Basic User’ que apresenta um número mínimo de opções ou o ‘Optimizer’ para usuários mais avançados, que querem aperfeiçoar os Ads do blog;
  2. Ajustando seus Ads (Parte Azul/Roxo) [figura 5]:
    Ajustando seus Ads
    Aqui você pode definir oito tipos de Ads, baseado no que o AdSense permite, sendo possível adicionar uma descrição para cada um. É necessário conhecer o serviço do Google, os formatos do Ads e outros detalhes importantes. E escolhendo Optimizer nas opções gerais, é possível personalizar ainda mais tudo isso. É nesse ponto que você conhecer não de WordPress, mas sim do Google AdSense, pois vai apenas escolher as opções existentes e permitidas pelo serviço;
  3. Onde mostrar os Ads (Parte Amarela) [figura 6]:
    Onde mostrar os Ads
    Nessa parte você pode definir onde os Ads irão aparecer, quais os tipos, posição e alinhamento. É possível definir a exibição tanto para múltiplos posts (na página principal do blog, por exemplo), quanto para posts individuais ou nas páginas do WordPress.

Finalizando A Parte 1

Para salvar qualquer alteração, basta clicar no botão ‘Update Options’. Diante das várias possibilidades de inserção e alinhamento, incluindo aí uma widget, o assunto ainda vai continuar no próximo artigo com mais riquezas de detalhes.

E para qualquer dúvida que você tiver, já sabe, é só deixar seu comentário e nós, com toda a certeza iremos te ajudar. Também quero ouvir sua opinião, sugestão, elogio ou crítica.

Outros artigos desta minisérie sobres WordPress Plugins:

Um abraço e até o próximo artigo!

Simple Pull Quote – WordPress Plugin Parte12

Olá caro leitor do Webmaster.pt!

Seja bem vindo a mais uma etapa sobre plugins para iniciantes no WordPress. Dessa vez iremos explorar o Simple Pull Quote, que permite inserir um intertítulo dentro de um post ou página. A primeira vista parece que não teremos problemas, mas vamos ver se ao final do artigo você ainda continuará com essa opinião.

Problemas acontecem com muitos plugins! Quando o olhamos pela primeira vez, achamos o recurso muito interessante e necessário, mas aí surgem as dificuldades técnicas e estruturais. Diante disso o que precisa ser feito é analisar se o plugin realmente é necessário aos interesses do blog, sendo quase que obrigatório testa-lo de todas as formas, sempre pensando nos leitores.

Lembre-se de que um dos requisitos para um blog de sucesso é sua legibilidade, ou seja, sua habilidade de facilitar a leitura de posts e páginas. É necessário trabalhar nessa questão para que os plugins não atrapalhem o usuário de visualizar as informações.

O Simple Pull Quote pode ser baixado no repositório oficial do WordPress e ainda possui um site oficial bem simples e com poucas informações.

Pelo jeito o suporte é feito dentro do fórum do próprio WordPress.

O recurso que será inserido é conhecido também por “olho” ou “pullquote” e é bastante utilizado por revistas e jornais, dando um aspecto profissional ao blog. É possível inseri-lo manualmente por meio do CSS, mas com esse plugin, tudo em é feito com poucos passos.

Depois de instalado e ativado, são inseridos botões no modo visual [figura 1] e no modo HTML [figura 2] facilitando ainda mais a vida do escritor.

botões no modo visual

botões no modo HTML

Ao clicar em qualquer um desses botões destacados, são inseridos os dois shortcodes


[pullquote] e [/pullquote]

necessários para criar o “olho”, um de abertura e outro de fechamento. Entre os shortcodes deve estar o conteúdo, podendo ser um texto formatado, com hiperlinks, imagens e até vídeos.

Eis alguns exemplos [figura 3 e 4]:

citação destacada

citação destacada

Na figura 3, que é parte de edição, destacado em amarelo, você confere um texto simples. Já no destaque em azul foi inserida uma imagem com um hiperlink. Por padrão, o posicionamento é feito da direito para a esquerda, como visto na figura 4.

Eu poderia parar o artigo agora, pois as etapas para as configurações específicas do plugin já foram explicadas, mas como o objetivo é ensinar as iniciantes, irei apresentar alguns problemas e dificuldades que você pode encontrar.

O primeiro diz respeito à legibilidade, pois é preciso analisar com cuidado sobre o que inserir no “olho”. Procure colocar alguma coisa que chame a atenção do leitor ou que desperte o interesse pela leitura do post/página.

O segundo problema pode ser causado devido ao alinhamento padrão, ou seja, da direita para a esquerda, vá até o editor de plugins e faça as mudanças necessárias no arquivo ‘simple-pull-quote/css/simple-pull-quote.css’ [figura 5]. Lembrando que é necessário conhecer CSS para fazer isso.

alinhamento padrão

Um terceiro problema pode ocorrer quando você for querer adicionar muitos “olhos” em seus posts/páginas. A dica é: Não faça isso, senão irá virar uma bagunça total! A não ser que essa seja sua intensão [figura 6].

adicionar muitos olhos

Procure por outros artigos, aqui mesmo no blog que tratam com mais detalhes sobre layout de páginas e tire todas as suas dúvidas.

O quarto problema acontece quando você utiliza outros plugins no seu WordPress.

Como exemplo, vamos utilizar outros dois plugins, o SyntaxHighlighter Evolved e o WP-Print.

Com o SyntaxHighlighter Evolved o “olho” some, ficando atrás do código inserido. Veja por si mesmo [figura 7]:

SyntaxHighlighter Evolved

Deixei destacado em azul a parte onde o intertítulo aparece. Para resolver esse problema, existem duas opções: ou muda o “olho” de lugar ou deixe o código mais “para baixo” do post.

Já com o WP-Print acontece um problema bem engraçado, relatado no fórum do plugin: os intertítulos/olhos não aparecem na página gerada para impressão. Para quem não sabe, o WP-Print gera uma página já formatada para impressão. Para esse problema ainda não há solução. Por isso a importância de uma pesquisa antes de instalar qualquer plugin.

Agora sim, chegamos ao final desse artigo. Espero que você o aprendizado passado aqui seja válido para você e com isso muitas dores de cabeça sejam evitadas.

Estou te esperando no próximo artigo, mas antes faça o seu comentário com suas dúvidas, opiniões, críticas ou elogios. Estou ansioso para te ouvir!

Um abraço!

Plugin jQuery Lightbox Para WordPress Parte11

Olá leitor do Webmaster.pt e amante do WordPress! 😀

Já estamos na décima primeira parte tratando sobre plugins para iniciantes. Nesse artigo iremos estudar o plugin chamado jQuery Lightbox, que permite modificar a forma de visualização das imagens do seu post ou página.

Caso ainda não saiba como instalar o plugin, leia o artigo Como Instalar Plugins No WordPress Parte4 e tire todas as dúvidas.

Para começar, precisamos conhecer o efeito LightBox, que não é exclusivo desse plugin. Esse efeito, quando aplicado numa foto, abre-a numa janela modal em vez do modo habitual, ou seja, numa nova página ou numa página de anexo (tutorial sobre página de anexo).

O efeito pode ser adicionado manualmente, por meio de várias linhas de código. O que esse plugin faz é facilitar esse trabalho, sendo possível ser configurado por pessoas que nada conhecem de programação. Existem outros plugins desse tipo disponíveis, porém esse foi escolhido por que usa o jQuery, deixando assim a execução mais rápida e simples, além de ser muito fácil sua configuração.

O jQuery Lightbox está disponível no repositório oficial do WordPress e ainda possui uma página oficial totalmente em português, pelo menos em partes.

Segundo o site oficial, as instruções para usar o plugin são:

(…) Depois, sempre que queira utilizar o efeito Lightbox, basta colocar um link para a imagem, e colocar o atributo rel=”lightbox” na mesma para que o efeito seja activado ao clicar no link. Pode também utilizar rel=”lightbox-album” substituindo album por uma qualquer palavra para agrupar algumas imagens num álbum.

Apesar de a instrução serem bem simples e fáceis, vão surgir alguns detalhes que precisam de uma atenção especial.

Essa dica é valida para qualquer plugin, pois apesar do site oficial informar apenas as configurações mais óbvias, é necessário conhecer os detalhes do efeito aplicado e assim configurar e adaptar todas as partes, para que o aproveitamento seja o máximo possível.

Detalhes Sobre o jQuery Lightbox

Ao ativar o plugin, crie um novo post, adicione algumas fotos com o efeito Lightbox, conforme informa as instruções do site oficial. Isso pode ser feito tanto em modo visual como em modo HTML.

Para o primeiro caso adicione nas configurações avançadas do link, adicionando o parâmetro no campo ‘Rel do Link’. Não sabe como fazer isso? Então leia o artigo WordPress – Adicionar Posts 8 Edição De Imagens e tire suas dúvidas.

Já em modo HTML, faça como mostrado na figura 1:

modo HTML

Veja que foi criado o álbum ‘casamento’, composto por três fotos [figura 2]:

criado o álbum

Clicando em qualquer foto, podemos conhecer melhor o efeito e seus detalhes [figura 3]:

efeito LightBox

  1. O fundo do WordPress fica escuro, o que dá destaque somente à imagem;
  2. PREV: se clicado, mostra a imagem anterior do álbum;
  3. NEXT: mostra a imagem seguinte do álbum;
  4. Posição: mostra o número da imagem atual do total do álbum;
  5. Título: exibe o título da imagem em forma de hiperlink, que abre a foto em outra janela, permitindo assim o seu download;
  6. Close x: fecha a imagem;

Ainda existem mais três detalhes que precisam ser ressaltadas:

Os botões PREV e NEXT só aparecem caso a imagem esteja dentro de um álbum, assim como a informação da posição da foto;

As informações sobre a posição e o botão Close x só aparecem quando o mouse é passado ali;

Para exibir a informação no título com um nome amigável, deve-se adicionado ao atributo title do link, caso contrário é exibido o nome ‘Untitled’. Muito importante isso, pois nesse caso não pode ser o title (título) da imagem, mas sim do link, como pode ser conferido no modo HTML [figura 4]:

title do link

Se você gostaria de eliminar o hiperlink no Título da imagem e assim a possibilidade de seu download, dê uma olhada nos comentários da página oficial, pois existe um método muito fácil para isso. Fácil sim, mas será preciso mexer com algumas linhas de código. Qualquer dúvida pode perguntar que iremos te ajudar.

Existe ainda outro detalhe mais óbvio: é possível criar vários álbuns dentro de um post. Para isso basta nomeá-los de forma diferente. Mas cuidado ao fazer isso sem explicar ao leitor / usuário. Lembre-se de sempre deixar tudo da maneira mais fácil, pois ele é seu “cliente” e o seu blog “seu cartão de visitas”.

Galeria

Você se lembra das galerias, assunto do artigo WordPress – Adicionar Posts 5 Galeria? Então uma ótima notícia!

Ao ativar o jQuery Lightbox no seu WordPress, a galeria passa a ter um comportamento diferente:

  • É criado automaticamente um álbum com a galeria do post ou página;
  • O nome exibido no título será o mesmo do atributo title (título) da foto e não do link;

E assim finalizado mais um artigo, deixando aquele abraço para todos os leitores. E tenha a certeza: qualquer comentário feito aqui será respondido. Não deixe de usa-lo. Até a próxima!

Shortcodes – WordPress Plugin Pages to Page Parte10

Olá grande leitor do Webmaster.pt e estudante do WordPress!

Hoje iremos aprender as configurações de um plugin que irá adicionar conteúdo nas páginas ou posts do WordPress usando os shortcodes, o Pages to Page.

Shortcodes podem ser comparados a atalhos e são usados na criação de objetos ou para inserir arquivos.

Outros artigos da minisérie sobre WordPress Plugins:

O Pages to Page é encontrado no repositório oficial do WordPress sendo que seu web site oficinal do plugin foi atualizado recentemente. Isso foi muito conveniente, pois podemos tirar uma importante lição disso:

A necessidade de sempre estar atualizando os plugins do seu WordPress. São atualizadas não somente seu código fonte, mas sim a URL de suporte, descrição e outros itens. Qualquer dúvida leia os artigos que tratam sobre atualizações do WordPress e tire todas as suas dúvidas.

Depois de ativado, já é possível utilizar os shortcodes para produzir o conteúdo dentro das páginas e post. Sem esse plugin, esse conteúdo só poderia ser inserido nas barras laterais, por meio dos widgets. São eles: os comentários recentes, páginas, categorias, arquivos, links, posts recentes e o calendário.

Isso mostra novamente a necessidade de se conhecer bem os plugins e sua forma de utilização. E essas informações, nesse caso, são encontradas no arquivo ‘readme.txt’, que vem junto com o pacote compactado.

Caso você enfrente o problema de não ter mais o arquivo compactado, não se preocupe, pois é possível visualizar o readme.txt dentro do editor de plugins do WordPress, em ‘Plugins > Editor’ [figura 1]:

readme.txt

Para isso basta que na instalação esse arquivo não tenha sido apagado e então seleciona-lo. Na figura 1 veja que foi necessário selecionar o arquivo ‘pages-to-page/readme.txt’ e assim sendo possível visualiza-lo dentro da área de edição.

Normalmente com todos os plugins é possível acessar o arquivo com as informações e instruções da pelo editor de plugins do WordPress. Basta somente que esse arquivo exista no diretório (!).

Dentro do readme.txt é disponibilizado um FAQ que mostra em detalhes como usar os shortcodes: basta inserir o tipo de conteúdo (em inglês) desejado dentro das tags [PTP] e
[/PTP]. São eles:

  • Posts Recentes: [PTP]posts[/PTP]
  • Categorias: [PTP]categories[/PTP]
  • Páginas: [PTP]pages[/PTP]
  • Arquivamento: [PTP]archives[/PTP]
  • Links: [PTP]links[/PTP]
  • Comentários Recentes: [PTP]comments[/PTP]
  • Calendário: [PTP]calendar[/PTP]

O resultado dentro da página ou post é semelhante ao apresentando na barra lateral [figura 2]:

resultado dentro da página ou post

O legal dos shortcodes é que podem ser adicionados entre qualquer texto, tanto em modo visual como em modo HTML. No exemplo da figura 2 foi adicionado o seguinte [figura 3]:

shortcodes

Veja que com poucas palavras foi possível produzir uma página completa. O FAQ também informa que é possível adicionar todos os tipos de conteúdo numa única tag, como por exemplo:

[PTP]pages,categories,posts,archives,links,comments,calendar[/PTP]

Também informa que é possível escolher posts ou páginas a serem inseridos, precisando apenas de seu ID. Vamos supor que o ID seja 2, então o shortcode deverá ser da seguinte forma:

  • Para página: [PTP]page:2[/PTP]
  • Para post: [PTP]post:2[/PTP]

Em casos de mais de uma ID, basta separa-los por vírgula (,):

  • [PTP]post:259,240[/PTP]
  • [PTP]page:2,258,276[/PTP]

Para descobrir a ID de um post leia o artigo WordPress – Administrando Os Posts – Parte 1 (http://www.webmaster.com.pt/wordpress-posts-parte1-2506.html). O mesmo conceito se aplica às páginas.

E para finalizar, o readme.txt também informa que o plugin não exibe posts ou páginas restritas ou com senhas. No caso de link, basta marca-los como privados que também não serão exibidos. Por isso fique tranquilo quanto a isso, pois a vontade do administrador do WordPress é totalmente respeitada.

Assim chegamos ao fim de mais uma etapa. Continuaremos no próximo artigo com mais plugins bem detalhados para o seu aprendizado. Fico esperando seu comentário. Até!

2 Plugins A Não Perder Para Redes Sociais Parte9

Olá amigo leitor do Webmaster.pt!

As redes sociais são o assunto do momento e pode ter certeza que elas vieram para ficar. Por isso nessa parte 9 da coletânea sobre plugins irei apresentar dois nessa categoria. Para isso, é claro, você deve estar cadastrado nas redes que irá utilizar. Não iremos abordar a instalação desses plugins, mas somente sua configuração. Leia o artigo Como Instalar Plugins No WordPress Parte4 para tirar suas dúvidas.

Outros artigos desta minisérie:

Social Media Widget

Esse plugin é bem interessante, pois adiciona diversos ícones que levarão os visitantes do blog diretamente à rede social cadastrada. Esse plugin é encontrado no repositório oficial do WordPress e também possui uma página própria, onde é feito o suporte pelo autor.

Com o plugin instalado e ativado, irá aparecer uma nova widget no seu WordPress, chamada de ‘Social Widget’. O Social Media Widget não possui uma área de configuração própria. Isso é feito no próprio widget.

Nessas configurações você define o título, que será exibido na barra lateral, a URL de cada rede social que você faça parte e que estejam disponíveis no plugin, o tamanho dos ícones, os tipos disponíveis e sua opacidade. Realmente é bem simples e não tem mistério.

O que eu gostaria de chamar atenção é que cada URL deve começar com o ‘http://’, pois senão ele irá apontar para uma página do próprio blog, que logicamente não existirá. E não se preocupe caso não faça parte de todas as redes sociais, pois ele exibirá apenas os ícones com URL cadastradas.

Outro detalhe que talvez você perceba é que os dois últimos ícones são para o RSS e a página de cadastro do seu blog. Na verdade, se você cadastrar qualquer URL o ícone apontará para ela e isso em qualquer botão. Por isso muita atenção para cadastrar o endereço corretamente. Isso mostra que o recurso é bem legal, mas não é automático.

Um ponto bem interessante a ser mencionado é justamente a atenção que é necessária com alguns plugins, pois às vezes podemos achar que eles são todos configurados automaticamente, mas na realidade não é bem assim.

Na figura 1 você pode conferir os quatro tipos de ícones disponíveis:

quatro tipos de ícones disponíveis

Retweet Anywhere

Twitter é a rede social mais comentada ultimamente, apesar de muitos não a considerarem assim. Mas deixando essa discussão para outra hora, existem diversos plugins que adicionam recursos interessantes ao WordPress. O que irei apresentar nesse artigo permite aos leitores retweetar seus posts ou páginas de maneira rápida e simples, clicando apenas num botão [figura 2]:

retweetar seus posts

Ainda é possível adicionar uma widget com o mesmo propósito, inserir através dos shortcodes ou integrar manualmente no código PHP. Veja que esse plugin adiciona o mesmo recurso de diversas formas, mas irei explicar apenas a parte “menos complicada” e mais fácil, pois essa coletânea e voltada para os iniciantes.

Existem plugins que adicionam diversos recursos, funcionalidades e configurações ao WordPress, mas que geralmente não são necessários. Ainda existem aqueles que possuem mais de um método de implantação. Por isso é realmente importante você ler toda a documentação do plugin para conhecer “todos os caminhos”.

Na página oficial do Retweet Anywhere você encontra um FAQ com todas as informações necessárias sobre o plugin, que pode ser baixado no repositório oficial do WordPress.

Assim que instalado e ativado, o plugin cria uma entrada em ‘Configurações > Retweet Anywhere’. Acesse essa área de configuração que é dividida em três partes: General, URL Shortening e Look & Feel. Vamos detalha-los:

opções gerais do plugin

Na parte General [figura 3] estão presentes as opções gerais do plugin, que são:

  • Twitter API Key: é necessário inserir uma API Key do Twitter para seu blog. Para consegui-la, registre uma nova aplicação Twitter, sendo que no campo Callback URL você deve colocar o domínio do seu blog e em Default Access type deve estar como Read & Write. Depois de registrada sua aplicação, basta copiar sua API Key, que poderá ser visualizada no perfil da sua aplicação. Mas detalhes sobre a API Key do Twitter você encontra em outros artigos aqui do Webmaster.pt;
  • Popup title: texto que irá aparecer quando você deixar o mouse em cima do botão ‘Retweet’;
  • Retweet Format: aqui você define o formato da mensagem. É possível adicionar qualquer texto, que será exibido para o usuário. A variável %s exibe o título do post e %l seu link;
  • Enable Widget Shortcode: se marcado, permite que você use o shortcode [retweet-anywhere] nos seus posts;

Em URL Shortening [figura 4] estão as opções relacionadas ao encurtamento de links. Para isso, na lista suspensa escolha o serviço Bit.ly. Também é necessário inserir o nome de usuário e a sua API Key. Faça seu registro e depois obtenha essas informações no link Your bit.ly API Key .

URL Shortening

Já em Look & Feel [figura 5] estão as opções relacionadas à aparência do botão ‘Retweet’. São elas:

Look & Feel

  • Placement: local em que o botão ficará com opção de deixar no final ou no início do post ou ainda inseri-la manualmente, através do código PHP ou do shortcode;
  • Button Style: define o estilo do botão, podendo ser personalizado com código HTML;
  • Custom HTML: somente é usada caso seja acionada na opção anterior;
  • Background Opacity: define a opacidade do fundo na janela modal que é aberta ao clicar no botão ‘Retweet’;

Ainda é possível adicionar uma widget à sua barra lateral [figura 6]

adicionar uma widget à sua barra lateral

para que os visitantes do blog possam “retweetar” diretamente, sem precisar abrir a janela modal [figura 7].

retweetar

É possível definir o texto padrão, incluindo as variáveis já citadas, o título e ainda o tamanho do bloco.

Existem ainda outras opções de integração para esse plugin, mas isso deixarei a seu cargo pesquisar. Considere como uma tarefa para casa :D.

Em caso de dúvida pode utilizar os comentários sem problemas. Aproveite e deixe sua opinião, sugestão, elogio ou crítica.

Até o próximo artigo com mais plugins.

Better Tag Cloud Plugin Para WordPress Parte8

Olá caro leitor do Webmaster.pt!

Já estamos na oitava parte dessa coletânea sobre plugins e nesse artigo irei abordar sobre um que tem a capacidade de substituir um widget padrão do WordPress, que é a nuvem de tags. Novamente de maneira bem rápida e fácil.

Outros artigos desta minisérie:

Pelo fato do plugin criar um widget será necessário utilizar temas que suportem tal recurso. Sua configuração é feita numa área exclusiva, pois é criada uma nova entrada no Painel de Administração. Nessa área a configuração é feita alterando os valores das “templates tags”.

O objetivo desse plugin é mostrar que existem recursos mais interessantes e com mais opções de personalização do que aqueles que vêm por padrão no WordPress. Para isso basta que seja feita a pesquisa. Aproveite e veja a indicação de plugins nos artigos de nosso blog.

A instalação não será abordada, pois foi assunto do artigo Como Instalar Plugins No WordPress Parte4, onde você poderá tirar todas as suas dúvidas.

O plugin é encontrado no repositório oficial do WordPress, mas também possui um site oficial bem bacana, que tem todo o “modus operandi”, inclusive com o suporte feito nos comentários.

Assim que instalado e ativado, você pode adicionar a widget ‘Better Tag Cloud’ para exibir suas tags [figura 1 e 2]:

Better Tag Cloud

Better Tag Cloud

Repare que o resultado dessa widget, a princípio é bem semelhante à nuvem de tags padrão do WordPress. Mas ao mudar suas configurações, você verá que não é bem assim.

Essas configurações você acessa em ‘Configurações > Better Tag Cloud’ ou pelo link ‘settings page’ da widget. Ambos os caminhos levarão a uma tela, que pode ser dividida em 5 partes, que serão explicadas agora:

  1. Informações gerais [figura 3]: Informações geraisexibe informações sobre o plugin e novidades. Também exibe um quadro com diversos links para votação, doação, blog do autor e outros; Em alguns plugins as informações principais são exibidas em sua página de configuração. No caso do Better Tag Cloud é informado uma novidade, que é possibilidade de usar o Shortcode [nktagcloud] para adicionar esse recurso em posts ou páginas.
  2. Tag Cloud Configuration [figura 4]: Tag Cloud Configurationaqui estão as configurações gerais do plugin, que irá modificar totalmente a nuvem de tags. Na verdade ele faz uma abstração de toda a parte de programação, sendo que cada opção está explicada no Codex e que são:
    • O título na barra lateral;
    • Tamanho mínimo e máximo da fonte e sua unidade de medida;
    • Quantidade tags a serem mostradas, sendo que ‘0’ (zero) mostra todos;
    • Forma de visualização: flat (separado por um espaço em branco ou o definido pelo parâmetro separator) ou list (em forma de tabela);
    • Opção para ordenação sendo: Order: ASC (ascendente), DESC (descendente) e RAND (aleatório); Ordeby: name (por nome), count (quantidade) ou both (os dois). Aqui vale lembrar que o both irá classificar primeiro pela quantidade e depois pelo nome. Se não existir na nuvem de tag padrão, a opção order será ignorada;
    • Acionar contagem de posts à tag (sim/não) e colocar essa contagem fora do hiperlink da tag (sim/não);
    • Mostrar somente tags usadas pelo menos tantas vezes (definir, sendo que ‘0’ (zero) mostra todos);
    • Adicionar categorias às tags (sim/não);
    • Forçar tags com diversas palavra numa única linha (sim/não);
    • Definir o parâmetro separator e esconder o último separador(sim/não);
    • Adicionar o atributo ‘nofollow’ ao link (sim/não);
  3. CSS Settings [figura 5]: CSS Settingscomo está escrito, por padrão é incluído o CSS de modo a mostrar como a nuvem de tags padrão. Ainda informa que as opções podem ou não funcionar, dependendo do tema. Essas opções são:
    • Remover o CSS para o formato em lista e assim exibir a tag inline (sim/não) e escolher tag link decoration;
    • Usar cores automáticas para a nuvem de tags (sim/não);
    • Esconder o cabeçalho do widget caso o título esteja vazio (sim/não);
    • Remover o link para site do plugin (sim/não);
  4. Exclude/Include Tags [figura 6]: Exclude/Include Tagsé possível excluir ou inserir tags da exibição. Faça isso separando seu ID por vírgula. Para descobrir a ID, basta ir em ‘Posts > Tags de posts’, passar o mouse em cima de alguma tag e procura no link, que será exibido na barra de status do navegador, a identificação [figura 7]: Tags de posts
    Nesse caso o ID é 3, pois no final do link está o ‘ID=3’;
  5. Reset [figura 8]: Reseto botão ‘Reset the tag cloud’ irá apagar todas as configurações e voltará ao padrão do plugin.

É bom lembrar que as partes 2, 3 e 4 ainda possuem o botão ‘Save changes’ que irá salvar as mudanças feitas. Por isso sempre clique nele para não perder qualquer alteração.

Vale a pena instalar esse plugin, pois o resultado final é bem legal [figura 9]:

Better Tag Cloud

Além de tudo isso, esse plugin permite adicionar essa função nos temas, permite utilizar os chamados ‘shortcode’ nos posts ou páginas e ainda possui suporte do próprio autor.

Mas para essas opções extras deixarei você pesquisar e estudar. Qualquer dúvida pode postar que vamos te ajudar. Deixe também sua sugestão, crítica, elogio ou qualquer outro comentário. Estou querendo te ouvir. Continuamos no próximo artigo. Até lá!

Blog Protector E Shout Box – WordPress Plugins Parte7

Olá leitor do Webmaster.pt!

Outros artigos desta minisérie:

Como é bom dar mais um passo no aprendizado do WordPress e suas infinitas possibilidades de uso. No último artigo tratamos sobre como proteger seu blog contra os spams com o Akismet e nesse estaremos estudando mais um plugin de proteção, o ‘Blog Protector’.

Blog Protector

Esse plugin pode ser considerado da linha “muito fácil” quando falamos em configuração. Outro do mesmo tipo presente na nossa lista é o ‘Wordpress Shout Box / Chat’, que adiciona rapidamente uma caixa de bate-papo (Chat Box) ao WordPress.

O objetivo de ambos é mostrar a facilidade em adicionar recursos bons ao seu blog de maneira simples e rápida. Normalmente para adicionar tais recursos, seria necessário conhecimento em lógica de programação e permissões, podendo ocasionar vários bugs, erros e coisas do tipo. Com esses dois basta fazer o download, instalar, configurar rapidamente (em menos de um minuto) e pular de alegria :D.

Para instalar ambos os plugins leia o artigo Como Instalar Plugins No WordPress Parte4 e tire todas as suas dúvidas. Blog Protector

Esse plugin implementa um recurso bem legal no seu blog / web site. Ele desabilita o botão direito do mouse, a seleção de texto e não permite que imagens sejam arrastadas. Isso é muito útil para proteger o conteúdo do seu blog, ou pelo menos dificultar bastante.

O Blog Protector está disponível no repositório do WordPress e outras informações podem ser obtidas no site oficial do plugin.

Depois de instalado e ativado, acesse ‘Configurações > Blog Protector’ para ter acesso à tela de configurações do blog [figura 1]:

Blog Protector

Nessa tela existem três configurações disponíveis:

  • Disable Right Click of Mouse: se marcada, desabilita o botão direito do mouse no WordPress;
  • Enter Warning Message Here: aqui é inserida a mensagem que será mostrada ao usuário quando ele clicar com o botão direito [figura 2]:Warning Message
  • Desactive Text Selection And Image Dragging: se marcado, desativa a seleção de texto e o arrastar de imagens;

Fazendo os testes com o plugin, descobri que o Firefox permite que as imagens sejam tranquilamente arrastadas, ao contrário do Internet Explorer (versão 8).

Os testes são realmente necessários, principalmente com vários navegadores para que você tenha a certeza de que o plugin está funcionando corretamente. Procure os artigos que tratam do tema e tire todas as suas dúvidas.

Caso você tenha algum problema com seu tema, o FAQ do site oficial de Blog Protector informa a solução:

Inserir o código

<?php wp_footer(); ?>

exatamente antes da tag

</body>

no arquivo ‘Footer.php’;

Isso é feito em ‘Aparência > Editor’; Muito simples (!).

WordPress Shout Box / Chat

Como já foi falado e o próprio nome já diz, com esse plugin é possível adicionar uma caixa para que os usuários e visitantes do blog possam bater papo.

Ele é encontrado no repositório oficial e infelizmente o site oficial dele não funciona.

Essa é uma situação comum que acontece com os plugins: não há mais suporte, pois o autor que lança o plugin simplesmente o abandona. Por isso, a partir da versão 3.0 existirão os plugins canônicos. Mas detalhes sobre isso nos artigos que tratam do WordPress 3.0.

Mesmo assim, as informações no repositório informam que ele é compatível com a versão 2.9.2 e por isso vale a pena instala-lo, lembrando novamente de sempre fazer os testes necessários.

Depois de instalado, esse plugin não adiciona entradas no Painel de Administração, mas sim um widget chamado ‘WP Chat’ [figura 3]:

WP Chat

A única opção para esse widget é adicionar um título, mas que não tem utilidade (!).

Arraste-o para a barra lateral onde você deseja que o Chat Box apareça [figura 4]:

barra lateral

Irá aparecer um campo onde o usuário deverá inserir seu apelido e clicar em ‘Enter’ para abrir o bate papo [figura 5]:

bate papo

É um recurso simples e fácil para ser adicionado ao seu blog, mas realmente existem soluções melhores. Aí será preciso pesquisa. Acompanhe todos os artigos que tratam sobre plugins do Webmaster.pt que iremos trazer uma tonelada de opções.

Muitos irão enfrentar um pequeno problema com esse plugin, pois se estiver usando um tema que não permite adicionar widgets. O que fazer?

Aí como bom pesquisador, eu sei que você procurou e leu o ‘readme.txt’, onde informa que, nesses casos, basta adicionar a função

<?php wp_chat(); ? >

em qualquer lugar da barra lateral para mostrar o chat box.

Mas podemos ir além. Como é uma função PHP do WordPress, se não quiser adicionar na barra lateral, você pode adicionar em qualquer lugar, tomando cuidado sempre com a estética e tamanho do chat box.

Para um exemplo grotesco, adicionei a função logo abaixo do menu secundário do tema Arjuna X [figura 6]:

exemplo

Assim finalizamos mais um artigo e já se preparando para escrever o próximo. Qualquer dúvida, sugestão, crítica ou elogio estamos aí para te ouvir!

Até a próxima!