Como Criar Um Site, Blog ou Loja Virtual Gratis - WebMaster.pt » WordPress

Guia WordPress 3 Parte13 – Plugins Posts Personalizados E Novas Taxonomias 5

Lindomar Goking — Tue, 10 May 2011 07:17:46 +0000

Olá caros leitores!

No último artigo começamos a trabalhar com a visualização dos posts personalizados e novas taxonomias e isso será um grande desafio para quem entende pouco ou nada de programação de temas.

É um assunto bem complexo e com muitos detalhes técnicos, pois é possível personalizar totalmente a visualização utilizando xHTML, CSS, PHP e as tags de template do WordPress. A melhor forma para você aprender é aprofundando-se nas linguagens que acabei de citar ou procurar por outros artigos do Webmaster.pt que tratam do assunto de maneira específica, fornecendo todos os passos necessários para implantar um grande projeto, como um agenda de eventos, um portfólio e outros.

Hoje você conhecerá algumas técnicas básicas, que irão demandar pouco ou nenhum conhecimento de programação. Mas é necessário que você tenha lido e entendido os artigos desse guia e sobre links permanentes, em Configurações Do WordPress Parte6 Privacidade e Links Permanentes.

Widgets e Menus

No último artigo você conferiu que é possível utilizar a widget ‘Nuvem de tags’ para exibir alguma nova taxonomia registrada, mas somente quando ela é atribuída aos ‘Posts’ do WordPress.

Caso queira aprofundar-se, você poderá utilizar a função wp_tag_cloud () para exibir qualquer tipo de taxonomia criada por você, semelhante a uma “nuvem de tags”. Não entraremos nesses detalhes hoje, mas você pode consultar o Codex ou ainda outros artigos do Webmaster.pt.

Mas se você não quiser entrar na parte de programação, poderá utilizar o widget ‘Menu personalizado’ para exibir as entradas marcadas com a taxonomia criada por você. Caso tenha dúvidas sobre como utiliza-lo, leia o artigo Guia WordPress 3 Parte 4 – Menus e tire suas dúvidas.

Para um exemplo prático vamos utilizar a seguinte estrutura:

Post Personalizado: Classificados;
Taxonomias de ‘Classificados’: Carros, Imóveis e Empregos;

Antes de prosseguir, vá em ‘Configurações -> Links Permanentes’ e faça os ajustes necessários. O próximo passo é criar um menu para cada taxonomia criada para ‘Classificados’:

Adicione os itens do menu de acordo com as marcações/tags cadastradas:

Por fim adicione a widget ‘Menu personalizado’, uma para cada menu:

Você poderá ainda utilizar a widget ‘texto’ para adicionar alguma informação extra. Em caso de dúvidas, consulte WordPress – Configuração Dos Widgets Nativos.

Quando tudo estiver configurado de maneira correta, você terá o seguinte resultado no seu site/blog:

E isso sem precisar de programação!

Esse tipo de visualização é bem interessante, pois as entradas ficam “separadas” do blog principal e você pode organizar a informação de maneira mais eficiente.

Exibir Posts Personalizados na Página Principal

No exemplo anterior, somente os ‘Posts’ são visualizados na página principal do site/blog. Mas vamos supor que você queira exibir todas as entradas, ou somente alguns tipos de posts personalizados. Como eu faço isso?

Uma forma bem simples é inserir uma função no arquivo ‘functions.php’. O código completo é a seguinte:



add_filter( 'pre_get_posts', 'my_get_posts' );

function my_get_posts( $query ) {

  if ( is_home() )

    $query->set( 'post_type', array( 'post', 'page', 'filmes', 'classificados') );

   return $query;

}

A única modificação que você vai precisa fazer é na linha $query->set( ‘post_type’, array( ‘post‘, ‘page‘, ‘filmes‘, ‘classificados‘) );. Basta informar o nome dos Posts Personalizados (em negrito) que serão exibidos. Lembrando que post e page são os posts e páginas do WordPress, respectivamente.

Você poderá inserir o código utilizando o próprio WordPress, em ‘Aparência -> Editor’ e selecionando o arquivo ‘functions.php’:

Você pode adicionar o código logo no início do arquivo, tomando cuidado para que não fique dentro de outras tags. Veja na figura que eu adicionei logo após as informações/comentários sobre o tema padrão.

Depois de finalizada essa etapa, salve a alteração e visite a página principal para conferir a diferença:

Todas as entradas são exibidas. Mas reparou que o menu sumiu? Se isso acontecer no tema em que você for aplicar, utilize o código abaixo:



add_filter( 'pre_get_posts', 'my_get_posts' );

function my_get_posts( $query ) {

  if ( is_home() && false == $query->query_vars['suppress_filters'] )

    $query->set( 'post_type', array( 'post', 'page',  'lg_classificados' ) );

  return $query;

}

Lembre-se de fazer as mudanças necessárias, ou seja, informe quais os tipos de entradas que serão exibidas. Agora sim, vai correr tudo bem. Se algum problema acontecer mesmo assim na visualização, utilize os comentários para que possamos te ajudar.

Alguns Problemas

E como já estamos falando de problemas, vamos a alguns outros que encontrei.

O primeiro foi quanto à versão do WordPress. Se acontecer da área de gerenciamento dos menus ficar totalmente em “branco”, não permitindo mudanças, você deverá atualizar a versão do WordPress e do plug-in que o problema será resolvido.

Outro problema encontrado foi quando fiz a mudança no nome da taxonomia: simplesmente o menu com essa taxonomia não funcionou corretamente, tanto na área de gerenciamento quanto na página principal do blog. A figura a seguir mostra o menu principal do blog:

Já na área de gerenciamento em ‘Aparência -> Menus’ o WordPress apenas mostrou a seguinte tela:

Para resolver o problema basta voltar no navegador, desfazer a alteração no nome da taxonomia, ou seja, adicionar o antigo nome e salvar. Com esse procedimento, tudo deve voltar ao normal!

Agora outro problema que pode acontecer é quando você resolver fazer modificações nos links permanentes depois de criar as taxonomias. Com isso, o WordPress vai informar que a página não existe quando o visitante solicitar a exibição de todas as entradas utilizando as novas taxonomias.

Para resolver esse problema basta entrar na área de gerenciamento das taxonomias, em ‘Custom Post Types -> Manage Taxonomies’, clicar no botão ‘Edit’ e “apenas” clicar em ‘Save Custom Taxonomy’. Pelo menos comigo funcionou!

Um último erro é quando você editar o arquivo do tema, o ‘functions.php’, tal como foi feito nesse artigo e inserir o código incompleto. Se você esquecer-se de fechar as chaves ‘}’, por exemplo, e clicar em ‘Atualizar arquivo’, automaticamente um erro será exibido:

Você pode clicar em ‘Voltar’ do navegador e tentar reparar o erro, mas provavelmente isso não vai dar certo. Nesse caso vai ser necessário editar o arquivo ‘functions.php’ do seu tema utilizando outro editor de código, podendo ser do próprio cPanel ou utilizando o FTP para isso.

Utilize, por exemplo, o FileZilla para “trazer” o arquivo até o seu computador e então utilize o Notepad++ para fazer as alterações:

Indico dois artigos nossos para você tirar dúvidas sobre operações com FTP:

Se por acaso ocorrer mais erros com você, utilize os comentários para que possamos te ajudar. Utilize também para postar suas dúvidas, sugestões, críticas ou elogios.

Continuamos no próximo artigo.

Fiquem na paz e até lá!

Guia WordPress 3 Parte13 – Plugins Posts Personalizados E Novas Taxonomias 5 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Guia WordPress 3 Parte12 – Plugins Posts Personalizados E Novas Taxonomias 4

Lindomar Goking — Tue, 03 May 2011 10:33:37 +0000

Olá caros leitores!

Nesse artigo iremos continuar a tratar sobre o plug-in Custom Post Type UI, mas não de forma direta, pois os assuntos aqui tratados poderão ser aplicados em outros e também na programação dos Posts Personalizados e Novas Taxonomias.

As Melhores Práticas E Orientações Úteis Para Definir Os Nomes

O novo recurso disponível no WordPress 3 pode ser bem útil, mas isso vai depender da necessidade do site ou blog, pois a sua implantação vai demandar planejamento e organização, inclusive na escolha dos nomes para os posts personalizados e novas taxonomias.

E estou me referindo a pelo menos dois nomes para cada item: o próprio nome do post personalizado ou taxonomia, que será referenciada no banco de dados e o nome que será exibido ao público do site.

Para o nome que será exibido para o público procure defini-lo de forma que não haja “confusão” aos leitores ou mesmo administradores do site. Vou mostrar um pequeno exemplo disso, através da seguinte estrutura:

Post Personalizado: Anúncio;
Taxonomias para Anúncio: Classificados, Carros, Imóveis, Empregos;

Nesse caso, onde estaria a taxonomia para os ‘Classificados’? Não seria melhor criar outro post personalizado chamado ‘Classificados’ e então atribuir as taxonomias corretas a ele? Será que essa é realmente a melhor forma de classificação para o site?

Essa estrutura poderia até ser utilizada, mas deveria ficar de forma clara para os leitores e usuários e não deixa-los como “cego num tiroteio”. Procure entender, organizar, rabiscar e definir toda a estrutura da melhor forma possível e assim você, seus leitores e usuários terão uma vida mais feliz.

Outro item importante é o nome do próprio post personalizado ou nova taxonomia, aquele de preenchimento obrigatório:

O próprio WordPress sugere que seja utilizado um prefixo para esse nome, pois assim sua identificação será melhor e ainda evita conflitos com outros nomes que poderão ser utilizados em temas e plug-ins.

Procure criar um prefixo exclusivo, que seja usado e conhecido somente por você. Veja o exemplo:

lindomar_filmes: Filmes de Lindomar;
temax_filmes: Filmes do Tema X;
pluginx_filmes: Filmes do Plug-in X;

Assim, numa mesma instalação do WordPress, poderão ser adicionados utilizados sem que os três entrem em conflito.

Mas tenha cuidado com duas coisas:

O nome total não pode passar de 20 caracteres devido à limitação do banco de dados por causa do tipo de campo;
Não use o Prefixo das Tabelas, definido na instalação, que por padrão é o ‘wp_’:

Visualizar os Posts Personalizados e Novas Taxonomias no Tema

Se você já definiu seus posts personalizados e taxonomias, fez o cadastro de todos eles de forma correta, adicionou o conteúdo, mas eles simplesmente não aparecem no seu tema, chegou a hora de resolver esse problema.

Infelizmente o plug-in Custom Post Type UI não controla com eficácia e nem permite a personalização da exibição dos posts personalizados e das novas taxonomias no tema de forma automática, sendo necessário uma intervenção no código-fonte do WordPress.

Esse pode ser o preço que você terá de “pagar” ao utilizar esse recurso: conhecer um pouco de programação de temas do WordPress. Nesse guia irei apresentar apenas o básico sobre esse assunto, mas acredite, você pode muito mais! Procure por outros artigos no Webmaster.pt e veja do que estou falando.

Antes de entrar na parte da programação, será necessária uma pequena aulinha teórica.

Como você já deve saber, toda a informação inserida no WordPress é armazenada no Banco de Dados definido na instalação. Podemos dizer que o nosso amado CMS faz uma espécie de ponte entre o usuário e o banco de dados e todas as informações são exibidas conforme definidas na programação de cada arquivo de tema.

Isso é uma coisa que precisa ficar bem clara antes de continuar. Qualquer dúvida, leia o artigo Temas do WordPress para tirar suas dúvidas. Se ainda restar alguma, pode utilizar os comentários que iremos te ajudar.

Sendo os posts personalizados e as novas taxonomias uma “coisa desconhecida” para o WordPress, vai ser necessário que você “mostre” ao CMS e informe o local onde eles serão exibidos.

É claro que, antes de tudo, você deverá analisar muito bem a situação e o que é cada item. Vamos aproveitar e fazer isso então utilizando o tema padrão com a seguinte estrutura:

Post Personalizado ‘Classificados’;

Taxonomia ‘Carros’ do tipo sem hierarquia atribuída à ‘Classificados’ e ‘Posts’;

Widget Nuvem de tags com a Taxonomia ‘Carros’ adicionada ao tema;

Vale lembrar que ‘Carros’ só está sendo visualizada na Nuvem de tags porque foi atribuída aos ‘Posts’ do WordPress;

Foram criadas quatro entradas, duas para cada tipo de conteúdo:

Novo Carro Ford é Lançado, do tipo ‘Post’, Taxonomia ‘Carros’ com a tag ‘Ford’ e Categoria ‘Notícias’;
Vendo Carro Novo, do tipo ‘Classificados’ e Taxonomia ‘Carros’ com a tag ‘Fiat’;
Vendo Carro Ford Novo, do tipo ‘Classificados’ e Taxonomia ‘Carros’ com a tag ‘Ford’;
Feirão de Carros Começa Amanhã, do tipo ‘Post’, Categoria ‘Notícias’ e Nenhuma tag de post;

Agora podemos ver o que acontece de acordo com o tipo de visualização solicitada pelo visitante.

No primeiro caso quando a tag ‘Ford’ for clicada, nós temas a URL ‘http://meusite.com/?carros=ford’ como link permanente e a seguinte informação na tela:

Daí nós podemos concluir que:

É uma página com o arquivo do blog da taxonomia ‘Carros’;
A primeira entrada é o ‘Classificados’, porém isso não é informado de forma explícita, como na segunda entrada, que é o ‘Post’, pois está publicada na categoria ‘Notícias’.

Nesse caso será necessário editar o arquivo de tema responsável em mostrar o arquivo do blog para assim exibir as informações completas para as entradas de ‘Classificados’.

Analisando cada entrada de forma individual, ainda temos:

Repare que os ‘Classificados’ não “enxergam’ os ‘Posts’ e vice-versa na paginação:

Além disso, a informação é exibida de maneira completa apenas nos ‘Posts’. Nesse caso, a alteração deverá ser feita no arquivo do tema responsável em exibir as informações de cada entrada individualmente.

E por último vamos analisar a página principal do blog:

Repare que somente os ‘Posts’ são visualizados. Aqui já será necessário fazer a modificação em outro arquivo do tema, responsável em mostrar as informações na página principal.

Com esse exemplo você aprendeu duas coisas:

É necessário saber exatamente o local onde serão exibidos os posts personalizados e as novas taxonomias, sendo necessário conhecer um pouco de programação de temas do WordPress;
É possível exibir as informações dos posts personalizados sem a necessidade de programação, dependendo claro, de como toda a estrutura do blog/site está organizada;

Ciente das dificuldades e da análise que deverá ser feita, podemos partir para o próximo passo, mas somente no próximo artigo.

Antes de terminar quero pedir para aqueles que chegaram aqui e nada entenderam: antes de fazer perguntas nos comentários, tenha a certeza de ter feito a leitura do artigo com bastante atenção, pois são muitas informações que precisam ser assimiladas.

E se caso ainda persistam dúvidas, esteja a vontade nos comentários. Aproveite e deixe sua sugestão, elogio ou crítica.

Fiquem na paz e até a próxima.

Guia WordPress 3 Parte12 – Plugins Posts Personalizados E Novas Taxonomias 4 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Guia WordPress 3 Parte11 – Plugins Posts Personalizados E Novas Taxonomias 3

Lindomar Goking — Mon, 18 Apr 2011 12:50:14 +0000

Olá caros leitores!

Depois de criados os Posts Personalizados e as Novas Taxonomias nós precisamos gerencia-los. E nesse artigo iremos tratar desse assunto. Nós estamos utilizando o plug-in Custom Post Type UI, já detalhados nas partes anteriores. Ele próprio nos fornece algumas áreas bem úteis para esse gerenciamento.

A primeira é encontrada dentro de ‘Custom Post Type UI -> Manage Post Types’, para os posts personalizados e sua área segue o padrão “o WordPress de ser”:

Todos os itens estão dispostos como numa tabela, onde podemos rapidamente visualizar as principais opções cadastradas.

Na coluna ‘Action’ temos alguns hiperlinks para gerenciamento do item:

Delete: exclui o post personalizado permanentemente;
Edit: abre a tela de edição do post, que é semelhante à tela de criação já apresentada. Basta apenas fazer as mudanças necessárias e clicar no botão ‘Save Custom Post Type’;
Get Code: essa é uma opção bem interessante e permite pegar o código do post personalizado:

Mas existe um aviso de que esse recurso está em fase de testes e pode apresentar alguns bugs. Em todo o caso, dê uma olhada no código, pois brevemente começaremos a estuda-lo;

A outra área de gerenciamento encontra-se em ‘Custom Post Type UI -> Manage Taxonomies’:

Os mesmo detalhes aplicados à área de gerenciamento dos posts personalizados são aplicados aqui.

Em ambas as telas você encontra diversos hiperlinks na parte de baixo relacionados ao plug-in, como o site oficial, informar bugs e outros. Faça uma visita em caso de dúvidas ou curiosidade mesmo.

Aplicando e Gerenciando os Posts Personalizados e Novas Taxonomias

Saber onde aplicar e como gerenciar dentro do WordPress também precisará ser “reaprendido”.

Na parte 8 desse guia já apresentamos algumas possibilidades para o uso dos Posts Personalizados. Se você realmente quiser aprender mais sobre o recurso e suas possibilidades, procure aprender mais sobre os Campos Personalizados. Um começo para a sua busca é no Webmaster.pt, pois temos um imenso conteúdo preparado somente para você.

Inclusive o próprio Custom Post Type UI sugere um plug-in para esse objetivo, o Custom Field Template. Foi esse mesmo plug-in que foi utilizado para criar o tipo de conteúdo especial mostrado na parte 8.

Lembre-se de que sem os campos personalizados, você estará limitado aos mesmos recursos e blocos de edição dos posts/páginas, sendo quase uma coisa inútil, dependendo no que você for aplicar.

Já com as novas taxonomias, a história muda, pois é possível adicionar uma nova classificação até para os posts e para as páginas do WordPress. Um exemplo disso é a taxonomia ‘Classificados’ que foi usada no último artigo (veja nas figuras).

Em vez de ser atribuída a um Post Personalizado, ela foi adicionada aos Post do WordPress:

Esse artifício pode ser usado para você ter mais “controle” sobre o conteúdo do site/blog, criando, por exemplo, uma área exclusiva no site/blog sem “mistura-lo” às categorias ou tags dos posts.

Definir se a nova taxonomia vai ter ou não a hierarquia também vai interferir na sua forma de visualização e operação na adição/edição do post. Para exemplificar isso, continuaremos utilizando o ‘Classificados’.

Sem hierarquia o ‘Bloco Classificados’ ficará semelhante ao ‘Bloco Tags do post’, assim como mostra a próxima figura:

Já com hierarquia, será parecido com o ‘Bloco Categoria’:

A forma de como usar os dois tipos de blocos citados já foi totalmente detalhado no artigo WordPress – Tags, Categorias, Autor e Publicação. Leia-o para tirar todas as suas dúvidas.

O ‘Bloco Classificados’ também poderá ser ocultado da tela de adição do post nas ‘Opções de Tela’:

Isso mostra que ele realmente está todo integrado ao WordPress. Os exemplos aqui apresentados foram para os Posts do WordPress, mas que se aplicam da mesma forma para as Páginas e Posts Personalizados, desde que isso seja definido nas opções da nova taxonomia.

Vale lembrar que os blocos e as taxonomias são definidas nas ‘Advanced Options’ do Post Personalizado, ‘Supports’ e ‘Built-in Taxonomies’, respectivamente.

A área de gerenciamento também é bem semelhante à área das Categorias ou Tags do post. Vai depender, como já foi citado, se a nova taxonomia for hierárquica ou não. Também já foram publicados artigos que tratam em detalhes as duas áreas citadas:

Na figura a seguir você pode notar essa diferença:

Se você leu o artigo citado já percebeu essa diferença, que é justamente a possibilidade de classificar de maneira hierárquica os “classificados” cadastrados na tela de cima, criando itens ‘Pai’ e ‘Filhos’ (destacado em amarelo e apresentado na lista), assim como acontece com as Categorias.

Na tela de baixo são apenas criados os itens sem essa classificação, assim como acontece com as Tags do Post.

Cuidado!

Para finalizar o artigo quero deixar um alerta muito importante: organize o conteúdo do site/blog de maneira prudente!

No artigo WordPress – Criação E Organização Do Conteúdo foi tratado sobre esse assunto para a versão anterior do WordPress. Mas os mesmos conceitos e dicas aplicam-se com o WordPress 3, só que agora com muito “poder de classificação”.

O legal é que você pode criar do jeito que quiser. O ruim é que se você não souber o que está fazendo vai acabar “se perdendo” e em caso de erro não terá artigo ou tutorial que resolva, já que foi personalizado do seu jeito!

Quer um exemplo do que estou falando? Repare na figura:

Percebeu que existem três menus com o mesmo nome ‘Notícias’? Isso aconteceu por uma desatenção de administrador do blog, pois ao adicionar os itens do menu ele utilizou:

Categoria do Post;
Taxonomia do Post Personalizado Filmes;
Taxonomia do Post Personalizado Informações;

O erro aqui é simples de resolver. Basta somente mudar o rótulo.

Agora pense em alguém criando 10 Posts Personalizados com 20 Novas Taxonomias e adicionado as Taxonomias em diversos lugares. Quando ele for apresentar isso ao usuário sem planejamento, o site/blog pode simplesmente não fazer sentido mais!

Agora imagine administrando todo esse conteúdo dentro do WordPress? Por isso, antes de tudo ressalto novamente a dica: faça um planejamento prévio! Se for necessário, faça um rascunho numa folha de papel (ou em várias), vá colando pela sua casa ou no seu escritório e somente adicione ao WordPress quando realmente tudo estiver 100% à prova de bagunça.

Brincadeiras a parte, o planejamento do site/blog realmente deve ser levado a sério!

Continuaremos a tratar do assunto no próximo artigo. Qualquer dúvida, sugestão, crítica ou elogio pode ser feito nos comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte11 – Plugins Posts Personalizados E Novas Taxonomias 3 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Guia WordPress 3 Parte10 – Plugins Posts Personalizados E Novas Taxonomias 2

Lindomar Goking — Fri, 08 Apr 2011 09:56:27 +0000

Olá caros leitores!

Em nosso último artigo tratamos sobre os como criar Posts Personalizados utilizando o plug-in Custom Post Type UI:

Guia WordPress 3 Parte9 – Plugins Posts Personalizados E Novas Taxonomias 1

Algumas opções, porém, serão explicadas hoje, juntamente com a parte prática de criar Novas Taxonomias.

Menu Position

Com essa opção você pode definir o local onde o menu do post personalizado irá ficar, sendo que o padrão é debaixo de ‘Comentários’. Para definir onde o local utilize os seguintes parâmetros (somente os números inteiros):

5 – abaixo de Posts;
10 – abaixo de Mídia;
15 – abaixo de Links;
20 – abaixo de Páginas;
25 – abaixo de Comentários. O mesmo que deixar em branco;
60 – abaixo do primeiro separador;
65 – abaixo de Plugins;
70 – abaixo de Usuários;
75 – abaixo de Ferramentas;
80 – abaixo de Configurações;
100 – abaixo do segundo separador;

Como exemplo, foi adicionado o ‘75’ para o menu ‘Filmes’ e por isso ele ficou entre ‘Ferramentas’ e ‘Configurações’:

Show in Menu

Essa opção adiciona o post personalizado como um submenu em qualquer outro menu do Painel de Administração do WordPress. Porém existem pequenos “detalhes” que precisam ser conhecidos antes:

A opção ‘Show UI’ precisa estar em ‘True’;
Não serão visualizados os submenus do post personaliazdo, tais como o ‘Adicionar’ e as taxonomias adicionadas;
Você será direcionado diretamente para a área de gerenciamento, de onde terá que fazer as modificações no conteúdo cadastrado;
Só funciona nas versões 3.1 para cima, pelo menos nos testes que eu fiz aqui;

Como exemplo, vamos utilizar novamente o ‘Filmes’ e adiciona-lo ao menu ‘Posts’:

E agora, para fazer uma coisa diferente, vamos transferir o ‘Filmes’ para ‘Aparência’:

Ainda é possível adicionar o post no local onde você desejar, inclusive para outro post personalizado:

A mágica toda acontece somente indicando o nome do arquivo .php relacionado ao “Top Menu” do Painel do WordPress, no segundo campo da opção ‘Show in Menu’:

Na figura está destacado em amarelo. Também é necessário que a primeira opção esteja como ‘True’.

O nome dos arquivos php você consegue em dois passos simples:

1. Clique no menu que irá “receber” o novo item;

2. Na barra de endereços, tudo o que estiver depois da última barra ‘/’, será o nome do arquivo;

Mas só funciona nos Top Menus, ou seja, o item principal do menu.

Veja alguns exemplos abaixo, todos destacados em negrito:

Posts: http://seudominio.com/blog/wp-admin/edit.php
Páginas: http://seudominio.com/blog/wp-admin/edit.php?post_type=page
Aparência: http://seudominio.com/blog/wp-admin/themes.php
Perfis (Post Personalizado): http://seudominio.com/blog/wp-admin/edit.php?post_type=perfis
Configurações: http://seudominio.com/blog/wp-admin/options-general.php

Opções Para As Novas Taxonomias

Na parte 8 desse guia você já conheceu esse novo recurso e por isso agora é hora da prática! Iremos utilizar o mesmo plug-in da última parte, o Custom Post Type UI. Por isso leia-o para tirar as suas dúvidas.

Para adicionar uma nova taxonomia, vá em ‘Custom Post Types -> Add New’:

Nessa área, na parte da esquerda (destacada em vermelho) estão as opções para criar a taxonomia. Basta preenche-las e clicar no botão ‘Create Custom Taxonomy’.

Nas opções básicas você tem:

Taxonomy Name: o nome da taxonomia de preenchimento obrigatório;
Label: o nome que será apresentado no menu do tipo de conteúdo escolhido. Escolha um nome no plural, de preferência;
Singular Label: o nome singular da taxonomia;
Attach to Post Type: escolha o tipo de conteúdo a qual a taxonomia pertencerá. Nessa opção estarão disponíveis todos os tipos do WordPress, incluindo os posts personalizados;

Nas ‘Advanced Label Option’ estão as opções de rótulo da taxonomia, ou seja, a forma como ele será “apresentado” dentro do WordPress. Quando não preenchidas, as opções básicas serão utilizadas, incluindo alguns termos em inglês. Por isso preencha todos, inclusive como forma de tradução para os seus usuários:

Vamos conhecê-las:

Search Items: o texto para pesquisa da taxonomia dentro da área de gerenciamento;
Popular Items: o texto para os itens mais usados, dentro da área de gerenciamento;
All Items: o texto para mostar todos os itens, dentro da área tela de criação, quando a taxonomia for hierárquica;
Parent Item: o texto para o item pai (ou mãe), usando somente quando a taxonomia for hierárquica;
Parent Item Colon: o mesmo para ‘Parent Item’, mas em cores;
Edit Item: o texto da parte superior da tela de edição do item;
Update Item: o texto para atualizar o item na sua edição rápida;
Add New Item: texto utilizado para adicionar novo item;
New Item Name: texto utilizado para adicionar um novo nome;

strong

Separate Items with Commas: texto usado para informar que os itens que serão criados deverão ser separados por vírgula, na tela de criação de conteúdo. É usando somente quando a taxonomia não for hierárquica;
Add or Remove Items: o texto para adicionar ou remover itens, usado quando o JavaScript estiver desabilitado na tela de criação de conteúdo e somente para taxonomias não hierárquicas;
Choose From Most Used: o texto para os itens mais usados, na tela de criação do conteúdo para taxonomias não hierárquicas;

Ainda temos as ‘Advanced Options’:

Hierarchical: defina se a nova taxonomia será hierárquica ou não. ‘True’ para sim e ‘False’ para não. A diferença entre ambos é bem simples: quando hierárquica, a taxonomia permite que sejam adicionados subitens, também conhecidos como itens filho ou descendentes. No WordPress seria semelhante a uma categoria. Quando não hierárquico, é semelhante a uma tag do post;
Show UI: defina se a taxonomia será visualizada no Painel de Administração. ‘True’ para sim e ‘False’ para não;
Query Var: ‘True’ para sim e ‘False’ para não. Define se a taxonomia poderá ser usada como parâmetro numa consulta, tal como em ‘http://seudominio.com/classificados/carros/’. Se algum conteúdo estiver dentro da categoria, como um post, por exemplo, e essa opção estiver como ‘False’, esses posts não serão exibidos ao acessar essa URL;
Rewrite: defina se poderá ser utilizado a taxonomia como link permanente, como em ‘http://meusite.com/classificados/carros’. ‘True’ para sim e ‘False’ para não;
Custom Rewrite Slug: defina um nome personalizado para o link permanente. Se for deixado em branco será utilizado o nome da taxonomia como padrão. Vamos supor que eu defina ‘classificados-do-site’, logo o link será mostrado como em ‘http://meusite.com/classificados-do-site/carros’;

Todas as partes para criar Posts Personalizados e Novas Taxonomias já estão bem detalhadas, incluindo a parte prática. Mas o assunto ainda não acabou e no próximo artigo iremos explorar mais opções do plug-in e do WordPress relacionadas à esses recursos.

Qualquer dúvida, sugestão, crítica ou elogio podem ser feitos nos comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte10 – Plugins Posts Personalizados E Novas Taxonomias 2 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Guia WordPress 3 Parte9 – Plugins Posts Personalizados E Novas Taxonomias 1

Lindomar Goking — Mon, 04 Apr 2011 09:40:50 +0000

Olá caros leitores!

Nesse artigo continuaremos a tratar sobre Posts Personalizados e Novas Taxonomias, porém da maneira prática. É de extrema importância que você conheça o novo recurso e suas capacidades e por isso a necessidade da leitura do último artigo.

Hoje iremos utilizar o plug-in mais baixado do Diretório do WordPress:

Repare que fiz uma pesquisa por ‘Post Type’ que é o termo original para esse recurso, retornando assim diversos plug-ins. Nós iremos utilizar o Custom Post Type UI, que já foi baixado mais de 43 mil vezes.

O interessante desse plug-in que, além dos posts personalizados, também será possível adicionar novas taxonomias dentro do Painel de Administração do WordPress, totalmente em modo visual.

Não iremos tratar aqui sobre a instalação e ativação do plug-in, mas em caso de dificuldade, leia os dois artigos indicados abaixo e tire todas as suas dúvidas:

1. Como Instalar Plugins No WordPress Parte4

2. Guia WordPress 3 Parte 3 – Temas, Plugins E Ferramentas

O download do plug-in poderá ser feito diretamente do Diretório do WordPress. Em caso de dúvida ou dificuldades, visite o Fórum de Suporte. Para outras informações visite o Site Oficial.

Usado o Custom Post Type UI

Assim que ativado, o plug-in irá criar uma nova entrada de menu dentro do Painel do WordPress, com a seguintes opções:

Custom Post Types: área com informações e propaganda da empresa criadora do plug-in, a WebDevStudios.com. Ainda inclui um vídeo explicativo e um pequeno FAQ;
Add New: é a área onde você poderá adicionar tanto o post personalizado quanto uma nova taxonomia;
Manage Post Types: gerencia os posts personalizados já criados;
Manage Taxonomies: gerencia as taxonomias criadas;

Como prática de aprendizado, nós iremos criar o post personalizado apresentado no último artigo, o ‘Filmes’. O primeiro passo é ir até ‘Custom Post Type -> Add New’:

Essa área é dividida em duas partes. Na parte da esquerda, destacado em azul, são criados os posts personalizados. E a direita, destacado em vermelho, são criados as novas taxonomias. As duas áreas tem somente algumas opções semelhantes, porém todas serão detalhadas individualmente a partir de agora.

Todas as opções apresentadas serão as mesmas definidas no código-fonte e por isso mesmo que você não vá utilizar o plug-in, a leitura/estudo desse artigo valerá a pena para conhecê-las.

Para criar os posts personalizados ou novas taxonomias, basta preencher os campos e selecionar as opções necessárias e clicar em no botão ‘Create Custom [...]’ apropriado.

Opções Para Posts Personalizados

As opções básicas são:

Post Type Name: o nome do post personalizado, sendo o único campo de preenchimento obrigatório;
Label: o nome que será apresentado no menu desse post personalizado. Escolha um nome no plural, de preferência;
Singular Label: aqui você escolhe o nome no singular, usado geralmente na tela de criação de conteúdo;
Description: adicione uma descrição para o seu post personalizado;

Se você apenas preencher com o nome do post personalizado e clicar no botão ‘Create Custom Post Type’, ele será criado com todas as opções padrão. Mas o interessante mesmo são justamente essas opções, acionadas ao clicar no link correspondente.

O primeiro grupo é acionado ao clicar em ‘Advanced Label Options’ e são as opções referentes ao rótulo dos itens, ou seja, como serão lidos dentro do Painel do WordPress. Caso os campos não sejam preenchidas será utilizado o conteúdo das opções básicas.

Mas sugiro que você preencha todos os itens, pois assim o seu post personalizado será “traduzido”. Vamos conhecer cada uma:

Menu Name: a forma plural do seu post personalizado;
Add New: o item no menu para adicionar um novo post personalizado;
Add New Item: o nome mostrado no cabeçalho da tela de criação;
Edit: o item do menu para edição;
Edit Item: nome mostrado no cabeçalho da tela de edição;
New Item: mostrado nos favoritos do Painel do WordPress;
View: usado no texto do link para visualizar o post personalizado dentro da tela de edição;
View Item: usado no texto do botão de visualizar o post personalizado na tela criação/edição, ao lado do link permanente (permalink);
Search Items: texto do botão de pesquisa da área de gerenciamento do post personalizado;
Not Found: texto mostrado quando não houver resultado na busca do post personalizado;
Not Found in Trash: texto mostrado quando não existir posts personalizados na lixeira;
Parent: rótulo usado para os “posts personalizados pai” dentro da área de edição dele. Somente útil quando existir hierarquia;

Já nas ‘Advanced Options’ você tem:

Public: é usado como argumento para outras opções. Escolhendo ‘True’ você deixa o post personalizado ser visualizado e escolhendo ‘False’ ele é “escondido” no seu WordPress, como numa pesquisa, por exemplo;
Show UI: define se o meu será visualizado dentro do Painel do WordPress. ‘True’ para mostrar e ‘False’ para ocultar;
Has Archive: define se o post personalizado será visualizado na página de arquivamento. ‘True’ mostra e ‘False’ oculta;
Capability Type: defina o tipo de regra para os usuários do WordPress. Essa opção será mais detalhada no próximo artigo;
Hierarchical: defina se existirá se poderá existir uma hierarquia com o post personalizado, assim como acontece com as páginas. ‘True’ para sim e ‘False’ para não;
Rewrite: defina se poderá ser utilizado o nome do post personalizado como link permanente, como em ‘http://meusite.com/lg_filmes/o-dia-depois-de-amanha’. ‘True’ para sim e ‘False’ para não;
Custom Rewrite Slug: defina um nome para o link permanente. Se for deixado em branco será utilizado o nome do post personalizado. Vamos supor que eu defina ‘filmes’, logo o link será mostrado como em ‘http://meusite.com/filmes/o-dia-depois-de-amanha’;
Query Var: defina se poderá ser feita uma consulta usando o post personalizado como parâmetro, como em ‘http://meusite.com/?lg_filmes=o-dia-depois-de-amanha’. ‘True’ para sim e ‘False’ para não;
Menu Position: defina a posição do menu dentro do Painel do WordPress. Mais informações sobre essa opção no próximo artigo;
Show in Menu: permite adicionar o post personalizado a outro menu do WordPress. Essa opção também será mais bem detalhada no próximo artigo;
Supports: escolha os blocos que serão exibidos na tela de criação/edição do post personalizado. Se nenhuma opção for selecionada, será exibido somente o título e editor;
Built-in Taxonomies: selecione o tipo de taxonomia que ao qual o post personalizado pertencerá. Na lista de opções estão ainda estão as categorias e tags do WordPress e as novas taxonomias criadas pelo plug-in;

Assim finalizamos esse artigo, mas como o assunto ainda continua no próximo artigo com mais opções para serem detalhadas.

Qualquer dúvida, sugestão, crítica ou elogio poderão ser feitos nos comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte9 – Plugins Posts Personalizados E Novas Taxonomias 1 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Guia WordPress 3 Parte8 – Posts Personalizados e Novas Taxonomias

Lindomar Goking — Wed, 30 Mar 2011 08:07:45 +0000

Olá caros leitores!

Em um mundo onde precisamos criar identidade própria, principalmente como fator de sucesso em algum site/blog, podemos realmente ter o WordPress 3 como aliado nessa construção.

O CMS evoluiu de um simples “sistema automatizado para blogs” para um completo “construtor de sistemas/sites/blogs” e muitas vezes isso assusta qualquer usuário, mas quero provar que o velho conceito de que “tudo é simples” ainda existe e está ainda mais evidente na versão 3, pois agora realmente é possível personalizar absolutamente tudo de modo bem simples.
strong
E isso inclui também o conteúdo. Por isso, a partir de agora você aprenderá enfim a usar os posts personalizados e as novas taxonomias.

A princípio, o maior problema que vejo ao utilizar esses novos recursos é a manipulação de código para adiciona-los. Mas como sempre pensamos em todos os leitores, também utilizaremos alguns plug-ins no processo.

Conteúdo do WordPress

Antes de tudo, precisamos de um pouco de teoria para entender exatamente esses recursos. Segundo a documentação do Codex, existem 5 tipos de conteúdo padrão que o WordPress utiliza:

Post: geralmente são exibidos em ordem cronológica e utilizados na publicação de feeds;
Página: não faz parte da estrutura cronológica dos posts, tendo suas próprias URLs. Podem possuir modelos especiais e uma estrutura hierárquica;
Anexo: post especial que contem informações sobre os arquivos enviados ao WordPress;
Revisões: é um rascunho dos posts e páginas existentes;
Menus de Navegação: informação sobre os itens do sistema de navegação do WordPreess;

Todos são armazenados no banco de dados, sendo identificados de acordo com o tipo de conteúdo e suas características.

Com o Post Personalizado é possível criar seu próprio tipo de conteúdo, podendo utilizar características daqueles já existentes, porém adicionando outros de acordo com a sua necessidade.

Dependendo do que for criado, esse novo tipo de conteúdo nada terá haver com aqueles já existentes. Na verdade o nome Post Personalizado deveria ser mudado para Conteúdo Personalizado.

Algumas ideias interessantes para o uso desse recurso incluem:

Base de dados para filmes ou livros, como no site Pop Critics;
Uma galeria de fotos como no site ThemeHybrid;
Fórum totalmente integrado ao WordPress;
Sistema de tickets para atendimento ao cliente ou helpdesk, semelhante ao WordPress Trac;
Portfólio Pessoal ou Empresarial;
Catálogo de produtos;
Calendário de eventos;

Veja que são inúmeras as possibilidades de aplicação do recurso.

Veja um exemplo bem interessante de conteúdo personalizado:

Na verdade esse é um site de demonstração do plug-in WP-Property, que apresenta informações específicas sobre venda de imóveis.

Repare na figura que existe uma galeria, um texto descritivo e detalhes específicos do imóvel, como o endereço, o preço e outros.

Agora imagina essas informações preenchidas para uma grande quantidade de imóveis. Como seria?

Utilizando os posts ou páginas do WordPress seria necessário perder um bom tempo, incluindo aí tags xHTML, para incluir todo o conteúdo.
strong
Mas utilizando os posts personalizados é possível criar um modelo específico de cadastro e então ajustar o tema para que toda a informação seja exibida.

O post personalizado pode ainda incluir outros recursos do WordPress. Ainda utilizando o exemplo, foram utilizados os campos personalizados para exibir os detalhes específicos do imóvel.

Esse recurso já foi detalhado em outro outro artigo, WordPress – Campos Personalizados, mas sua aplicação aqui foi bem mais abrangente. Em artigos futuros iremos tratar sobre como utilizar esses recursos no seu site ou sistema web de forma prática.

Novas Formas de Classificação

Também não podemos nos esquecer de que cada tipo de conteúdo permite novas taxonomias, ou seja, novas formas de classificação. No artigo WordPress – Criação E Organização Do Conteúdo foram apresentadas as formas de classificação já existentes.

Para ficar ainda mais claro, veja o exemplo de um novo tipo de conteúdo chamado “Filmes”:

Filmes: Post Personalizado;
Gênero: Taxonomia semelhante à Categoria;
Atores: Taxonomia semelhante à Tag;

A diferença entre gênero e atores é que no primeiro será possível adicionar subgêneros, ao contrário do segundo. Em termos técnicos dizemos que o primeiro permite uma hierarquia e o segundo não.

Adicionando o Novo Tipo de Conteúdo

Quando um Post Personalizado é definido no WordPress, a sua tela de criação poderá ser totalmente diferente do Post/Página. Por isso a mágica toda está justamente aí!

Você poderá eliminar os blocos e campos desnecessários, poderá forçar a edição de alguns campos específicos, poderá utilizar o recurso de Campo Personalizado do WordPress e assim criar seus próprios:

Toda a informação cadastrada poderá ainda ser apresentada de forma personalizada no seu tema. Enfim, a imaginação é sua e o WordPress praticamente não impõe limites nessa caso. Aproveite! :d

Programação e Plug-ins

Todas as possibilidades apresentadas vão requerer modificações no código do WordPress, pois não estão disponíveis no Painel de Administração como aqueles apresentados até agora.

Nesse Guia do WordPress 3 nós iremos mostrar o básico e algumas implementações, porém será necessário muito cuidado ao manipular os códigos, pois poderão “acabar” com o seu WordPress.

Também serão apresentados alguns plug-ins que farão todo o trabalho de forma automática, como estamos acostumados a fazer.

Mas em ambos os casos será realmente necessário conhecer os conceitos que envolvem esse recurso. Por isso, se você ainda não entendeu, releia esse artigo quantas vezes for necessário e caso ainda tenha dúvidas, utilize os comentários para podermos ajudar.

Continuamos o assunto no próximo artigo detalhando os plug-ins. Caso tenha alguma sugestão, crítica, elogio ou dúvida, utilize os comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte8 – Posts Personalizados e Novas Taxonomias é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Como Criar Formulário no WordPress – Contact Form 7 Parte4

Lindomar Goking — Fri, 25 Mar 2011 09:50:31 +0000

Olá Pessoal!

Todos nós detestamos receber spams em nossa caixa de entrada do e-mail. Isso é um fato! Ou tem alguém que gosta? Se por acaso alguém gostar então esse artigo não é para você, pois iremos tratar de algumas técnicas para evitar mensagens indesejadas no seu formulário.

Iremos utilizar um recurso chamado CAPTCHA, que segundo a Wikipédia é:

CAPTCHA é um acrônimo da expressão “Completely Automated Public Turing test to tell Computers and Humans Apart” (teste de Turing público completamente automatizado para diferenciação entre computadores e humanos): um teste de desafio cognitivo, utilizado como ferramenta anti-spam, desenvolvido pioneiramente na universidade de Carnegie-Mellon. Como o teste é administrado por um computador, em contraste ao teste de Turing padrão que é administrado por um ser humano, este teste é na realidade corretamente descrito como um teste de Turing reverso.

Link: http://pt.wikipedia.org/wiki/CAPTCHA

Provavelmente todos os que estão lendo já conheciam esse recurso, mas ainda não aplicou ao seu formulário por achar muito complicado. Em nosso blog já foram publicados alguns artigos que tratam sobre Spam e CAPTCHA. Veja alguns deles:

Em nosso caso, utilizado o Contact Form 7 tudo será feito de modo mais fácil e com o mesmo resultado utilizando a tag ‘CAPTCHA’.

Também serão mostradas algumas opções que você poderá utilizar junto com o plug-in Akismet e assim evitar ainda mais spams no seu formulário.

Tag CAPTCHA

Para utilizar esse recurso junto com o Contact Form 7 será necessário instalar outro plug-in, o Really Simple CAPTCHA, como está sendo informado nas opções da tag:

E mesmo que você faça a inserção da tag no dentro do formulário, o aviso também será emitido no site/blog:

Portanto primeiro passo será a instalação e ativação do Really Simple CAPTCHA para então prosseguir:

Na primeira parte dessa mini série você tem os passos necessários para a instalação de plug-in. É bem simples, mas em caso de dúvida ainda temos outros dois artigos que tratam do assunto com muito mais detalhes:

Você pode visitar o Site Oficial do Really Simple CAPTCHA para mais informações.

Agora sim, o plug-in adicional ativo, nós podemos analisar as opções da ‘tag CAPTCHA’:

Repare que será necessário adicionar duas tags no formulário, uma para a imagem e outra para o campo de digitação:

Portanto tome o devido cuidado para não inverter as tags ou ainda adiciona-las no lugar errado.

As ‘Configurações da imagem’ possui as seguintes opções exclusivas:

Cor do texto: defina uma cor para o texto da imagem utilizando o código hexadecimal;
Cor de fundo: a mesma coisa da cor do texto, mas aplicado ao fundo da imagem;
Tamanho da imagem: escolha o tamanho da imagem, com opções de ‘Pequena’, ‘Média’ e ‘Grande’;

Veja que será necessário conhecer o código hexadecimal das cores para que essa tag seja mais bem explorada. Um pequeno exemplo de códigos está na figura a seguir:

Por padrão, o texto é ‘Back’ e o fundo ‘White’, mas assim como está na figura, você pode “combinar” a cor do texto com a cor do fundo e criar um estilo próprio, como nos exemplos a seguir:

Repare que se o código hexadecimal do texto (fg:) ou do fundo (bg:) for omitido, o plug-in irá utilizar o padrão.

Aqui vale alertar que você precisa tomar cuidado para não atribuir a mesma cor para o texto e o fundo ou ainda utilizar “combinações estranhas” o que irá dificultar a leitura:

Faça ainda testes para cada tamanho da imagem para então escolher a melhor opção para o seu formulário.

Já as ‘Configurações do campo de digitação’ não possuem opções exclusivas. A dica aqui é atribuir 4 para o tamanho do campo (size) e a quantidade de caracteres (maxlength), pois assim não irá prejudicar seus usuários e o formulário ficará mais estilizado:

Em todos os exemplos anteriores foi utilizado o tamanho padrão do plug-in. E comparando com essa última figura dá para perceber a nítida diferença. Os usuários também perceberão essa diferença e não vão achar que você é um “relaxado” no design.

Alguns Problemas

Assim como qualquer plug-in, script ou sistema, o CAPTCHA do Contact Form 7 não está livre de problemas.

Para que o recurso possa funcionar é necessário que o servidor tenha as bibliotecas de Processamento de Imagem (GD) instaladas. Se você não tiver certeza disso, entre em contato com o suporte do servidor, apesar de que a maioria já vem com elas ativada.

Além disso, o plug-in cria uma pasta temporária dentro da pasta de upload do WordPress e armazena todas as imagens geradas, junto com outros arquivos. É mesma pasta já mencionada na última parte.

O nome da pasta gerada é ‘wpcf7_captcha’ e por padrão fica em ‘wp-contents/uploads/wpcf7_captcha’. É importante que a pasta de upload tenha permissões suficientes de escrita, pois caso contrário o CAPTCHA não será gerado.

Akismet

O Akismet é um plug-in que funciona com uma espécie de filtro para spams nos comentários do WordPress. Porém é possível também utiliza-lo junto com o Contact Form 7.

Nós já publicamos um artigo detalhando como instalar, ativar e configurar o Akismet. Por isso em caso de dúvidas leia o Akismet – O Plugin Do WordPress Anti-Spam Parte6.

No Contact Form 7 é possível encontrar as opções relacionadas ao Akismet em algumas tags. Na verdade são em apenas duas tags, mas talvez em atualizações futuras, sejam criadas ainda em mais tags.

Basta selecionar as opções para que a funcionalidade do Akismet sejam aplicadas, lembrando que é necessário que ele já esteja ativado e configurado corretamente dentro do WordPress.

As opções são:

Tag Campo de Texto: não utilize a duas opções abaixo no mesmo campo.

o Este campo requer o nome do autor: faz com o que o Contact Form 7 aceite o nome de quem está enviando o formulário. É necessário que a tag seja adicionada no seguinte formato: [text* your-name akismet:author];

o Este campo requer a URL do autor: o formulário somente será enviado se a URL de quem está enviando for aceita. A tag deverá ser adicionada da seguinte formato: [text* your-url akismet:author_url];

Tag Campo de E-mail:

o Este campo requer o endereço de e-mail do autor: o formulário somente será enviado caso o e-mail de quem está enviando seja aceito. O formato da tag deverá ser da seguinte forma: [email* your-email akismet:author_email];

Quando essas opções são usadas, o Contact Form 7, antes de enviar o formulário para o seu e-mail, fará um espécie de “consulta” ao Akismet. Se a informação for aprovada, o formulário será enviado, caso contrário uma mensagem será exibida na tela. Essa mensagem poderá ser configurada no bloco ‘Mensagens’, que detalhamos na parte 1 dessa série:

Personalize a mensagem da forma que desejar.

E assim, seguindo as orientações desse artigo, você estará bem mais protegido contra todo o “lixo” que poderá chegar ao seu e-mail.

Muitos ainda utilizam as tags ‘Pergunta’ e ‘Aceitação’ como forma de prevenir os spams, o que não deixa de ser uma má opção. Mas geralmente essas mensagens indesejadas são enviadas por “robôs”, programas que conseguem detectar os campos de formulário e enviar mensagens.

Mas esses robôs são “ainda” muito falhos para detectar o CAPTCHA. Agora some a isso o filtro do Akismet. Vai ser bem difícil você receber mensagens “estranhas”, a não ser que seja enviado por um ser humano. Aí realmente não tem jeito!

Espero que você possa se cuidar com todas as dicas aqui apresentadas. Em caso de dúvidas, sugestões, críticas ou elogios utilize os comentários. Mas sem spam, ok?

Fiquem na paz e até a próxima.

Como Criar Formulário no WordPress – Contact Form 7 Parte4 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Guia WordPress 3 Parte7 – Cabeçalho Personalizado

Lindomar Goking — Tue, 22 Mar 2011 16:00:04 +0000

Olá caros leitores!

Parece que o WordPress 3 está realmente contando pontos a favor da personalização total do site/blog e tudo de maneira facilitada para quem entende pouco ou nada de programação.

No artigo de hoje você conhecerá como aplicar um cabeçalho personalizado ao seu blog com poucos cliques do mouse, juntamente com diversas dicas e os problemas envolvidos nessa questão.

Não vou falar muito da importância do cabeçalho, pois esse não é o objetivo aqui, mas lembre-se de que o topo do site/blog é a primeira parte que o usuário irá olhar. Por isso capriche com ele para arrancar somente elogio dos seus visitantes.

Cabeçalho Personalizado

Com esse novo recurso fica muito mais fácil trocar o cabeçalho do seu site/blog. O processo é bem simples: basta escolher uma imagem, fazer o upload e salvar a alteração feita. Mas antes de entrarmos na parte prática, vamos analisar alguns problemas que podem ocorrer no processo.

Vale lembrar ainda que o recurso somente estará disponível se o tema aplicado possuir suporte para ele. Em nossa prática utilizaremos o tema padrão mesmo.

O primeiro problema que pode vir a acontecer é em relação ao tamanho da imagem, pois o cabeçalho tem um tamanho fixo e a imagem escolhida deverá ser do tamanho exato. Por isso a importância de prepara-la antes de ser aplicada.

No tema padrão a informação sobre o tamanho você encontra na área de gerenciamento, que iremos conhecer daqui a pouco. Mas em outros temas essa informação poderá estar em outro lugar. Consulte a documentação para descobrir o tamanho exato da imagem e assim fazer os ajustes necessários.

Se você adicionar uma imagem que não corresponda ao tamanho exato do cabeçalho, uma tela de recorte de imagem é aberta antes de aplicar imagem. Isso evita possíveis erros de alinhamento, mas podem trazer alguns outros.

Se uma imagem for muito pequena, por exemplo, ela será ampliada nas mesmas proporções do tamanho exato do cabeçalho, gerando assim uma imagem nada agradável, como você pode conferir na figura a seguir:

Repare que a imagem perdeu resolução e isso acaba aumentando todos os pontos de pixels dela, ficando assim toda quadriculada. Se você não quiser uma imagem no seu site/blog realmente faça os ajustes necessários antes do upload.

Outro problema que pode acontecer é quanto à permissão de escrita na pasta onde a imagem será salva, que é dentro da pasta ‘wp-content\uploads\ano\mês’, sendo que no ano e mês correspondem à data do upload. Garanta que a pasta ‘uploads’ tenha permissão suficiente de escrita para o usuário que estará fazendo o carregamento da imagem do cabeçalho.

E por fim existe o problema “da escolha errada”. Não caia nessa armadilha escolhendo uma imagem para o cabeçalho que não seja representante do seu site/blog. Lembre-se de manter tudo da forma mais agradável possível, sendo assim:

Nada de propagandas extravagantes;
Esqueça as imagens poluídas;
Se quiser, faça uma montagem adicionado o logotipo do site/blog;
Escolha uma imagem de acordo com o design, respeitando toda a legibilidade do site/blog;
Cuidado com os direitos autorais da imagem;

Uma dica é fazer diversos testes e assim ter uma visão daquilo que exatamente você irá adicionar ao seu site/blog com toda a segurança possível. Acredite serão apenas elogios!

Praticando

Já ciente de todos os problemas, acesse ‘Aparência -> Cabeçalho’ para ter acesso à área de gerenciamento, que pode ser dividido em duas partes. Na primeira você tem:

Visualizar: você tem um preview da imagem aplicada atualmente ao cabeçalho;
Fazer upload de imagem: é aqui você tem as informações sobre o tamanho da imagem, pelo menos no tema padrão, que no nosso caso é de 940 x 198 pixels. Além disso, você poderá carregar uma imagem do seu computador clicando em ‘Selecionar arquivo…’, procurando e adicionando o arquivo e depois clicando em ‘Fazer Upload’ para finalizar o processo. Caso a imagem não tenha o tamanho exato do cabeçalho, você será levado à tela de recorte para fazer os ajustes necessários:

Reparem que existe uma área retangular pontilhada dentro da imagem, com alguns “pequenos quadrados” nas bordas. Utilize-os para definir o tamanho exato, pois o que estiver dentro dessa área será a imagem do cabeçalho quando você clicar em ‘Recortar e publicar’. Por isso é necessário atenção redobrada para não escolher uma área muito pequena ou que tenha como resultado uma imagem sem sentido. Faça alguns testes e veja o que acontece. Veja alguns exemplos:

Veja que com apenas uma imagem você tem inúmeras possibilidades, sempre se lembrando dos problemas já mencionados anteriormente. Caso você tenha dúvidas sobre como manipular imagens no WordPress, leio o artigo WordPress – Adicionar Posts 8 Edição De Imagens e tire as suas dúvidas.

E na segunda parte da área de gerenciamento você encontra as seguintes opções:

Imagem padrão: você tem a sua disposição diversas imagens de cabeçalho do tema aplicado. Basta selecionar alguma imagem e salvar para que ela seja automaticamente aplicada como cabeçalho do site/blog;
Remover imagem: clicando no botão ‘Remover a imagem de cabeçalho’ você deixa seu blog sem imagem no cabeçalho:

Vale lembra que quando isso acontecer, essa opção some automaticamente;

Redefinir imagem: clicando no botão ‘Restaurar imagem de cabeçalho original’ você terá o efeito contrário da opção anterior, ou seja, irá adicionar a imagem de cabeçalho padrão do tema;
Salvar alterações: aplica todas as mudanças feitas;

E assim mais uma opção do novo WordPress foi completamente detalhada. Em caso de dúvidas você pode clicar no botão ‘Ajuda’ na parte superior da área de gerenciamento ou utilizar os comentários. Aproveite e mande suas críticas, elogios ou sugestões.

No próximo tem mais assunto novo. Fiquem na paz e até lá!

Guia WordPress 3 Parte7 – Cabeçalho Personalizado é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Como Criar Formulário no WordPress – Contact Form 7 Parte3

Lindomar Goking — Fri, 18 Mar 2011 08:22:15 +0000

Olá Pessoal!

Nessa terceira parte iremos tratar sobre algumas opções de controle e segurança do formulário feito com o Contact Form 7 e assim aproveitar para detalhar as tags relacionadas.

Vale lembrar que algumas opções comuns a todas as tags do plug-in foram totalmente explicadas no último artigo, portanto não deixe de lê-lo antes de continuar.

Tag Aceitação

Esse tipo de recurso é muito comum, principalmente quando se tratar de cadastramento de usuários. Com essa tag você poderá inserir uma condição no formulário e com isso os dados preenchidos só poderão ser enviados se essa “condição” for aceita.

Dentre alguns exemplos de condições, podemos citar:

Aceito todos os termos;
Estou ciente de que meus dados estão sendo enviados para o Site XXX;
Tenho mais de 18 anos;
Aceito os termos do contrato;
Estou ciente de que não irei receber qualquer ônus ao enviar os dados cadastrados;
Declaro ter lido todos os termos desse cadastro;

Cuidado para não utilizar perguntas que “assustem” os usuários e muito menos os coagir:

Estou ciente de que o Site XXX poderá utilizar os dados desse cadastro;
Aceito ser cobrado;
Declaro que farei o pagamento de R$ 100,00 como parte desse cadastro;
Quero receber mensagens no meu celular ou no e-mail;

É claro que existem exceções, como se o cadastro for feito como parte de uma cobrança, mas deixe isso bem claro para quem estiver fazendo o cadastro, pois assim você evita diversos problemas.

Partindo agora para a prática, você tem as seguintes opções para a ‘tag Aceitação’:

Deixar esta opção marcada por padrão: a caixa de seleção já estará automaticamente marcada;
Fazer esta opção funcionar inversamente: o usuário terá que desmarcar para o botão de enviar ficar disponível;

O texto do marcador deverá ser feito em xHTML mesmo, pois caso contrário somente a caixa de marcação estará visível:

De certa forma isso vai ser até engraçado. Imagina o usuário preencher todo o formulário e não conseguir enviar porque deverá “adivinhar” o clique naquela caixa de marcação “solitária” perdida.

Criando de maneira correta, o formulário ficará bem acessível:

Tag Upload de arquivo

Você também poderá deixar aos seus usuários e visitantes a possibilidade de anexar arquivos ao formulário, que poderão ser enviados diretamente ao seu e-mail. É possível definir o tamanho e o tipo do arquivo anexado.

A ‘tag Upload de Arquivo’ tem as seguintes opções exclusivas:

Limite do tamanho de arquivo (bytes): defina o tamanho máximo do arquivo, podendo ser bytes, kb ou mb. Exemplo: ‘1048576’, ‘1024kb’ ou ‘1mb’;
Tipos de arquivo aceitos: defina os tipos de arquivos que poderão ser anexados;

Por padrão, o Contact Form 7 já impõe algumas restrições e elas serão aplicadas quando essas opções estiverem vazias. São elas:

1mb para tamanho de arquivo;
jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav e wmv para os tipos de arquivos.

Como dica vale dizer para sempre deixar o usuário informado sobre o tipo de arquivo e tamanho aceito:

Para receber os arquivos no seu e-mail, você deverá inserir a tag correta no campo ‘Arquivos anexos’ no bloco ‘E-mail’:

Caso nenhum erro ocorra, o arquivo será enviado sem problemas:

Veja que existe a possibilidade de adicionar mais campos desse tipo no mesmo formulário, assim como os outros. Utilize isso a seu favor!

Antes de serem enviados para o seu e-mail, os arquivos são temporariamente armazenados dentro da pasta de upload definida em ‘Configurações -> Mídia’ na opção ‘Enviando arquivos’, que por padrão aponta para ‘wp-content/uploads’.

Dentro dessa pasta o Contact Form 7 irá criar outra chamada ‘wpcf7_uploads’ para ser utilizada no envio dos arquivos. Por isso, caso ocorra alguma mensagem de falha no envio é importante verificar se existem permissões de escrita suficientes na pasta de upload do WordPress.

Podem ainda ocorrer erros no PHP ao enviar os arquivos. Nesse caso consulte diretamente no site do PHP alguma solução.

Tag Pergunta

Eu particularmente adoro essa tag. Seu funcionamento é bem simples: você deve responder a uma pergunta para conseguir enviar o formulário, pois caso contrário uma mensagem de erro será emitida:

Esse recurso é usado geralmente para saber ser é mesmo um ser humano quem está enviando o formulário. Mas não vá adicionar perguntar difíceis ou impossíveis de serem respondidas, pois assim você nunca receberá os dados do formulário.

Outra possibilidade é criar uma pergunta que somente pessoas selecionadas conhecerão a resposta, ao estilo do “Abre-te Sésamo” do conto de Ali Babá.

E assim existem muitas utilidades. A criatividade é sua!

A opção exclusiva para a ‘tag Pergunta’ é:

Perguntas: adicione as perguntas no formato ‘pergunta | resposta’. É possível adicionar quantas perguntas desejar, mas somente uma por linha. Elas serão visualizadas no formulário de modo aleatório. Vale ainda dizer que a resposta a ser preenchida pelo usuário deverá ser exatamente igual à resposta cadastrada, incluindo caracteres especiais, números, maiúsculos, minúsculos e acentos;

Ao adicionar a tag ao seu formulário, não será necessário acrescentar tags xHTML ou texto para informar sobre o campo:

Repare que do jeito que a pergunta é feita na opção ‘Perguntas’, ela é visualizada. Por isso é importante já fazer a formatação correta. Inclusive com o tamanho do campo:

Repare que o tamanho do campo ficou em ‘1’ assim como a quantidade de caracteres, já que a resposta exige apenas 1.

Nesse caso, cuidado para não cair numa armadilha, pois se você definir uma quantidade de caracteres menor do que a resposta precisar, o formulário jamais será enviado. E o cuidado deverá ser redobrado quando existir mais de uma pergunta:

Repare que somente uma da três perguntas poderá ser respondida com a quantidade de caracteres definida para 1. E como as perguntas serão aleatórias, se por acaso cair outra, como na figura abaixo?

O usuário só poderá inserir a letra ‘B’ e cuspir marimbondos logo em seguida.

Como você pode perceber diversos cuidados são necessários ao utilizar as tags. No próximo artigo iremos tratar de outros assuntos relacionados ao plug-in, como o Spam, por exemplo.

Qualquer dúvida, sugestão, crítica ou elogio pode ser feito nos comentários.

Fiquem na paz e até lá!

Como Criar Formulário no WordPress – Contact Form 7 Parte3 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Guia WordPress 3 Parte6 – Fundo Personalizado

Lindomar Goking — Tue, 15 Mar 2011 08:53:24 +0000

Olá caros leitores!

O WordPress 3 quer facilitar de todas as formas a vida dos blogueiros e webmaster e para isso vai adicionando recursos que só era possível com plug-ins e modificações no código-fonte nas versões anteriores.

Um desses recursos bem interessantes é o Fundo Personalizado. Isso mesmo! Agora de modo prático, fácil e rápido é possível alterar o fundo do seu site/blog e assim deixa-lo do jeito que você bem entender e sem fazer modificações ou instalações extras, tudo na base do “clique do mouse”, assim como já estamos acostumados com o WordPress.

É claro que para essa funcionalidade estar disponível, é necessário que o tema aplicado ao WordPress tenha suporte para ele. Em nosso caso, para fins didáticos, iremos utilizar apenas o tema padrão mesmo.

Nesse artigo, além da prática, estaremos abordando todos os problemas relacionados ao recurso e analisando se é uma boa opção utiliza-lo ou não no seu site/blog.

Vamos lá?

Fundo Personalizado

Utilizado principalmente por blogs, o fundo deverá ser personalizado para dar mais destaque ao layout, dando assim “mais vida” e “enchendo os olhos” dos visitantes. Como um exemplo, podemos citar o site Game Trailers que utiliza o fundo para exibir os jogos em destaque:

Repare ainda que, dependendo da área do site, é exibido um fundo diferente. O WordPress 3 também permite modificações no código nesse sentido, mas como estamos tratando somente de gerenciamento, não iremos detalhar tais mudanças. Porém em outros artigos você encontra todo o passo a passo.

Analisando as duas imagens, podemos reparar que os fundos escolhidos não atrapalham a visualização das informações e nem “cansam” os olhos do visitante. É preciso ficar bastante atento a isso para não escolher imagens “poluídas” demais ou com muita propaganda.

Aliás, a propaganda no fundo deve ser a mínima possível, pois seu visitante pode acabar irritando-se e nunca mais visitar o seu blog. Por isso utilize esse recurso somente ser achar realmente necessário e útil ao seu site/blog.

Lembre-se de que o mais importante de um blog é o seu conteúdo e não a forma como ele é “enfeitado”.

Outro problema em relação ao fundo é o tamanho da resolução a tela, pois dependendo da imagem que você escolher, irá ficar cortada e com isso irreconhecível. Então em vez de ajudar no layout, os seus visitantes irão lançar comentários negativos sobre o seu blog. Além disso, em resoluções muito baixas o fundo simplesmente não aparece.

Praticamente é o mesmo problema encontrado no background do Twitter, no artigo Background Do Twitter Parte3 – Resolução De Tela. Como exemplo do que estou falando veja a figura a seguir:

Só para citar, repare que na resolução 1280 x 1024 a mão do boxeador simplesmente não aparece. O interessante é que o nome do jogo e algumas informações ainda estão presentes. Isso se deve ao fato da imagem ser preparada previamente para esse fim. Portanto não utilize qualquer imagem sem antes verificar todos os problemas mencionados até agora.

Para adicionar um fundo personalizado ao blog é realmente bem simples. O primeiro passo é ir em ‘Aparência -> Fundo’ para ter acesso à área de gerenciamento:

Para adicionar a imagem de fundo basta clicar em ‘Selecionar arquivo…’ e então escolher o arquivo do seu computador. Por fim basta clicar em ‘Fazer Upload’. Quando o carregamento da imagem estiver finalizado, novas opções irão surgir:

Remover imagem de fundo: clicando nesse botão a o fundo será removido junto com todas as suas configurações;
Posição: você escolhe onde a imagem estará posicionada;
Repetir: aqui é escolhido se a imagem irá repetir-se e como será feito;
Anexo: escolhendo ‘Rolar’ o fundo irá rolar junto com a página e ‘Fixo’ ela ficará parada, rolando somente o conteúdo do site/blog;
Cor: defina uma cor para o fundo em Hexadecimal. No caso de não conhecer, clique no hiperlink ‘Escolher uma cor’ para facilitar o trabalho, conforme mostra a figura:

Salvar Alterações: aplica todas as mudanças feitas;

Alguns detalhes devem ser levados em consideração na configuração do fundo, para evitar problemas com seu site/blog. Vamos citar apenas alguns:

1. Dependendo do tamanho da imagem e seu posicionamento, o fundo não irá aparecer. Por exemplo: uma imagem pequena e com posição ‘Centro’ simplesmente não dá certo, exceto no caso de existir alguma repetição. Confira na figura algumas opções e seu resultado. A imagem escolhida tem tamanho 610 x 320 pixels:

Repare que com a mesma imagem foi possível criar um fundo de diversas formas. Mas por favor, não deixe o seu blog como nos exemplos, pois em minha opinião fica com um aspecto horrível, muito mal cuidado!

2. Faça testes! Escolha imagens de diversas resoluções e aplique as diversas opções disponíveis. Assim como ficará mais “por dentro” do que acontece com cada coisa.

3. Nos testes que eu fiz, a melhor resolução de imagem foi de 1600 x 900, com posição ‘Centro’, ‘Sem Repetição’ e ‘Fixo’. Veja na figura:

Como o alinhamento da imagem parte do “centro” do blog, a montagem que eu fiz para o fundo ficou perfeitamente alinhada ao blog nas diversas resoluções possíveis. A cor verde aparece na parte de baixo porque a imagem não está repetindo-se. Porém essa cor só irá aparecer em resoluções realmente altas e como são poucas pessoas no mundo que a usam, não é preciso muita preocupação. Se for caso, selecione a opção ‘Repetir’ e problema resolvido!

4. Você pode selecionar apenas uma cor de fundo e nenhuma imagem ou ainda fazer uma “fusão” com os dois, ou seja, selecionado uma imagem que combine com a cor. Enfim, você tem em suas mãos diversas opções de personalização no caso de esse recurso. Faça testes, pesquise, “quebre a cabeça” no Photoshop e faça acontecer! O esforço valerá a pena quando alguém elogiar o seu site/blog.

E assim terminamos mais um artigo detalhando mais um recurso que poderá ser útil ao seu site/blog. Qualquer dúvida, sugestão, crítica ou elogio pode ser feito nos comentários.

Fiquem na paz e até a próxima.

Guia WordPress 3 Parte6 – Fundo Personalizado é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital