Fiquem ligados nas atualizações, o mini-curso será ministrado online pelo Skype via compartilhamento de tela. Por isso certifiquem-se que possuem a última versão do Skype instalada em seus computadores.

Parabéns pela inscrição, em breve contarão como foram suas experiências e também poderão postar um banner de um site que construíram utilizando o que aprenderam com o mini-curso.

O assunto será: Desenvolvimento de Temas Wordpress

Alguns detalhes sobre o curso:

Duração: 4 horas, 2 horas sábado e 2 horas no domingo.

Como será feito: Conferência via skype.

Custo: R$ 0,00 (isso mesmo, o curso é gratuito)

Vagas: 10 (esgotado)

Ao término do curso o aluno estará apto para desenvolver um tema para um blog utilizando a plataforma wordpress, entender e utilizar o arquivo functions.php, ter uma noção preliminar da API de desenvolvimento do wordpress.

Como as vagas estão esgotadas, preencha o formulário abaixo para se inscrever na lista de espera do próximo evento:

O wordpress 3 veio com tudo, resolvendo muitos problemas que ficavam à desejar em suas versões anteriores, e que normalmente eram resolvidos com o uso de plugins ou na base da gambiarra mesmo, tais como multiblogging (tá, vamos combinar que o MU wordpress consegue escapar da categoria “gambiarra”), posts personalizados, menus personalizados, resumo de páginas (excerpt) e muito mais.

A funcionalidade que vou tratar nesse post é o MultiBlogging. Depois com o tempo vou postando novos tutoriais e novas funcionalidades para ajudar na vida do desenvolvedor.

Para começar, o que é o multiblogging? Como o próprio nome já diz, é a funcionalidade que me permite com apenas uma instância do wordpress, rodar vários blogs diferentes. Isso mesmo, eu posso construir diversos blogs e usá-los na forma de sub-domínio ou de diretório mesmo.

Vamos ver como fazer isso da forma mais simples possível.

Em primeiro lugar, para habilitar o multiblogging é preciso que a configuração de Network esteja ativa. Por padrão, no momento da instalação ela não estará ativa, ela nem irá aparecer para você, então basta localizar o arquivo wp-config.php e adicionar essa linha de código após a última linha do arquivo:

define(‘WP_ALLOW_MULTISITE’, true);

Assim que fizer isso, a opção network irá aparecer, conforme mostra a figura abaixo:

Agora clique na opção de network e configure o título e o email de admin da sua network (rede de blogs). Assim que preencher os dados (fig.1), clique em Install e vá para a tela seguinte (fig. 2):

Fig. 1 (clique para ampliar)

Fig. 2 (clique para ampliar)

Repare que na figura 2 o wordpress gera pra você dois campos de texto com algum código dentro. Basta pegar o código do primeiro campo e colar dentro do seu arquivo wp-config.php pouco antes da linha de comentário que diz “/* That’s all, stop editing! Happy blogging. */

• Feito isso, copie o código da caixinha debaixo e cole dentro do seu arquivo .htaccess. Algumas respostas:
• O arquivo .htaccess fica no diretório raiz onde o seu wordpress está instalado;
• Se o arquivo .htaccess não existir, então crie-o;
• Este arquivo só funciona em servidor Apache, se você usa IIS, procure uma forma de traduzir esse código para o arquivo web.config;
• Se existir algum código dentro de seu arquivo .htaccess, apenas o substitua por esse que o wordpress lhe passou;

Feito isso será necessário relogar no admin. Pronto, você já está pronto para utilizar o multiblogging. Repare agora nas novas opções que surgiram no menu:

O painel de Super Admin surgiu para que seu usuário de level10 possa administrar todos os blogs. Para criar um blog novo basta ir na opção Sits do painel do Super Admin. Lá você também define quais usuários do seu atual blog já serão registrados no blog recém criado.

Bom pessoal, a intensão mesmo foi só dar um apoio na fase inicial dessa funcionalidade maravilhosa. Com ela você pode dividir seu blog por assuntos, como se fossem blogs diferentes, pode criar blogs para amigos, ou até mesmo montar um sistema em que o usuário pague para ter um blog wordpress seu. Espero que tenha dado uma luz no para quem quer brincar com essa ferramenta.

O assunto girava em torno da compatibilidade de sites em todos os navegadores, então uma pessoa disse que ele falava para seus clientes, que se quisesse o site compatível em todos os navegadores teria que pagar um pouco mais pelo serviço. Isso me chamou a atenção, afinal em meu ponto de vista, o cliente só paga “um pouco mais” por algum diferencial no produto/serviço que está contratando. Significa então que um site compatível é um diferencial ou a compatibilidade faz parte da qualidade do produto?

Com toda certeza a compatibilidade de site em todos os navegadores é uma obrigação do desenvolvedor. Ninguém contrata um site pra funcionar apenas no firefox e paga uma cota extra pra que ele funcione também no IE, isso é absurdo.

Certa vez em uma palestra, o palestrante disse: o cliente não pode pagar o seu preço, então o que você faz para fazer seu produto compatível ao bolso do cliente? Então uma pessoa da platéia disse bem alto: Ah eu falava pra ele que ia reduzir um pouco a qualidade e faria mais barato. O palestrante quase teve um infarto ao ouvir isso, e disse pra nunca, nunca em hipótese alguma “diminuir a qualidade”. Qualidade é o mínimo que se espera ao comprar o seu produto. O correto nesse caso seria dizer ao cliente que encontraria a melhor solução dentro do orçamento do cliente.

Em outra palestra, bem engraçada, o palestrante usou como exemplo os cosméticos da mãe dele. Em 1960 a mãe dele usava apenas um sabonete e era tudo. Lavava o cabelo com sabonete e estava tudo bem. Já em 1980 a mãe dele já usava um shampoo e um condicionador. Nos anos 90 apareceram os cremes de cabelo e de rosto e atualmente a esposa dele tem uma infinidade de cosméticos no banheiro que ele nem sabe distinguir uns dos outros. Moral da história? Antigamente a qualidade podia ser seu diferencial, mas o público evoluiu e não quer mais pagar mais caro por algo que funcione bem, isso deve ser obrigação. Quer cobrar mais caro? tenha diferencial, algo que seu concorrente não tem, algo que nenhum produto da mesma linha do seu tenha.

Um website que funciona bem em todos os navegadores não faz mais que a obrigação dele. Já um website que possui um painel de administração em flex, gráficos de estatísticas em tempo real, redundância de dados e efeitos avançados em jQuery já possui alguma funcionalidade que o difere dos sites feitos pelo concorrente, nesse caso sim o cliente pode ser cobrado a mais, porém é claro, com autorização prévia.

Bom, o que escrevi aqui não se aplica somente à websites, se você leitor trabalha com design gráfico, administração, ou até mesmo quem sabe na construção civil, saiba que isso também serve para você. Fazer seu trabalho bem feito não o torna melhor que o concorrente. Fazer mais do que a sua obrigação sim.

O que é?

Um demo vale mais que mil palavras, portanto: Demo

Modo de usar:

$("input[title]").txtBlur();

O que ele faz é procurar por toda tag input que possui um atributo title e atribui à ele a função do plugin. O autotexto é definido pelo usuário no atributo title, assim como citado ali no exemplo.

Espero que tenham gostado e que seja útil. Comentários serão sempre bem vindos.

Essa situação era bastante comum, até o momento que comecei aprender POO. Foi quando comecei pensar em modularizar minha paginação e finalmente consegui realizar de forma mais modular possível essa paginação.

Construí uma library do framework codeigniter. Ah mas o codeigniter já tem uma library de paginação, com certeza, mas ela infelizmente só pagina dados provindos do banco de dados (pagina direto na query). É uma excelente forma de fazer a paginação, e se os seus dados virão do banco, então sugiro até utilizar a biblioteca do próprio codeigniter, mas vamos supor que você precise ler um xml de uma loja virtual contendo 500 produtos e paginar eles. Nesse caso minha biblioteca consegue paginar.

Em primeiro lugar faça o download da biblioteca aqui e extraia o arquivo php para a pasta /application/libraries do codeigniter.

Basicamente ela funciona da seguinte forma:

• Você cria um vetor de objetos de X posições, por exemplo, em nosso caso é um vetor do objeto “Produto” de 500 posições (500 produtos lidos do xml);
• Se for a primeira página, você deve exibir apenas os Y primeiros, calcular quantas páginas deu, e criar os links, já imaginou o trabalho que vai dar?

Vamos ver como fazer isso usando minha biblioteca de paginação:

$produtos = $this->produtos->getAll();   //Armazenando na $produtos um vetor de 500 posições de produtos

$config = array(

'pagina' => 1,

'base_url' => 'produtos/categoria/{numero}',

'qtdpp' => 12,

'offset' => 3

);

$this->load->library('Paginacao', $config);

//hora da mágica:

$produtos = $this->paginacao->paginar($produtos);

Vamos explicar agora:

$config é um vetor obrigatório de configuração da biblioteca, ela contém as seguintes chaves:

• pagina: é um número, o número da página atual, pode ser uma variável, vai do gosto do cliente, ou melhor, do programador;
• base_url: a url dos links “proximo” e “anterior”, bem como dos links das páginas que a biblioteca gera. Importante: coloque no meio da string um trecho assim “{numero}” que será substituído pela página
• qtdpp: Quantidade de registros exibidos por página;
• offset: Quantidade de páginas a ser exibida de cada lado da pagina atual. Por ex, se o offset for 2, as paginas serão exibidas assim: [ anterior   2 - 3 - [4] – 5 – 6    próxima]

$produtos = $this->paginacao->paginar($produtos) é o código que “filtra” os itens do array em apenas “qtdpp” produtos. O retorno do método paginar() é um objeto contendo as seguintes propriedades:

• content: vetor com os objetos da pagina;
• proxima: link gerado para proxima pagina;
• anterior: link gerado para a página anterior;
• paginas: html dos links gerados das páginas intermediárias;

Espero que tenha ajudado, mas qualquer dúvida que tenham, mandem-me comentários que vou postando aqui.

Gostaria de dizer logo de início que opiniões e comentários são bem vindos, isso serve pra eu saber se estou escrevendo bem, se estão entendendo ou se preciso melhorar a forma como estou ensinando. Bom, vamos lá então.

Para começar, devemos obviamente importar a biblioteca do jQuery. Por isso baixe o arquivo através do site: http://docs.jquery.com/Downloading_jQuery#Download_jQuery e importe na sua página antes de qualquer linha de código que utilize as funções da biblioteca (óbvio).

Quando comecei com jQuery eu via pequenos snippets de código pela internet e tentava usá-los porém sem sucesso, mas nos sites alheios sempre funcionavam, aquilo me encucou muito e levou um certo tempo pra eu descobrir que o jQuery tem alguns padrões. Vamos vê-los:

O seu código deve estar dentro de algum bloco, que normalmente é $(document).ready();, mas pode ser diversos outros, então se quer criar suas funções jQuery faça dentro de um código assim:

$(document).ready(function(){
//seu código aqui
});

No exemplo acima, o seu código será executado assim que o DOM da página for lido pelo navegador, ou seja, assim que o html (apenas o html) for carregado e interpretado pelo navegador. Interessante quando queremos trabalhar com objetos da página, como botões, imagens, tabelas, etc. Pois não podemos acessar tais objetos se o navegador ainda não interpretou-os.

Se quiser que seu código rode assim que todos os elementos da página estiverem carregados o bloco será:

$(window).load(function(){
//seu código aqui;
});

Chega de blocos, o que é $ ?

Bom, o sinal de cifrão ($) é o objeto jQuery, ou seja, é um objeto que é retornado de acordo com o parâmetro que você passou. Vamos entender isso na prática:

$(“div.banner”) = Retorna todos os objetos html do tipo DIV que tenham uma classe “banner”

$(document) = Repare que não utilizei aspas, pois passei um objeto que já existe, o jQuery interpretou e retornou o próprio documento, porém com atributos e métodos herdados do jQuery. Isso significa que posso utilizar os métodos padrões do objeto ‘document’ como também os pré-definidos no jQuery, como attr(), etc.

Para ficar mais fácil o entendimento, podemos comparar o $ com o comando:  document.getElementById(); do javascript comum, porém um pouco mais poderoso, pois retorna classes, objetos, ids e até mesmo objetos pelas suas características, por exemplo:

$(“img[alt=vazio]“) = retorna todas as imagens que contenham o atributo “alt” igual à “vazio”.

Para saber mais sobre os seletores (formas de selecionar os objetos na página) consulte o guia do jQuery no link: http://docs.jquery.com/Selectors

Espero que tenham curtido o primeiro tutorial de jQuery. Em breve postarei também alguns de PHP, voltados à OOP e frameworks MVC. Comentem e postem dúvidas e sugestões, serei bastante grato pela sua participação. Obrigado

Muitas podem ser consideradas supérfulo, porém algumas são essenciais pra quem deseja fazer um bom trabalho na web.

A palavra-chave para um site de sucesso é usabilidade e quando pensamos em um site usual, pode vir qualquer coisa em nossa mente, mas com certeza não vai vir aquele tipo de site sem ajax, efeitos e lento.

O jQuery pode parecer complicado e até ser muito código para aprender à primeira vista, mas como o próprio slogam diz: “write less, do more”. Vou apresentar agora 5 motivos para você aprender jQuery e finalmente ajudar a tornar a web um  lugar melhor:

1 – Produza mais – jQuery te permite fazer coisas que normalmente se digitaria muito pra fazer usando javascript comum. Com o objeto jQuery ($) podemos selecionar muitos objetos da página ao mesmo tempo e tratá-los de acordo com nossa vontade. Veja alguns exemplos:
Ao levar o mouse no link com id “palavra”, tornar visível a div com id “dica”:

objlink = document.getElementById("palavra");
objlink.onMouseOver = function(){
document.getElementById('dica').style.visibility = 'visible';
}

O mesmo código em jQuery:

$('a#palavra').mouseover(function(){
$('div#dica').show();
});

2 – Efeitos especiais – A biblioteca jQuery já vem com muitos efeitos prontos, além dos que você já pode utilizar, tais como o método animate(), show(), hide(), fadeIn() e fadeOut(). Utilize esses métodos pra dar um ar mais profissional ao seu site.
3 – Modularização – jQuery oferece um grande suporte à modularização, graças à possibilidade de criar plugins. Com isso podemos facilmente aproveitar nossos códigos mais utilizados, como também utilizar centenas de plugins prontos pela net, o que nos poupa um grande tempo.
4 – Validações de formulários – Quem trabalha com web sabe que não existe coisa mais chata que validar grandes formulários. Imagine dizer para o usuário que cada um dos 60 campos do formulário é obrigatório, que alguns precisam validar email e outros precisam validar se o formato é um telefone válido. Isso parece ser uma grande dor de cabeça, mas graças à alguns plugins do jQuery, tudo isso pode ser resolvido com algo em torno de 5 ou 6 linhas de código.
5 – Trabalhe com ajax – jQuery oferece um grande suporte para trabalhar com ajax, podemos utilizar as funções post() e ajax() para realizar solicitações assíncronas, tudo isso com suporte à callback, ou seja, suporta a chamada de uma função assim que tal evento ocorrer. Exemplo: ao término da solicitação, chamar um alert();

Por enquanto é isso galera, esse é o começo de uma série de posts relacionados à area técnica, em breve estarei postando alguns tutoriais de jQuery voltados para iniciantes nessa arte, bem como downloads de material voltados para usuários mais avançados. Continue acompanhando!!!

É aí que entra a Gestão de conhecimento, também conhecida como GC. A GC ainda é de suma importância para quem trabalha com TI, mas também agiliza muitos processos em outras áreas. Se você é leitor do EstiloFacil, sabe que esses dias o blog esteve fora do ar, e quando voltou, o conteúdo não aparecia, pois bem, foi um bug que apareceu quando troquei de servidor. Precisei então adaptar o sistema ao servidor novo, ou seja, aparentemente nada de diferente, já que o domínio permanecia o mesmo e o sistema também continua sendo linux, apenas troquei a distribuiçao, que antes era CentOS e agora é Red Hat enterprise (mesma coisa praticamente). Bom passei um bom tempo pesquisando a documentação do Wordpress e finalmente resolvi o problema (postarei sobre isso logo mais). A parte interessante é que na empresa onde trabalho, pegamos um serviço que é: migrar diversos sistemas de um cliente para nossos servidores. Boa parte dos sistemas são feitos em WP, ou seja, com a pesquisa realizada para corrigir meu bug, eu e os outros programadores vamos conseguir migrar os sistemas e esperar menos erros por causa da GC da empresa.

Como funciona?!

Uma empresa é composta por diversas pessoas realizando tarefas parecidas, e se todas elas precisarem pesquisar pelos mesmos erros, significa que você está perdendo tempo, ou seja, dinheiro. A Gestao de conhecimento é basicamente uma forma funcional de administrar o conhecimento obtido por todas as pessoas envolvidas em determinado projeto, setor ou até mesmo na empresa, mas geralmente esse conhecimento é dividido, por exemplo, o conhecimento obtido pelo programador não será útil para o contador, então o conhecimento é dividido para permitir maior organização.

Muita gente confunde a GC com algum tipo de software ou algo parecido, mas não é bem assim. A gestão é apenas a capacidade de uma pessoa gerir o conhecimento, fazendo com que este não seja individual, mas sim do grupo ao qual os indivíduos pertencem. Os softwares são apenas ferramentas. A TI veio para ajudar a GC, e não o contrário.

Na empresa onde trabalho, a gc é basicamente um blog interno, restrito e um pouco adaptado para nossa situação, a base é feita em wordpress, por ser open source e bastante profissional, e tem ajudado muito os novos membros da equipe à resolverem problemas rotineiros.

Lembre-se que uma boa gestão de conhecimento não te libera da obrigação de documentar os processos. Documentação é importante e é o principal meio de administrar o seu conhecimento individual obtido em cada processo realizado, e dessa forma compartilhar esse conhecimento através da GC.

Para quem tem site, um dos recursos mais importantes para aumentar seu pagerank é ser linkado por outros sites. Existem diversas maneiras de se conseguir isso, e agora divulgamos 7 passos bastante simples para conseguir backlinks:

1. Sempre divulgue o endereço do seu site – É claro que você possui outras formas de marketing e publicidade, talvez para divulgação do seu produto principal, ou apenas do seu contato pessoal, mesmo nessas situações inclua o endereço do seu site, além de conseguir algumas visitas pode também conseguir ser linkado.
2. Seja ativo – é impossível querer que outras pessoas participem do seu site, sem que você participe do site deles. Visite bastante sites e blogs com conteúdo semelhante ao seu, faça comentários, sempre incluindo sua URL. Faça amigos e mantenha sua rede social sempre ativa.
3. Se achar interessante, utilize AdWords – Os links patrocinados do Google realmente dão resultados, existem diversos casos de sucesso por causa deles, por isso se achar interessante, invista nessa idéia, mas tenha sempre em mente que pode sair bastante caro, então invista apenas se tiver condições de se manter financeiramente.
4. Faça parcerias – Parcerias pode ser interessante para ambos os lados e procure sempre pensar no leitor em primeiro lugar. Se o seu site fala agropecuária, não procure parceria com um site que fala da vida marinha. Seja relevante, procure algo que possa complementar a leitura do seu site e fazer com que o leitor do seu site possa ir complementar sua leitura com o site do seu parceiro, e vice-versa.
5. Utilize twitter – Ter uma boa rede de relacionamentos no twitter pode fazer a diferença. Procure bastante seguidores, e siga também, pois essa é a melhor forma de ganhar seguidores. Divulgue sempre suas matérias no twitter e logo estará recebendo backlinks.
6. Tenha um conteúdo sempre atualizado – Se o seu site tiver apenas 3 matérias estáticas, não tem porque receber links. Por isso procure sempre estar se atualizando, sempre mesmo, mais de 2 artigos por semana, e não publique qualquer coisa, pois se acostumar seus leitores com matérias de baixa qualidade, eles não voltarão ao seu site, e você perderá a chance de ganhar backlinks quando publicar algo de alta qualidade.
7. Procure nichos – Se existir 300 sites ensinando como criar uma classe em PHP, e você resolver também ensinar criar uma classe em PHP, não haveria motivo algum para linkarem logo o seu site. Por isso analise bem os nichos de mercado existentes no seu ramo de trabalho. Procure escrever sobre assuntos que estão escassos na net, estude bastante, ensine de forma clara como nenhum outro site tenha explicado. Assim você conseguirá atingir um nicho de mercado, e os leitores interessados não irão procurar esse assunto em outro lugar. Também é uma excelente maneira de conseguir backlinks, pois os outros sites que não publicam o assunto que você publica, irão linkar o seu site para complementar a leitura deles.

O que não fazer

Na busca por backlinks muitas pessoas acabam se equivocando e fazendo isso da maneira errada. Saiba que o Google também penaliza certas atitudes, confira nesse post quais são e assim evitar cair na tentação de fazer coisa errada para conseguir posições.

Tome cuidado com os diretórios de sites, parecem realmente promissores, mas são antigos conhecidos dos sistemas de busca, a maioria deles quando possui um link de um site, este não é indexado pelo Google, e pense que todos esses diretórios são freqüentados por pessoas querendo publicar, e não querendo ler, logo não é proveitoso ter sua URL num lugar assim.

Saiba mais

Artigo interessante sobre cadastro de sites em diretórios: http://www.mestreseo.com.br/link-building/cadastro-em-diretorios-vale-a-pena

Alguns passos para ganhar backlinks (voltado para empresas): http://www.sembrasil.com.br/artigos/10-dicas-para-adquirir-backlinks-para-o-seu-site.html