Quem é que nunca viu a trilogia Senhor Dos Anéis? O universo fantástico criado pelo John Ronald Reuel Tolkien inspirou milhares de escritores a escreverem mundos com criaturas deslumbrantes, hobbits, elfos, anões, trolls e orcs, algumas assustadoras, outras sedutoras, mas todas muito humanas, caricaturas das nossas emoções como o medo e o desejo.

Criamos mundos de sonho diferentes do nosso, para onde escapamos e vivemos aventuras inacreditáveis. São mundos da nossa criatividade. E é dessa mesma fonte que brotam os sites que criamos…

38 Imagens De Sonho – Arte – Fantasia Tolkien

Holy Sword by hgjart

War Dragon by kjherstin

ORC by grafik

Hobbit land wallpaper by equilibrium3e

Battle Dragon by kerembeyit

Orc rider by zsoltkosa

Dragon by dem888

Waiting for paladin by winerla

Holy War by stevegoad

City in the Forest by zevenstorms

Forest Ogre Character Design by firecrow78

Dark Elves by namesjames

Ogre Bully by thenightlight

The Paladin by sasin

Massive War Finale by serpentwitch

World Of Warcraft Night Elf by d17rulez

Half Elf Girl by kerembeyit

Wheel of time by booom

Dark Paladin by 88grzes

99 by snowskadi

Sing of Manetheren by underdogmike

Ogre by dem888

Blood Elf in L5R by genzoman

Notherrrr Elf by davidrapozaart

To Avalon by krishnablacksky

Black by kerembeyit

Random fantasy by janaschi

Dwarves by korwick

Winter fantasy by ironshod

Dwarf vs Orc by genzoman

Night Elves by adeelquick

Fantasy by snowskadi

The Winds of Magic by daarken

Artic Troll by kerembeyit

Luthien by skadj

Arwen by LathronAniron

Elf Queen by alanlathwell

Orc Warlock by kerembeyit

38 Imagens De Sonho – Arte – Fantasia Tolkien é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 25 Imagens Fabulosas De Arte Sci-Fi
2. 30 Imagens Fantásticas De Arte Robótica
3. Use A Font Que Quiser Sem Precisar De Imagens

A primeira que coisa que você, estudante em WordPress, precisa entender é o que são temas. O site do Codex do WordPress, nós dá
uma visão bem clara a respeito desse recurso. É dito que os temas são semelhantes à skins, porém muito além do que isso, pois um tema pode alterar toda a aparência e apresentação do conteúdo do seu blog.

Os skins, também conhecidos como peles, geralmente alteram somente a parte visual de um sistema. Os temas do WordPress, em contrapartida, são uma coleção de arquivos que trabalhando juntos, produzem um resultado impressionante no design e na sua estrutura de apresentação. Essa coleção de arquivos é chamada de arquivos de modelos (template files) e alteram somente a parte visual, sem alterar o software (código-fonte) e dados gerenciados pelo WordPress.

Os arquivos de modelos incluem arquivos de imagem (*.jpg, *gif, *.png), folhas de estilo (*.css), páginas personalizadas, bem como qualquer arquivo de código necessário (*.php).

O Codex ainda complementa dizendo que os temas do WordPress podem mudar complemente o seu blog, através do uso inovador de loops e arquivos de modelos, permitindo personalizar as postagens de forma diferente, de acordo com suas categorias. Assim é possível mudar a cor de fundo para cada categoria, por exemplo.

É claro que para isso é necessário criar um tema que siga todo o procedimento definido pelo CMS, como alguns arquivos-padrão que não podem sofrer muitas mudanças. Além disso, é necessário respeitar toda a nomenclatura estabelecida. Por isso a importância de serem escolhidos temas corretos. Caso você vá construir seu próprio tema, faça tudo da melhor maneira possível para evitar dores de cabeça futuras. Em nosso blog você encontrar artigos que tratam exclusivamente de criação e edição de temas.

Escolher um tema correto pode determinar o sucesso ou o fracasso do seu blog. Por isso vou dar algumas dicas e sugestões na hora da escolha:

• Determine o tipo de blog: isso é realmente importante, pois um blog pessoal não pode ser igual a um blog profissional. Nesse segundo caso o visual precisa ser mais limpo e com ar profissional. Se o blog for monetizado será necessário um espaço para os anúncios, sejam diretos ou pelos programas afiliados;
• Fácil Navegação: não dificulte para o seu usuário a navegação dentro do blog. Pratique a usabilidade, veja o que realmente é necessário ser colocado. Utilize fontes de textos padronizados e não muito pequenos, mesmo que permita a opção de zoom, pois poucos o conhecem. Também não utilize cores diferentes para textos que não sejam links. Os mais novatos irão querer clicar e vão ficar decepcionados;
• Multimídia: não use um tema que irá “enfeitar” o seu blog como uma árvore de natal. Não use gifs animadas, pois elas tiram a atenção do usuário para o conteúdo. Não deixe uma música tocar automaticamente, deixe o usuário escolher isso. Mesmo em site para crianças, é necessário escolher com cuidado para que seu blog seja bem aproveitado;
• Otimização: procure temas que facilitem sua indexação na busca online, que estejam otimizados para SEO. Não escolha temas pesados, pois mesmo com banda larga, ninguém quer ficar esperando 1 minuto para o blog ser carregado;
• Segurança: podem existir temas com links ocultos, códigos (ou scripts) maliciosos que irão comprometer a segurança do seu blog e de quem estiver acessando-o. Procure seus temas em fontes seguras e se possível confira seu código-fonte;
• Crescimento: o tema escolhido deve suportar o crescimento do seu blog, pois serão necessárias mais categorias, tags, blocos, scripts, personalizações e outros. Pense nisso;
• Identidade: o seu tema é facilmente identificado pelo seu visitante? Você já percebeu que a Coca-cola quase não sofre mudanças em seu rótulo? Isso também deve acontecer com seu blog. Procure não utilizar o tema Default do WordPress ou temas populares. É muito interessante seu blog ser reconhecido no mundo on-line como exclusivo e diferente;
• Compatibilidade: teste seu tema em vários navegadores e se possível em várias versões. Se alguma coisa “saiu do lugar”, faça os acertos necessários ou procure outro tema. Isso garante uma visualização perfeita para qualquer usuário que for visitar seu blog;
• Dependências: evite temas que dependam de instalação de plug-ins ou modificações extremas no WordPress. Tente evitar também os códigos JavaScript para que certos recursos funcionem. Os bons temas operam por si próprios e com Widgets, sem precisar depender de “gambiarras”;
• Estética: escolha temas que combine com as cores do seu logotipo. Veja se o texto não está desproporcional ou “fora” das caixas. Dependendo do tipo de blog, não é interessante colocar muitas barras laterais ou widgets. Ou seja, escolha um tema que o visitante possa se maravilhar e querer voltar e não o contrário;

Outra dica muito importante é verificar se o tema encontra-se no repositório oficial do WordPress. Escolhendo um tema revisado, a
exemplo dos plug-ins, os riscos de alguma coisa sair errada diminuem drasticamente.

Para encontrar os temas você pode ir ao repositório oficial, pesquisando inclusive pelo próprio WordPress ou ainda pesquisar pela internet. Existem muitos temas bons e gratuitos. A instalação é bem simples e será assunto do próximo artigo.

Também existem os temas pagos, geralmente conhecidos como “temas Premium”. Logicamente desembolsar alguns Dólares, Euros ou Reais não é fácil, porém os temas pagos oferecem muito mais recursos e segurança, além de um design super bem feito. Em nosso blog você encontra o artigo 20 Free Wordpress Themes, onde Rui Soares indica 20 temas totalmente gratuitos e bem bolados.

No nosso próximo artigo iremos mostrar todos os passos necessários para a instalação de temas dentro do WordPress e por outros meios. Fico aguardando seus comentários com dúvidas, sugestões, elogios ou críticas. Estou muito ansioso para saber o que você está achando.

Referências e Links:

• http://codex.wordpress.org/pt-br:O_que_s%C3%A3o_Temas_WordPress
• http://wordpress.org/extend/themes

WordPress – Temas Do WordPress é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Descubra As Diferenças Entre WordPress.COM E WordPress.ORG
2. WordPress – Níveis Dos Usuários
3. WordPress – Barra Lateral e Widgets

No artigo de hoje estaremos dando continuidade ao Item de Menu Utilizador, conhecendo 3 itens que são:

1. Registrar – Visualização padrão de registro
2. Recordar – Visualização padrão de recuperação
3. Repor – Visualização padrão de reposição

Mas para que serve cada item ?
Pois bem, o primeiro item que iremos ver será Registrar que como o próprio nome diz se refere a uma página contendo um formulário de cadastro.

Então vamos lá.

1.- Executamos o WampServer

2.- Abrimos o browser (o de sua preferência) e digitamos http://localhost/nomedapasta/administrator , no caso do nosso artigo nós atribuímos a pasta o nome de Joomla ficando então http://localhost/joomla/administrator.  Faça o login normalmente, chegando até o painel administrativo.

3.- Bem, estando em nosso painel de controlo iremos fazer tal qual já vimos em nossos  artigos anteriores,  iremos fazer o seguinte, clicar sobre Menus -> Itens de Menú -> Novo e selecionaremos a opção Hiperligação Interna -> Utilizador -> Registrar -> Visualização padrão  de registro conforme na imagem abaixo.

4.- Chegaremos até o item de menu que é igual aos outros que já vimos anteriormente. Apenas para nosso exemplo , estarei  inserindo o Titulo de Visualização de Registro e Alternativo de visualização-de-registro conforme imagem abaixo:

5.- Terminada tal configuração só teremos o pequeno “trabalho” de clicar no botão salvar que se encontra no canto superior direito e prontinho, o Joomla irá fazer o resto ! Simples não ?

Como puderam perceber não precisamos configurar os parâmetros  básicos de tal item, já que ele vem com todas as configurações Default.

Acessando nosso front-end e clicando sobre o item Visualização de Registro teremos uma página igual a exibida pela imagem abaixo:

Após a inserção de tal item, agora iremos ver sobre o item de menu  Recordar que também não tem nenhum mistério e possui uma configuração fácil e rápida assim como a vista anteriormente.
Tal item recordar tem a única e simples função de nos lembrar qual é nosso nome de usuário (Login), pois é ele tem apenas essa função. Ele nos exibirá um campo solicitando o e-mail que utilizou para se cadastrar no site e enviará seu nome de usuário (login) para o email citado.

Obs: Caso o e-mail não exista ele não enviará nenhum email ao destinatário.

Bem, para criarmos nosso item de Menu Recordar teremos que voltar ao painel de controlo.

6.- Estando em nosso painel de controlo iremos fazer tal qual já vimos em nossos  artigos anteriores,  iremos fazer o seguinte, clicar sobre Menus -> Itens de Menú -> Novo e selecionaremos a opção Hiperligação Interna -> Utilizador -> Recordar -> Visualização padrão  de recuperação conforme na imagem abaixo.

7.- Chegaremos até o item de menu que é igual aos outros que já vimos anteriormente. Apenas para nosso exemplo , estarei  inserindo o Titulo de Visualização de Recuperação e Alternativo de visualização-de-recuperacao conforme imagem abaixo:

8- Terminada tal configuração só teremos o pequeno “trabalho” de clicar no botão salvar que se encontra no canto superior direito e prontinho, o Joomla irá fazer o resto ! Simples não ?

Como puderam perceber não precisamos configurar os parâmetros  básicos de tal item, já que ele vem com todas as configurações Default.

Acessando nosso front-end e clicando sobre o item Visualização de Recuperação teremos uma página igual a exibida pela imagem abaixo:

Terminada tal configuração agora iremos para a próxima e ultima dos itens de menu que veremos em nosso artigo de hoje. Agora estaremos vendo o item de Menu Repor que também não possui nenhum mistério em sua configuração e utilização.

Tal item Repor tem praticamente a mesma função que o item anterior ( Recuperação ) mas esse item é para recuperarmos nossa Senha.  Após a inserção do item ele nos exibirá uma página contendo um campo onde inserimos nosso endereço de email (o mesmo utilizado no cadastro) e receberemos a senha cadastrada em nosso email de cadastro.

9.- Para criarmos tal item de menu teremos que voltar ao nosso painel de controlo.

10.- Estando em nosso painel de controlo iremos fazer tal qual já vimos em nossos  artigos anteriores,  iremos fazer o seguinte, clicar sobre Menus -> Itens de Menú -> Novo e selecionaremos a opção Hiperligação Interna -> Utilizador -> Repor -> Visualização padrão  de reposição conforme na imagem abaixo.

11.- Chegaremos até o item de menu que é igual aos outros que já vimos anteriormente. Apenas para nosso exemplo , estarei  inserindo o Titulo de Visualização de Reposição e Alternativo de visualização-de-reposicao conforme imagem abaixo:

12.- Terminada tal configuração só teremos o pequeno “trabalho” de clicar no botão salvar que se encontra no canto superior direito e prontinho, o Joomla irá fazer o resto ! Simples não ?

Como puderam perceber não precisamos configurar os parâmetros  básicos de tal item, já que ele vem com todas as configurações Default.

Acessando nosso front-end e clicando sobre o item Visualização de Reposição teremos uma página igual a exibida pela imagem abaixo:

E é isso ai pessoal, viram como é muito simples esses três itens de menu ? A utilização de tais itens sempre é feita em caso de que abra uma área exclusiva para seus visitantes onde disponibilizará um conteúdo diferenciado!

E por hoje é só isso meus amigos, espero que estejam gostando de nossa serie de artigos. Os lembro que o que passamos aqui são noções gerais para a utilização das ferramentas.

Aproveito também para agradecer a quantidade de e-mails que venho recebendo, venho atendendo a todos por ordem de recebimento assim que se não recebeu seu e-mail aguarde que em um determinado momento irá chegar !!

Continuem nos visitando e continuem mandando suas sugestões, comentários, críticas que estarei atendendo a todos vocês na medida do possível.

Para sempre serem informados de todos nossos artigos (não só de Joomla) você pode estar assinando nosso Feed e assim ser avisado sempre que houver uma atualização e também pode estar seguindo a um dos colunistas em seus respectivos Twitters para isso selecione o perfil ao lado direito e prontinho, terás acesso a alguns dados do mesmo para contato !!

Nos vemos em nosso próximo artigo onde iremos concluir sobre os itens de menu Utilizador !!

Meus Cumprimentos.

Joomla – Menu – Registrar, Recordar E Repor Usuários é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Joomla – Menu Opção Arquivo 1
2. Joomla – Criar Menus Parte 2
3. Joomla Menu – Agregador De Noticias – Todas As Categorias

Hoje estamos trazendo algo especial para vocês: motores de busca para ícones. Sim, eles existem e alguns têm sua interface baseado no Google.

Chegou a hora de dizer chega para o Google Imagens quando você quer procurar um ícone que irá ser o “diferencial” no seu projeto, além de evitar aquele “dor de cabeça” com os direitos autorais dos ícones, pois a maioria dos buscadores apresentados nesse artigo também informa seu licenciamento.

Portanto fique atento a esse detalhe, pois alguns ícones, quando usados de modo comercial, precisam ser pagos. Outros autores apenas solicitam que a autoria seja mantida e que seja inserido um link apontando para seu site. Fique atento a isso!

Mas chega de papo e vamos apresentar agora os 10 motores disponíveis.

Find Icons

Serviço disponível em diversos idiomas, incluindo o português e permite a pesquisa em mais de 300 mil ícones gratuitos. O Find Icons inclui outros serviços interessantes, como conversor de formatos com 10 opções diferentes, permite que você faça seu cadastro, tags de ícones e apresenta o resultado mais completo que já vi, sendo possível aplicar diversos tipos de filtros até que você encontre o ícone que atenda a sua necessidade.

Icon Finder

Permite encontrar mais de 170 mil ícones diferentes, para os mais diversos tipos e gostos. É interessante ver a lista dos últimos ícones inseridos, podendo assim se ter uma ideia mais clara do que pode ser encontrado por esse motor de busca para ícones.

Icons Search

Permite buscar por termo e tamanho e já tem uma relação com as buscas típicas feitas pelos usuários.

Mr. Icons

Uma opção bem interessante com mais de 125 mil ícones divididos em 437 sets. O legal desse buscado é que ele vai oferecendo sugestões de acordo com o que está sendo digitado e o que já existe na base de dados.

Icon Seeker

Faz uma busca dentre 50 mil ícones de alta qualidade, sendo possível diversos formatos e para diversas finalidades.

Very Icon

Intitulam-se como o melhor motor de busca para ícones, tendo mais de 20 mil ícones a sua disposição. É possível definir diversos tipos de pesquisa, além de o sistema apresentar algumas opções;

Iconlet

É um buscado de ícones gratuitos e de qualidade.

Easy Icon Finder

Com uma interface bem ruinzinha, permite a busca por palavra chave, categoria ou nuvem de tags, porém apresentando alguns resultados interessantes.

Silk Icon Finder

Apresenta uma espécie de “diretório” com diversos silk icons, muito úteis em menus de blogs, aplicações web e outros.

Banco de Ícones da Plugmaster

Outro diretório de ícones com diversas categorias, intitulando-se “o maior repositório de ícones do Brasil”. Confira você mesmo!

10 Motores De Busca Para Ícones é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 17 Websites Para Download De Fontes Grátis
2. 13 Websites Para Testar Fontes E Tipografia Web
3. Dicas Para Criar O Layout Do Website Com Grades

Mas, será que vale o preço? E o esforço, para quem tem que confirmar manualmente as submissões, na sua caixa de correio?

Vamos ver e ouvir o Matt Cutts e depois analisar em pormenor esta questão.

Alteração Das Directrizes Para Webmasters

O Google, antes de Outubro de 2008, recomendava a submissão do site a diretórios gerais e a diretórios de nicho. E sugeria como exemplos o Open Directory Project e o Yahoo.

Esta recomendação fazia parte das Directrizes Para Webmasters do Google:

Submit your site to relevant directories such as the Open Directory Project and Yahoo!, as well as to other industry-specific expert sites.

Mas, o Google removeu esta recomendação no início de Outubro de 2008.

O contexto desta alteração é fácil de perceber. Havia um mercado activo de compra e venda de links, para manipular o posicionamento dos sites nos resultados orgânicos do Google. O Google lançou uma ofensiva mediática contra a compra de links, para proteger a lógica editorial dos links: um link deve ser concedido por ser relevante e útil para os visitantes e leitores do site que criar esse link e não porque alguém pagou o link.

Alguns meses antes, os Diretórios começaram a nascer como cogumelos. Parecia um bom negócio. Os webmasters pagavam para adicionar os sites aos Diretórios. Recebiam em troca 1 ou mais links. No fundo, tratava-se dum modelo de venda de links. Os Diretórios criados para vender links eram link farms.

No âmbito da campanha mediática, liderada pelo Matt Cutts, para educar os webmasters sobre a compra e venda de links, dezenas de Diretórios muito conhecidos, que obedeciam a esta lógica de venda de links, foram penalizados e nem sequer apareciam nos resultados orgânicos do Google para a pesquisa do nome do Diretório.

Valor SEO Da Submissão A Diretórios

A submissão automática a um número elevado de diretórios não compensa o preço pago e o trabalho necessário para confirmar todas essas submissões, na conta de email usada para o efeito.

Num projeto sério, pode ser prejudicial. Qualquer ganho automático de links poderá ligar um alarme no Google em relação ao seu site. Quando maior o número de links, menor o espaço de tempo em que ocorreu o ganho de links e uniforme o perfil desses links (Diretório, Diretório, Diretório), aumenta a probabilidade do site ficar sobre suspeita de usar técnicas de SEO que violam as directrizes do Google.

Penso que o simples facto do site ser submetido automaticamente a 500, 1000 ou até 10000 Diretórios não é suficiente para que seja penalizado. Vale aqui aquela ideia muitas vezes repetida pelo Google e pelo Matt Cutts de que um concorrente seu não pode prejudicar o seu site. Se a mera submissão do seu site a 1000 Diretórios resultasse numa penalização, qualquer concorrente poderia sabotar o seu site desse modo. O algoritmo do Google não é assim tão simples.

Um incidente de submissão a 10000 Diretórios, num perfil natural e diversificado de links, não terá consequências relevantes. Mas, se somarmos n incidentes, num perfil artificial de links, o seu site pode ser penalizado.

A informação estatística recolhida será mais importante para, em conjugação com n situações iguais à do seu website, desvalorizar os links de determinados Diretórios. E, como você vai submeter o seu site aos mesmos Diretórios que algumas centenas ou milhares de webmasters já submeteram, o mais provável é que você esteja a submeter a Diretórios cujos links valem zero em termos de SEO, porque já foram desvalorizados pelo Google.

Ainda há Diretórios que são muito valorizados pelo Google. Publicamos uma lista de Diretórios do Tipo Páginas Amarelas, que são muito importante para obter um bom posicionamento dos resultados locais do Google:

• 26 Diretórios Brasileiros Para Resultados Locais
• 25 Diretórios Portugueses Para Resultados Locais

Como saber se um determinado Diretório traz vantagens em termos de SEO?

Como Avaliar Um Diretório?

O próprio Matt Cutts escreveu o que pensava sobre esta questão:

Hey, as long as we’re talking about directories, can you talk about the role of directories, some of whom charge for a reviewer to evaluate them?
A: I’ll try to give a few rules of thumb to think about when looking at a directory. When considering submitting to a directory, I’d ask questions like:
- Does the directory reject urls? If every url passes a review, the directory gets closer to just a list of links or a free-for-all link site.
- What is the quality of urls in the directory? Suppose a site rejects 25% of submissions, but the urls that are accepted/listed are still quite low-quality or spammy. That doesn’t speak well to the quality of the directory.
- If there is a fee, what’s the purpose of the fee? For a high-quality directory, the fee is primarily for the time/effort for someone to do a genuine evaluation of a url or site.

Sucintamente, os Diretórios que continuam a ser valorizados pelo Google são aqueles Diretórios que existem para os respectivos visitantes e que usam critérios editoriais exigentes na indexação de sites.

Algumas dicas para procurar Diretórios de qualidade:

• Procure Diretórios de Nicho. Se você é um médico, procure Diretórios de Médicos ou de Saúde.
• Dê preferência a diretórios de nicho integrados em sites com boa reputação e autoridade no Google. São sites que você encontra com frequência nos resultados orgânicos do Google, quando pesquisa um assunto na área temática do site e que oferecem o diretório aos seus visitantes como um valor adicional para que encontrem sites de qualidade nesse nicho.
• Consulte o Diretório e avalie a qualidade dos sites indexados. Evite Diretórios que aceitam sites de má qualidade ou de reputação duvidosa. Em relação a alguns dos sites indexados, veja quem é que linka para esses sites indexados e para que sites é que esses sites indexados linkam.
• Evite qualquer Diretório que faça publicidade para webmasters. Trata-se dum link farm.
• Se no Diretório aparecer mensagens a valorizar o valor SEO da inclusão do seu site no Diretório, fuja rapidamente… Trata-se dum link farm.
• Veja quem é que linka para o Diretório. São sites autoritários e com boa reputação? Ou o perfil não parece natural?
• Verifique o Anchor Text da listagem de sites no Diretório. Se estão optimizados em termos de SEO na perspectiva do webmaster do site indexado, é um mau sinal… Significa que o Diretório aceita o título e a descrição das submissões tal como são submetidos. Um bom Diretório não usa a informação submetida pelos webmasters, nomeadamente o título e a descrição. Faça copy dum parágrafo duma descrição dum dos sites indexados e pesquisa esse parágrafo no Google. O site foi aceite noutros Diretórios com o mesmo texto, a mesma descrição? Eu não adicionava o meu site a esse Diretório…
• Se o Diretório pedir um link recíproco, fique desconfiado em relação ao valor desse Diretório.
• O Diretório ideal para você indexar o seu site é um Diretório de nicho, integrado num site autoritário, que não tem qualquer forma de você submeter o seu site. Nesse caso, a única forma de você conseguir indexar o seu site é trabalhar na qualidade do seu site e tentar relacionar-se nas redes sociais com os editores desse Diretório, de modo que ele conheçam o seu site.
• Nesse aspecto, recordo um Tweet do Pedro Dias, que trabalha no Google. Não me lembro das palavras exactas, mas o sentido era que o valor dum link era proporcional à dificuldade para obtê-lo. Um link fácil de obter, tem um valor SEO baixo. Um link difícil de obter, tem um valor SEO alto.

Submissão A Diretórios – Dicas Matt Cutts é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Dicas SEO Do Matt Cutts
2. História Dum Domínio – Dicas Matt Cutts 2010
3. Autoridade Dum Website – Dicas Matt Cutts 2010

Para criar um novo usuário, vá em ‘Usuários > Adicionar novo’ [figura 1] ou ainda no botão ‘Adicionar novo’ da área de administração dos usuários, conforme mostrado no último artigo.

Qualquer uma das opções dará acesso à seguinte tela [figura 2]:

Os campos a serem preenchidos não necessitam de explicações detalhadas, pois já falam por si próprios. Vale lembrar que existem alguns campos que são de preenchimento obrigatório, tais como o ‘Nome de usuário’, ‘Email’ e ‘Senha’. Além disso, o nome de usuário e o email não podem estar atribuídos a usuários já cadastrados, pois são informações únicas, que não se repetem no WordPress. E não adianta insistir, pois o WordPress retorna com um erro [figura 3]:

É importante você deixar marcada a opção de ‘Enviar esta senha para o novo usuário por email’, pois o usuário recebe uma mensagem com seu nome de usuário, senha e o link para login. Na opção função você define o papel do usuário a ser cadastrado. Esses papéis foram amplamente explicados no artigo WordPress – Níveis Dos Usuários. Não deixe de lê-lo para tirar todas as suas dúvidas.

Você deve ter reparado que na figura 2 existe uma parte destacada em vermelho. Coloquei esse destaque, pois ele pode estar diferente, de acordo com as opções escolhidas nas configurações gerais do WordPress, disponíveis em ‘Configurações > Geral’, mas especificamente duas opções, ‘Membros’ e ‘Função padrão para novo usuário’ [figura 4]:

Um atalho para essas opções é o link ‘registrar-se por conta própria’, mostrado no destaque da figura 2. Deixando marcada a opção ‘Qualquer pessoa pode se registrar’, o destaque muda para os seguintes dizeres [figura 5]:

Além disso, a tela de login também é modificada. Mas calma, vou mostrar essas mudanças agora! Clicando no link, ‘registrar-se por conta própria’ ou acessando a tela de login

www.seudomínio.com/wp-admin 

e clicando em ‘Registrar-se’ [figura 6],

você terá acesso à tela de cadastro [figura 7]:

Nessa tela o próprio usuário pode cadastrar-se inserindo seu nome de usuário e email. Ele irá receber uma mensagem com uma senha temporária [figura 8]:

Essa senha poderá ser facilmente modificada nas opções de perfil, acessadas em ‘Perfil > Seu perfil’. Irei explicar detalhadamente cada opção dessa tela, mas antes quero lembrar que o papel padrão do usuário é escolhido na lista suspensa da opção ‘Função padrão para novo usuário’ [mostrada na figura 4].

Seu Perfil / Edição De Usuários

A tela do ‘Seu Perfil’ é idêntica tela de ‘Edição de Usuário’, acionado pela ação imediata ‘Editar’ conforme demonstrado no último artigo, com algumas leves mudanças entre ambas. Algumas opções também não estarão disponíveis para certos tipos de usuários. Tudo vai depender do tipo de papel atribuído a ele.

A tela de perfil/edição de usuários é dividida em várias partes, que são as ‘Opções pessoais’, ‘Nome’, ‘Informações de contato’ e ‘Sobre o usuário’. Detalhando cada uma dessas partes, temos:

• Editor visual: deixando marcada a opção ‘Desativar o editor visual ao escrever’ o usuário só terá acesso ao modo HTML na criação de posts e páginas. Essa opção não aparece para ‘Visitantes’;
• Paleta de cores do painel: com duas opções de cores para o painel de administração, sendo o ‘Cinza’ escolhido como padrão;
• Atalhos de teclado: permite ativar quando marcado a opção de usar atalhos da moderação de comentários. Essa opção não aparece para ‘Visitantes’. Você confere todos os atalhos em outro artigo aqui do blog;

• Nome de usuário: escolhido no ato do cadastro do usuário, não sendo possível mudá-lo por aqui;
• Função: essa opção só aparece na tela de edição para administradores. Permite escolher um papel para o usuário em questão;
• Nome e Sobrenome: o nome real do usuário;
• Apelido: o preenchimento desse campo é obrigatório e pode ser mudado. Por padrão vem preenchido com o nome de usuário;
• Exibir o nome publicamente como: permite selecionar algumas formas de exibir o seu nome no blog, tais como apelido, nome de usuário, nome, sobrenome, nome com sobrenome e sobrenome com nome;

• Email: com preenchimento obrigatório. É possível modificá-lo posteriormente;
• Site: endereço do site ou blog do usuário, caso possua;
• AIM, Yahoo IM, Jabber/Google Talk: contato de mensageiros instantâneos. Na figura 11, por exemplo, no campo AIM foi adicionado o contato do MSN, já que não há mais campos disponíveis;

• Informações biográficas: informações sobre o usuário em questão;
• Nova senha: caso precise modificar a senha;

No final, dependendo do tipo de página, ainda existe o botão ‘Atualizar perfil’ e ‘Atualizar usuário’ para salvar todas as alterações feitas.

É claro que existem plug-ins e alteração do código via programação que permitem alterações e adições de campos extras, sendo estes assuntos para outros artigos.

Finalizo o artigo solicitando o seu comentário com dúvidas, sugestões, críticas ou elogios. Fico ansioso para saber o que você está achando. No próximo artigo outro super assunto para mais um aprendizado em WordPress. Até lá!

WordPress – Administração De Usuários Parte 2 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. WordPress – Administração De Usuários Parte 1
2. WordPress – Widget Links Parte 3
3. WordPress – Widget Links Parte 1

Como vimos na matéria anterior, recortar a imagem antes de publicá-la facilita tanto para o Internauta quanto para o Administrador!

Como fazemos em todas as nossas matérias, em anexo temos disponível os ficheiros para que tu possa estudar e testar a matéria que estaremos explicando a seguir.

Criando As Tabelas Na Base De Dados

Antes de partirmos para a programação, vamos criar uma tabelinha simples, só para rodarmos a solução que estamos a criar.

Para isso, pegue o conteúdo do ficheiro script-sql.txt (disponível em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.

Em nossas matérias utilizamos como padrão o MySQLFront ou o PHPMyAdmin. Caso tu também esteja utilizando outra solução é só colar o conteúdo no SQL Editor (conforme código abaixo).

----- CRIA A TABELA DE IMAGENS -----



CREATE TABLE `tbl_imagens` (

  `id_imagem` int(11) NOT NULL auto_increment,

  `imagem_grd` varchar(150) NOT NULL default '',

  `imagem_thumb` varchar(150) NOT NULL default '',

  `status` varchar(10) NOT NULL default '',

  PRIMARY KEY  (`id_imagem`)

);

Após importar os dados, você poderá configurar o script de conexão à base de dados.

Configurando O Script De Conexão

Para efetuar a configuração devida, acesse o script “conexao.php” e siga o exemplo a seguir:

$database = "SERVIDOR"; // NOME DO SERVIDOR

$dbname   = "BASEDEDADOS"; // NOME DA BASE DE DADOS

$usuario  = "USUARIO"; // USUARIO DO MYSQL

$dbsenha  = "SENHA"; // SENHA DO USUARIO MYSQL



$conexao=mysql_connect ($database, $usuario, $dbsenha);



if($conexao){

      if (mysql_select_db($dbname, $conexao)){

           print "";

      }else{

           print "Não foi possível selecionar o Banco de Dados";

           }

      }else{

           print "Erro ao conectar o MySQL";

           }

Após efetuar essa configuração, vamos agora conhecer os scripts que trabalharemos?

Ficheiro upload.php

Como já explicamos o funcionamento deste ficheiro na matéria anterior, não vamos entrar em detalhes quanto a ele, apenas mostraremos onde fizemos as alterações, já que se trata de uma implementação.

Se você já está usando o ficheiro antigo, siga os procedimentos a seguir:

1 – Conectando a base de dados:

Agora que o ficheiro “conexao.php” está pronto, vamos chamá-lo no ficheiro “upload.php”.

Faça sua inclusão entre a linha 15 (abaixo de session_start), conforme o exemplo a seguir:

error_reporting (E_ALL ^ E_NOTICE);

session_start(); // Inicia a sessão



include('conexao.php');

Agora que ele está conectando à base de dados, precisaremos efetuar e por padrão já faz a inserção do conteúdo no diretório, você não terá muito o que fazer!

O trecho a seguir, deverá ser incluído entre as linhs 200 e 210 do ficheiro “upload.php” (conforme exemplo a seguir).

$large_image_location = $large_image_location.".".$file_ext;

$thumb_image_location = $thumb_image_location.".".$file_ext;

      

// pega a extensão do arquivo na sessão

$_SESSION['user_file_ext']=".".$file_ext;

      

$query = "INSERT INTO tbl_imagens (imagem_grd, imagem_thumb, status) VALUES('$large_image_location', '$thumb_image_location', 'Ativo')";

$query = mysql_query($query);



move_uploaded_file($userfile_tmp, $large_image_location);

chmod($large_image_location, 0777);

Veja que ele trás o nome do ficheiro grande ($large_image_location) e o nome do arquivo thumb ($thumb_image_location).

Abaixo do “$_SESSION” faça a inclusão do conteúdo, usando o comando “INSERT INTO”.

Prático, não?

Agora que a inclusão já está sendo efetuada, para que ele faça o redirecionamento à página inicial (“index.php”), entre as linhas 335 e 340 estaremos postando o direcionador (conforme o trecho a seguir):

echo "<p><a href=\"".$_SERVER["PHP_SELF"]."?a=delete&t=".$_SESSION['random_key'].$_SESSION['user_file_ext']."\">Excluir Imagens</a></p>";

echo "<p><a href=\"".$_SERVER["PHP_SELF"]."\">Upload outra imagem</a></p>";

echo "<p><a href=\"index.php\">Voltar para a Página Inicial</a></p>";

// Limpa o time stamp da sessão e a extensão do arquivo

$_SESSION['random_key']= "";

$_SESSION['user_file_ext']= "";

Pronto! Apenas 3 trechos do código alterados.

Agora vamos ver como funciona a página principal?

Ficheiro index.php

Esse ficheiro é super prático e até para facilitar seus trabalhos, não vamos fazer muitas alterações!

Ele servirá mais para trazermos os ficheiros anteriormente inseridos e criarmos a visualização personalizada!

Para personalizar seu ficheiro, siga os procedimentos a seguir:

1 – Conexão ao BD:

Assim como o ficheiro “upload.php”, este ficheiro necessita conectar à base de dados.

Para isso, insira no início da página o comando “include”, conforme o exemplo a seguir:

include('conexao.php');

Feita a inclusão, vamos agora trazer o conteúdo em JavaScript que fará a visualização personalizada!

Ele trabalhará com os ficheiros a seguir:

• builder.js;
• effects.js;
• lightbox.css;
• lightbox.js;
• prototype.js;
• scriptaculous.js;
• Diretório lightbox (dentro de imagens).

Caso você queira, poderá fazer alterações de cor, botões, e fundo!

Vamos verificar como chamamos esse conteúdo no ficheiro?

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>

<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>

<script src="js/lightbox.js" type="text/javascript"></script>

Prático, não?

Agora vamos trazer o script que trará o conteúdo da base de dados (conforme trecho a seguir):

<?

$query = "SELECT * from tbl_imagens WHERE status = 'Ativo'";

$resultado = mysql_query($query);



while($campo = mysql_fetch_array($resultado)){



$imagem_thumb = $campo ['imagem_thumb']; // PEGA A IMAGEM PEQUENA

$imagem_grd   = $campo ['imagem_grd']; // PEGA A IMAGEM GRANDE



if($resultado){

?>

<A href="<?= $imagem_grd; ?>" rel="lightbox[roadtrip]" id="link_foto"><IMG src="<?= $imagem_thumb; ?>" border=0></A><br>



<?

}

}

?>

Você pode perguntar: Como farei para visualizar o evento em Ajax?

Basta apenas inserir “rel=’lightbox[roadtrip]‘” no link da imagem thumb (conforme apresentado no trecho acima).

Vamos verificar como funciona tudo isso na prática?

Como Funciona?

Prático, não?

Bem… esse ficheiro não é difícil de se trabalhar e creio que com as explicações acima você saberá como implementar seu web site com essa visualização personalizada.

Ficamos por aqui em mais uma matéria! Esperamos tê-lo ajudado em algo…

Envie-nos suas dúvidas e dê sugestões para as próximas matérias! Nosso compromisso é lhe ajudar!

Download do código usado neste tutorial: Efeito Lightbox Com PHP E Ajax

Visualizar Imagens Com Efeito Lightbox é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Criar Thumbs De Imagens Com PHP
2. Efeitos Em Imagens Com Biblioteca GD Do PHP
3. jQuery – Menu Com Efeito Animado

As fontes são elementos indispensáveis na criação de logotipos e de banners. E podem ajudar a comunicar uma mensagem. Existem fontes grátis de elevada qualidade, que você pode usar no design do seu website.

Criamos uma lista de sites onde é possível procurar fontes grátis e efectuar o respectivo download.

A nossa lista inicial era muito superior à lista que publicamos. Mas, eliminamos os sites onde as fontes não estão organizadas em categorias ou estão organizadas em apenas 2 ou 3 categorias. É uma tortura procurar uma fonte num site desses. Também não incluímos aqueles sites onde a mistura de fontes grátis com fontes comerciais é uma salda russa, que favorece as fontes comerciais. Grátis é grátis...

17 Websites Onde Poderá Procurar Fontes Grátis

1001fonts

O site está organizado em categorias, incluindo as fontes mais recentes, mais populares, melhor classificadas e mais comentadas. A função de pesquisa é inútil para quem procura fontes grátis, porque aparecem anúncios de fontes comerciais doutros sites. A navegação pelas categorias permite encontrar uma quantidade elevada de fontes grátis.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

1001FreeFonts

Trata-se dum site com mais de 10 000 fontes gratuitas. As fontes estão organizadas por categorias e por ordem alfabética. A função de pesquisa é totalmente inútil, dado que apresenta resultados comerciais do fonts.com. Existe ainda uma opção interessante, que é o download de todas as > 10 000 num único arquivo. Esta opção tem um preço: $19,99 USD.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Abstract Fonts

Oferece mais de 13 000 fontes grátis. Para aceder às categorias, basta clicar em categories, no menu horizontal. Tem também a opção de visualizar as fontes mais recentes e mais populares. Pode visualizar as fontes por ordem alfabética e pelo nome do respectivo designer. Se procura fontes gratuitas, não use a função de pesquisa. Também retorna resultados comerciais. O site indica como categorias populares: Random 1,000, Normal-Serif, Normal-Sans, New Fonts, Letter A, Calligraphy, Handwriting e Art Deco.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Acid Fonts

Na barra lateral do lado direito, poderá visualizar as fontes por categoria, incluindo as mais recentes e pelo nome dos respectivos designers. A pesquisa retorna anúncios de fontes comerciais…

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Action Fonts

A pesquisa funciona! A pesquisa funciona! O menu das categorias e da navegação por ordem alfabética é o destaque do site. No menu horizontal, é possível visualizar as 100 fontes mais populares e as fontes mais recentes.

• Plataforma: PC
• Previsão Personalizada da Fonte: Não
• Organizado Categorias: Sim

Better Fonts

O site oferece uma opção para você efectuar o download das 500 fontes mais populares num único arquivo, desde que pague o preço de $2,77 USD. Permite navegar por ordem alfabética. A opção por navegar por categorias está um pouco escondida. Aprece logo a seguir às letras do alfabeto: Categories. Do lado direito, pode clicar na opção “Change Preview Text” para personalizar a previsão da fonte.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

creamundo

Este site não organiza as fontes por categorias. Apenas por ordem alfabética. No entanto, a pesquisa funciona, ao contrário do que acontece com outros sites, que apresentam anúncios de fontes comerciais nos resultados da pesquisa. No menu, na opção “Descarga todas las fuentes”, é possível efectuar o download de todas as fontes duma só vez, mas como é norma nestes sites, essa opção tem um preço, que no caso do creamundo.com é €6,50 EUR.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Não

DaFont

É um site muito conhecido e inclui milhares de fontes grátis. A navegação por categoria é o destaque do site. Do lado direito, por baixo da pesquisa, é possível também visualizar as fontes por ordem alfabética. No menu no topo, existe a opção de ver as fontes de cada designer, as mais recentes e as mais populares. A pesquisa, para não variar, apresenta resultados de fontes comerciais, neste caso, divididos pelos respectivos sites comerciais.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

DiscoverFonts

Tem uma variedade muito grande de fontes. No menu na barra lateral do lado esquerdo, é possível visualizar as fontes por categorias. Aparece o número de fontes disponíveis em cada categoria. Na página inicial, apresenta a fonte do dia e as 20 fontes mais populares.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Font Cubes

Na página inicial, apresenta as 10 fontes mais descarregadas do dia. O interface da navegação por categorias está destacado no site. No header, aparece a navegação por ordem alfabética. No topo, no menu horizontal, é possível aceder às fontes mais populares, mais recentes e pelo nome dos respectivos designers.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Font Paradise

Na barra lateral do lado esquerdo, há um menu de categorias, onde é possível visualizar as fontes organizadas por diversas categorias. Por baixo, pode aceder às fontes por ordem alfabética. É possível também efectuar o download de 2800 fontes num único arquivo, pagando como é habitual um preço: $4,95 USD. O site está cheiro de publicidade estilo pop-up.

• Plataforma: PC
• Previsão Personalizada da Fonte: Não
• Organizado Categorias: Sim

Font Reactor

O interface de navegação pelas diversas categorias aparece em destaque no site. Pode aceder por ordem alfabética e ainda às fontes mais recentes, mais populares do dia, mais votadas e mais comentadas. A pesquisa funciona, para variar.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Fonts101.com

Na barra lateral do lado esquerdo, aparece a navegação por categoria. Existem muitas categorias e é possível visualizar o número de fontes disponíveis por categoria. No menu horizontal no topo, é possível aceder às fontes mais populares. Tem também um fórum, onde é possível debater fontes com outros webmasters e até pedir ajudar.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Font Space

O site tem mais de 13 000 fontes grátis. Tem muitas categorias. Se clicar em Bowser, no menu horizontal no topo, poderá aceder às fontes por categoria, por ordem alfabética, pelo nome do designer e pelo respectivo ano. Se clicar na opção Popular, nesse menu, poderá ver as 1000 fontes mais populares. Tem ainda a opção das fontes mais recentes, para ver as novidades. É possível ainda comentar sobre uma fonte e ler comentários doutros usuários.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Search Free Fonts

Também tem mais de 13 000 fontes grátis. Parece que 13 000 fontes é o número mágico neste nicho de fontes grátis. Há vários sites com mais de 13 000 fontes. Do lado direito, há um menu com muitas categorias e com o número de fontes disponíveis para cada categoria. É possível também optar pelo menu das fontes comeciais. Em relação à pesquisa, funciona.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

SimplyTheBest

O destaque do site é o menu com as categorias. As fontes estão bem organizadas por um número elevado de categorias. Também é possível visualizar as fontes por ordem alfabética. Tem uma colecção muito grande de fontes.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Urban Fonts

Tem um menu de categorias destacado. Também permite a navegação por ordem alfabética. Tem mais de 8000 fontes grátis. No menu do topo, é possível aceder às fontes mais recentes e às 100 fontes mais populares. A função de pesquisa funciona.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

17 Websites Para Download De Fontes Grátis é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 13 Websites Para Testar Fontes E Tipografia Web
2. 20 Websites Sobre Web Design E Programação
3. 21 Websites Com Fotos Grátis E De Qualidade

Apesar de caracterizados pelas imagens com letras distorcidas, os sistemas CAPTCHAs são mais do que isso. O propósito declarado é criar desafios que os programas de computadores não consigam resolver.

Quanto mais complexa a imagem, mais difícil o reconhecimento por parte do computador. Isso porque o modo como os programas leêm a imagem é separando o primeiro plano, no caso a letra, do fundo da imagem. Se não existir uma delimitação perceptível entre estes dois planos, o programa não consegue efetuar a leitura corretamente.

Neste tutorial vamos criar um script PHP que gera uma imagem com letras e que pode ser usado como verificação no formulário.

Princípio Do Funcionamento

Será gerado um texto randomicamente. Este texto ficará guardado em uma variável de sessão e também será mostrado como imagem para o visitante. Assim que o formulário for submetido, o que o visitante digitou no campo de verificação será comparado aos caracteres existentes na variável da sessão.

O Texto Da Imagem

Antes de criar o texto, é iniciada a sessão já que o texto gerado será guardado em uma variável de sessão.

session_start();

$texto_rand = md5(rand()); 

$caracteres = substr($texto_rand,0, 5); 



$_SESSION["codigo"] = $caracteres;

Na segunda linha é gerada uma sequência aleatória de caracteres com o rand() que depois são embaralhados com o md5(). O texto gerado é composto de 32 caracteres, o que é muita letra para o nosso propósito. Utilizamos então a função substr() para retornar apenas 5 caracteres dentre os gerados.

Por fim a variável de sessão é criada e preenchida com estes cinco caracteres.

Definindo O Espaço

Vamos definir agora o tamanho que a imagem terá e as cores utilizadas.

    $largura = 100;

    $altura = 50; 



    $recipiente = imagecreate($largura, $altura);  



    $vermelho = imagecolorallocate($recipiente, 240, 10, 10);

    $cinza = imagecolorallocate($recipiente, 175, 175, 175);



    imagefill($recipiente, 0, 0, $cinza);

Nós poderíamos definir o tamanho da imagem diretamente no imagecreate() que gera o retângulo, mas para fins de tornar o código mais compreensível definimos variáveis para isso.

Os caracteres serão da cor vermelha sobre fundo cinza. Utilizamos para criar as cores o imagecolorallocate() que requer uma imagem de referência e os valores RGB da cor.

Na última linha o retângulo criado na linha três é preenchido com a cor cinza.

Os Caracteres

O espaço já esta reservado, vamos adicionar o texto.

imagettftext($recipiente,30,7,15,35,$vermelho,'king.ttf', $caracteres);

A vantagem em utilizar o imagettftext() na criação do texto é que esta função permite utilizar qualquer fonte e podemos inclinar o texto.

No primeiro parâmetro da função é informado onde o texto será posto, que é no retângulo criado anteriormente. O número 30 é o tamanho do texto em pontos, o 7 a inclinação, o 15 e 35 a distância a partir do canto superior esquerdo, a cor vem em seguida, o endereço do arquivo com a fonte que será usada na escrita e por último o texto.

Duas medidas que dificultam a vida dos programas que tentam ler o conteúdo da imagem. A fonte utilizada “Kingthings Calligraphica” é rebuscada, com curvas, linhas finas e grossas. Apesar de leve, a inclinação adiciona outro fator de empecilho para os bots.

Geração Da Imagem

A imagem esta pronta, agora vamos mostrá-la na tela.

header("Content-Type: image/jpeg"); 



imagejpeg($recipiente);

   

imagedestroy($recipiente);

Com o header() é informado que o conteúdo da página será uma imagem do tipo JPG. O imagejpeg() mostra essa imagem e o imagedestroy() libera a memória usada na criação da imagem.

Fazendo A Verificação

Coloque o código criado em um arquivo à parte nomeado “geraCaptcha.php”. Veja o código completo:

session_start();

$texto_rand = md5(rand()); 

$caracteres = substr($texto_rand,0, 5); 

$_SESSION["codigo"] = $caracteres;

$largura = 100;

$altura = 50; 

$recipiente = imagecreate($largura, $altura);  

$vermelho = imagecolorallocate($recipiente, 240, 10, 10);

$cinza = imagecolorallocate($recipiente, 175, 175, 175);

imagefill($recipiente,0,0,$cinza); 

imagettftext($recipiente,30,7,15,35,$vermelho,'king.ttf', $caracteres);

header("Content-Type: image/jpeg"); 

imagejpeg($recipiente);

imagedestroy($recipiente);

Na página “index.php” vamos inserir o formulário que contém a imagem de verificação.

<form action="<?php $_SERVER['PHP_SELF']?>" method="post">

<input type="text" name="campo"/>

<img src="geraCaptcha.php" /><br />

<input type="submit" value="Enviar" name="enviar" />

</form>

No elemento imagem, esta definido que a procura será feita pelo arquivo que contém o código que gera uma imagem. É estranho chamar um arquivo ‘.php’ ao invés de uma imagem ‘.jpg’ não? Mas observe a antepenúltima linha do código que gera a imagem e verá que enviamos um header do tipo ‘image/jpeg’ que significa que a saída do arquivo é uma imagem, e por extensão o arquivo é tratado como imagem também.

A ação do formulário aponta para o próprio arquivo, pois escrevemos ‘PHP_SELF’. Então acima do formulário vamos inserir algumas linhas PHP com uma simples validação para saber se o código digitado no campo do formulário confere com o da imagem.

Quando o formulário for submetido, uma variável recebe o conteúdo digitado e compara com o valor existente na variável de sessão ‘codigo’. Se os valores conferem é mostrada uma mensagem de sucesso, caso contrário um aviso.

Verificação bastante simples, sem os cuidados com segurança, mas suficiente para você entender o processo desde a criação da imagem até a validação. Agora é só personalizar e você terá formulários menos suscetíveis à ataques de programas disseminadores de spams.

Desvantagens

A desvantagem mais aparente de utilizar imagens CAPTCHA é estética. Para dificultar a ação dos programas o texto precisa ser distorcido, ou no nosso caso, como uma letra rebuscada que não deixa de ser feia.

A usabilidade também perde um pouco por exigir a digitação de mais um campo e pelas chances de erro por parte do usuário. Tornando assim o processo mais demorado.

Alternativa Javascript

Tendo em vista as desvantagens expressas acima, o pessoal da Web Design Beach desenvolveu um plugin javascript com um visual bem mais interessante que o CAPTCHA normal.

Consiste em arrastar o objeto requerido até o círculo maior. Você pode saber mais sobre o Ajax Fancy Captcha neste link.

Avanços Na Área

Com o intuito de tornar os desafios mais complexos para os computadores e a utilização mais amigável para os humanos esta em desenvolvimento a tecnologia HIP (Human Interaction Proof). Ao invés de imagens com letras e textos, são mostrados objetos, animais e outras imagens para serem identificadas.

O Asirra é um projeto ainda em versão beta, mas que já pode ser utilizado. Apresenta imagens de gatos e cachorros e torna a tarefa de verificação bem mais divertida para o usuário.

Conclusão

A utilização das imagens CAPTCHA como escudo contra o ataque de spammers é a forma mais comum na internet por se provar a mais eficaz nesse propósito. Você viu neste tutorial que implementar esta técnica é bastante simples em vista dos ganhos. E pelas possibilidades de personalização e autonomia ainda será utilizada por um longo tempo.

CAPTCHA Em PHP – Eliminar SPAM Nos Formulários é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Combate A SPAM Em Formulários
2. SPAM Na Legislação Portuguesa
3. Efeitos Em Imagens Com Biblioteca GD Do PHP

Um dos meus sites recebe diariamente mais de 50 spams através do formulário de contato. Enquanto outro chegou a receber 600 ‘comentários’ com links para sites de remédio. Isso de um dia para o outro.

Provavelmente você também tem histórias como estas para contar. E estando no mesmo barco, precisamos procurar formas de prevenção contra estas atividades.

Na blogosfera a taxa é de dois comentários válidos para oitenta spams. É um bombardeio covarde que quase não deixa espaços para ofensivas. Nos vemos obrigados a estar em uma eterna defensiva, pesquisando técnicas para criar barreiras de contenção.

Por isso, o Webmaster.pt vai apresentar uma série com três tutoriais abordando estratégias de prevenção contra spams.

Neste primeiro tutorial serão listados e exemplificados alguns métodos de controle contra spams.

Evitar Submissões Consecutivas

Os spammers são um bando de hienas insaciáveis. Para eles não basta adicionar um comentário-spam por texto, eles enviam dezenas, um depois do outro. Abordando o problema do ângulo das múltiplas submissões, podemos criar um código que verifica a última vez que o formulário foi enviado e só permite um novo envio após determinado tempo.

session_start();

if (isset($_POST['enviar'])) {

  $intervalo = 60; 

  $agora = time(); 



  if (isset($_SESSION['ultimoEnvio']) and ($_SESSION['ultimoEnvio'] > ($agora - $intervalo))) {

    echo 'Espere alguns minutos até postar outro comentário';  

    exit;

  }

  $_SESSION['ultimoEnvio'] = $agora;

}

Vamos utilizar variável de sessão e por isso precisamos iniciar uma sessão com o session_start().

O código vai rodar quando o formulário for submetido. Na primeira variável é definido o tempo em segundos que dever haver entre uma submissão e outra. A função time() retorna o numero de segundos desde 01 de janeiro de 1970. Esse dado em si não importa. O fato dele mudar a cada segundo sim, pois desta forma temos um ponto de referência para fazer o cálculo. Podemos dizer que o time() informa o horário atual.

Vamos pular para o final do código onde é criada a variável de sessão ‘ultimoEnvio’. Ela recebe o número de segundos atual e é criada após um envio do formulário.

Voltando para o bloco condicional, ele primeiro verifica se a variável de seção foi iniciada. Pois se assim for, o formulário já foi enviado uma vez nesta sessão. Então continuamos a verificação. Se o valor da variável ‘ultimoEnvio’ for maior do que a subtração do ‘intervalo’ com o ‘agora’ significa que ainda não passou o tempo mínimo entre um envio e outro.

É mostrada uma mensagem e a execução é interrompida neste ponto com o exit().

Você pode incrementar o código adicionando verificação por ip também.

Dicionário De Termos

Se você resolver ler o conteúdo dos spams verá que não variam tanto assim. São remédios, vídeos e fotos de sexo, promessas de milhões na sua conta… Sendo que os temas não variam, as palavras utilizadas para descrevê-los seguem a mesma lógica. Sendo assim, você pode criar um pequeno dicionário com esses termos e fazer um comparativo deles com as mensagens dos comentários.

Dentre as diversas formas possíveis de realizar esta verificação, vejamos uma:

if (isset($_POST['enviar']))

{

  $suspeitas = array('palavras','suspeitas','de','spams');

  $mensagem = $_POST['msg'];

  $pecas = explode(' ',$mensagem);

  for ($i=0; $i<count($pecas); $i++)

  {

      $chave .= array_search($suspeitas[$i], $pecas);

  }

  if ($chave!='')

  {

    echo 'Spam';  

  }

}

A ação inicia quando o formulário é submetido. É criada uma array com as palavras mais comumente utilizadas para espalhar os spams e uma variável recebe o conteúdo da mensagem submetida. As palavras componentes da mensagem são divididas e armazenadas na variável ‘pecas’ que agora é uma array.

O bloco seguinte é que faz a verificação. O laço for será executado tantas vezes quanto o número de palavras componentes da mensagem. Utilizando a função array_search(), cada palavra suspeita é comparada com cada palavra existente na mensagem. Se elas forem iguais, a variável ‘chave’ recebe a posição que a palavra suspeita esta na array ‘pecas’.

Por fim é feito um bloco condicional para saber se a variável ‘chave’ contém algum valor. Se for o caso, ao menos uma palavra da mensagem é suspeita. Neste ponto você pode simplesmente cortar a palavra da mensagem ou bloquear completamente o envio.

Um ponto importante sobre a verificação é que o array_search é sensível à caixa. Então, se houver uma busca pela palavra ‘spam’, a palavra ‘Spam’ escapa dessa verificação. Para funcionar bem é preciso conferir por todas as variantes da palavra. Um trabalho um tanto dispendioso.

Esse método tem a vantagem de barrar tanto programas spammers quanto spammers de carne e osso, pois verifica o conteúdo da mensagem. E isso é bastante eficaz porque desfigura a mensagem original e torna inútil para o atacante continuar com as postagens.

Ocultando Campo Do Formulário

Grande parte dos programas disseminadores de spams funciona da seguinte maneira: acessa o site, cataloga os campos requeridos no formulário e o endereço de submissão desse formulário. Com isso ele inicia os trabalhos inserindo valores diferentes nos campos e enviando.

Uma forma de lidar com este problema foi sugerida por Jared Smith. Consiste em adicionar um campo oculto no formulário, obviamente não visível para o visitante, mas percebido pelos spambots. Estes entendem que é um campo requerido e preenchem. Então você verifica, se este campo recebeu um valor, é praticamente certo que foi um programa que enviou os dados.

Nâo permitir que links sejam adicionados às mensagens é outra medida importante. Manter o atributo rel dos links com o valor “nofollow” evita que outros sites ganhem page rank. O que torna inútil tentar adicionar conteúdo na sua página para melhorar a posição nos sites de busca.

Conclusão

Prevenção é sempre bom. Utilizar diversos métodos de combate combinados melhoram as chances de sucesso. Vimos que trabalho exige, mas nem é tão complicado assim adicionar esta camada de proteção aos seus formulários.

Como assim? Chegou ao fim da conclusão do artigo e nem falou sobre CAPTCHA, as estrelas no combate aos spams?!

Fique tranquilo. O próximo tutorial desta série será totalmente dedicado a estas imagens tortas que tornam menos fácil vida dos spammers.

Combate A SPAM Em Formulários é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. CAPTCHA Em PHP – Eliminar SPAM Nos Formulários
2. SPAM Na Legislação Portuguesa
3. Mostra Quantos Visitantes Estão Online