Noxion - Criação de Sites e Webdesign » Tutoriais

Fazendo o wordpress ler a tag more quando exibindo conteúdo de páginas

Marcos Rezende — Mon, 22 Mar 2010 14:10:14 +0000

Um problema fácil de resolver, mas que pode atormentar a sua vida quando alterando ou criando um novo template para o Wordpress, é a capacidade deste gerenciador de conteúdo exibir apenas uma parte do conteúdo de uma página utilizando a tag more. Para exibir posts utilizando esta tag é fácil, pois não precisamos fazer nada, mas para exibir parte do conteúdo de uma página e depois o seu restante, devemos fazer apenas o seguinte no código do template:

Esta primeira linha é o grande “macete” para fazer a tag more funcionar também para páginas.

Configurando o PHP no WAMP para dar suporte a “short open tags”

Marcos Rezende — Mon, 22 Mar 2010 13:21:42 +0000

Essa é uma dica super rápida que encaramos hoje no desenvolvimento de um novo website para um cliente. Às vezes é muito trabalhoso ter que digitar o código abaixo sempre que se deseja incluir código PHP em nossos templates no Wordpress:

Para isso, existe uma forma mais fácil que economiza três caracteres de trabalho do programador que se chama short open tag que pode ser configurada no seu servidor local (aqui usamos WAMP Server) clicando com o botão esquerdo no ícone do WAMP na barra de tarefas (aquela próxima ao relógio no Windows) para acessar o menu PHP Settings, dentro da opção PHP e selecionando a opção short open tag. Isto reiniciará o serviço do WAMP na sua máquina e logo após o seu reinício será possível escrever seu código PHP assim:

Ao invés de assim:

Mais informações sobre short open tags no site oficial da linguagem de programação PHP.

Plugins essenciais para instalar no seu Wordpress

Marcos Rezende — Tue, 09 Mar 2010 13:03:59 +0000

Para quem trabalha com Wordpress, é essencial tomar alguns cuidados com a segurança, além de melhorar a performance do seu site para atrair ainda mais visitantes. Esta semana o pessoal da Comunidade Wordpress BR divulgou uma nova lista de plugins essenciais para se ter instalado no seu Wordpress que achei interessante comentar aqui alguns como sugestão para você que administra o seu próprio site com Wordpress. Todos os plugins listados aqui nós utilizamos com nossos clientes.

Limit Login Attempts
Limita o número de tentativas de login no seu WordPress

WP Security Scan
Realiza uma varredura e faz correções e sugestões de ações para maior proteção de seu blogue, no que tange a aspectos relativos à segurança.

WP-DB-Backup
Realiza, em periodicidade escolhida por você, a cópia de segurança de sua base de dados, enviando-a por e-mail, inclusive. Funciona perfeitamente, e permite, inclusive, selecionar os dados que serão objeto de backup.

WP System Health
Para monitorar a “saúde” do seu sistema.

ShareThis
Permite que visitantes compartilhem seu conteúdo de muitas formas diferentes.

Como destacar seus principais serviços em todas as páginas do site

Marcos Rezende — Fri, 05 Mar 2010 13:06:33 +0000

Hoje implementamos uma funcionalidade bacana no site de um dos nossos clientes, a Clínica de Estética Lume. Como os visitantes do site entram por várias páginas no site da nossa cliente e era necessário dar destaque especial a alguns serviços carros-chefe da empresa, optamos por fazer quatro banners verticais desses serviços e dispô-los em todas as páginas.

Fazer isso no Wordpress é muito fácil, pois basta que você edite as páginas single.php e page.php, para exibir um código HTML fixo nas páginas internas de todos os posts e de todas as páginas, respectivamente. Experimente fazer isso no seu site e veja como as vendas desses serviços ou produtos que colocou em destaque irão aumentar.

Como alterar a imagem de fundo do Twitter

Marcos Rezende — Fri, 09 Oct 2009 17:59:47 +0000

Hoje tivemos a idéia de criar um background personalizado para nossos twitters. A idéia levou a gente até o brilhante tutorial do Chris Sponner que ensina passo-a-passo como criar seu próprio Twitter Background a partir do zero com utilizando o Photoshop. Você pode seguir os passos para criar a sua própria imagem de fundo acessando o link: Twitter Background Design How-To and Best Practices.

Veja como ficaram o meu twitter e o twitter do Vinicius Camara. Achei legal as técnicas aplicadas e bacana, principalmente o arquivo PSD que ele disponibilizou com diferentes tamanho de tela para visualizarmos como ficará nossa imagem de fundo antes dela ir para o ar.

Como resolver problema de fundo transparente em PNG no IE6

Marcos Rezende — Wed, 01 Jul 2009 16:19:19 +0000

Recentemente tivemos um problema com um dos nossos sites para consertar o problema do IE6 não conseguir renderizar o fundo transparente em imagens PNG.

Para resolver esse problema, basta fazer download do script BGSLEIGHT. No arquivo compactado, há um arquivo javascript e um arquivo de extensão GIF com o fundo transparent necessário para o arquivo JS.

Após o download insira a seguinte linha de código no cabeçalho do seu site entre a tag head, ficando assim: