Como adicionar um favicon no Wordpress
janeiro 4, 2009 por Guga Alves
Postado em Dicas
Vamos a uma dica muito legal para adicionar um favicon ao seu blog no wordpress, encontrada no Blog do The Best e ajustada e simplificada para tirar a dúvida de uma visitante de nosso blog que me mandou um email e motivou esta dica 
O que é o tal do favicon?
Ele nada mais é que um ícone que fica ao lado do endereço do site/blog na barra do navegador.
Para que serve?
Ele serve para criar uma identidade do seu logotipo ao endereço do site/blog e para um melhor design (digamos assim).
Como criar um favicon.ico do meu logo?
Para isso basta você usar o serviço gratuito e online do site Dinamic Drive. Nele você envia uma imagem nos formatos gif, jpg, png e bmp, até 150 KB, que ele tranforma em um arquivo favicon.ico prontinho para ser usado.
Como colocar no Blog?
É bem simples !
Existe até um plugin do Wordpress que o faz, mas julgo que seja totalmente desnecessário instalar um plugin que apenas adiciona 1 linha no cabeçalho de seu blog , então vou mostrar aqui a forma mais simples de fazer.
Entre as tags <head> e </head> de seu tema, normalmente encontradas no arquivo de cabeçalho (header.php) adicione a seguinte linha:
<link rel=”shortcut icon” href=”/favicon.ico”>
Lembrando que o href é o url de onde se encontra o favicon.ico. O indicado é que esteja na raiz do site.
Pronto, simples não ?
Abraços a todos,
Guga Alves
Estrutura Básica do WordPress
Fiz um resumo do que coletei na internet e agora vou passar para vcs…
Index.php
É o principal arquivo do tema, nele estão armazenas informações que serão exibidas na pagina inicial.
header.php
É responsável pelo cabeçalho do site. Nele podemos encontrar o começo das tags
< html >< head >< body >
<div id=”content”></div>
Não é uma página e sim um DIV. Responsável por toda a estrutura do site e suas bases. Nele vão acoplados suas paginas e funções.
page.php
Responsável pelo template das páginas. Isto é, por ele você define como as paginas do seu site serão exibidas.
single.php
É o arquivo responsável por exibir a pagina do seu post, ex: http://site.com/nome-do-post/. Nele normalmente vem integrado com o arquivo comments.php que será abordado mais adiante.
sidebar.php
É o arquivo da sidebar do site, isto é, da barra lateral. Você pode editá-lo quando quiser inserir algo que seja exibido na sidebar.
category.php
É responsável pelo template das paginas das categorias do site. Por ele você define como os posts das categorias vão ser exibidos.
comments.php
É o arquivo responsável por definir como serão exibidos os comentários do seu site. É incluído normalmente no single.php via a tag comments_template();
archive.php
É o arquivo que exibe as informações das tags do site e os arquivos mensais.
footer.php
É o rodapé do site. Nele estarão armazenadas informações como nome do site, ano, copyright e o fechamento das tags < /html > e < /body >.
Como listar os últimos usuários registrados no seu blog?
novembro 17, 2008 por Guga Alves
Postado em Dicas
Se você tem um blog em que é permitido o registro de novos usuários (sejam eles autores, contribuidores, etc), você pode mostrar em sua sidebar (ou qualquer outra área escolhida por você) os últimos a terem se registrados, bastando apenas incluir o código abaixo no local desejado. Vale destacar que onde sê lê LIMIT 10 no final do código sql, este número é o que define quantos serão exibidos. Vejam finalmente o código:
<h2>Últimos usuários registrados</h2>
<ul>
<?php
$usernames = $wpdb->get_results(”SELECT user_nicename, user_url FROM $wpdb->users ORDER BY ID DESC LIMIT 10″);
foreach ($usernames as $username) {
echo ‘<li><a href=”‘.$username->user_url.’”>’.$username->user_nicename.”</a></li>”;
}
?>
</ul>
Com isso, você terá um quadro de usuários registrados atualizado sempre, estimulando assim mais pessoas a se registrarem e assim terem seu link exibido durante algum tempo em sua página (caso eles especifiquem o site deles no momento de seu registro).
Gostou da dica? Funcionou com você? Então comente !
Abraços e até a próxima !
Administrando o Wordpress
Creio que a primeira coisa é entender a idéia básica por trás do WP. Trata-se de uma plataforma de publicação pessoal, algo criado para que pessoas comuns pudessem publicar textos, fotos, etc. na internet sem a ajuda de um profissional - ou seja, sem investir grana para poder fazer isso. O WP nasceu como um sistema de BLOG, mas já há algum tempo que é visto como um CMS (Content Management System ou Sistema de gerenciamento de conteúdo), mas a funcionalidade primária é a criação de posts.
Outra é que o WordPress foi pensado para promover a integração entre você, os internautas que visitam seu site (que podem comentar seus conteúdos) e outros publicadores de conteúdos que podem “linkar” você criando trackbacks e formando dessa maneira uma espécie de rede interativa - que costuma ser muito produtiva depois de firmada.
Mas o que é um post?
Posts e páginas
Há dois tipos básicos de publicações no WordPress e é preciso entender o que cada uma significa:
- Post
Na sua forma natural, o WordPress mostra na página inicial a relação das últimas publicações do site organizada por data, da mais recente para a mais antiga. Essas publicações são chamadas de posts (muitos blogs em português chamam de “artigos”. Um post pode conter texto formatado, imagens, som, vídeos e outras coisas. Normalmente as templates disponibilizam links para os posts na barra lateral, dando a possibilidade de organizar por data e de fazer buscas pelo conteúdo desejado. - Página
As páginas são em tudo semelhantes aos posts, a não ser pelo fato de que elas não entram nas listagens de posts, estando disponíveis como conteúdos estáticos do site. Os links para as páginas normalmente estão colocados num menu principal no cabeçalho do site.
Se usamos o WP para gerenciar o site de uma empresa e queremos colocar nesse site a história da empresa, por exemplo, criaremos uma página, pois a história não se modifica. No máximo um ou outro adendos a cada 4 ou 6 meses? Mas se queremos que nossos clientes tenham acesso a uma notícia - algo que é importnte agora, mas que perderá o valor em alguns dias, publicaremos um post no blog. Dá para pensar nessa divisão entre site (estático) e blog (dinâmico) se configurarmos o WP para isso (veremos adiante).
É preciso se familiarizar com a interface de administração
Há algumas coisas que você terá que decorar e a primeira delas é que para entrar na administração do site basta aicionar “/wp-admin” ao endereço principal do site ( www.seusite.com/wp-admin).
Ao entrar no ambiente administrativo, a primeira coisa que nos aparece é o painel onde podemos ver os últimos comentários e os “links de entrada” (uma relação de páginas que contém links para publicações suas). Ali também temos botões diretos para publicar um novo post ou uma página e outras informações de menor interesse (notícias do mundo WordPress).
Acima podemos ver o menu principal, com os seguintes itens principais:
- Painel
Descrito acima. - Escrever
Aqui você vai poder criar as suas páginas e posts, além de inserir novos links. - Gerenciar
Aqui temos entradas para editar páginas e posts já publicados, definir categorias e tags e navegar pela biblioteca de mídias. - Temas
Esta é a entrada para a área de layout do site. Aqui definimos que template nosso site vai exibir. - Comentários
Os comentários podem (e devem) ser configurados para cair em moderação antes de serem publicados. Aqui podemos aprovar, rejeitar, modificar, enfim… gerenciar os comentários. - Opções
As configurações básicas do WordPress estão aqui. Vamos esmiuçá-lo mais tarde. Atenção: este menu (juntamente com o “Gerenciar”) é o preferido dos desenvolvedores de plugins para inserir suas páginas. - Plugins
Aqui ligamos e desligamos os plugins. - Usuários
Gerencciar usuários do sistema
Então, a partir daqui, quando eu escrever, por exemplo: “Escrever > Post” estarei me referindo ao item “Post” do menu “Escrever”, ok?
Vamos então seguir adiante. Vamos para a página 2!
Como encontrar o ID de suas páginas?
novembro 16, 2008 por Guga Alves
Postado em Dicas
Em sua página de administração, vá em Gerenciar -> Páginas, ou Manage -> Pages caso o seu blog esteja em inglês, como na imagem abaixo:
Ao se colocar o ponteiro do mouseem cima do título da página desejada, você verá na barra de status de seu navegador um link como este do exemplo:
http://www.seusite.com.br/wp-admin/page.php?action=edit&post=2
Então, o ID da página é 2. Se você não viu nada na barra de status, você pode copiar o link e colar em algum lugar (como o bloco de notas, etc) ou até mesmo clicar no link para ver o ID na sua barra de endereço.
Dica fácil e simples, mas aposto que nem todos vocês já haviam pensado nisso
Otimizando o seu blog para os buscadores
Bem, há algumas medidas bem óbvias e outras nem tão óbvias assim que podem fazer o seu ranking melhorar sensivelmente. Vou listar aqui algumas delas (as que conseguir me lembrar…).
Ao escolher a sua template, busque uma que seja compatível com a tal da Web 2.0
Escolha uma template que tenha XHTML válido, CSS válido, que seja semântica (organize o conteúdo em tags apropriadas, tornando-o compreensível para as máquinas, que se baseiam no código-fonte e não na aparência para interpretar e indexar o site).
Um layout clean que leve em conta a usabilidade
Isso pode facilitar a vida do usuário e te garantir alguns visitantes fiéis.
Use elementos <h1>…<h6> nos títulos
Use elementos <h1> no título e <h2>, <h3>, etc. para os subtítulos, por ordem de importância e nunca substitua o título em texto por uma imagem ou torne o seu <h1> invisível com display none, visibility hidden ou usando a mesma cor do fundo, pois isso não funciona - é como se não existisse.
Use o nome do post como título da página
O nome do post como parte do título é imprescindível, mas certamente “Artigo que escrevi | Nome do meu blog” funciona melhor que “Nome do meu blog | Artigo que escrevi”. No segundo caso, os primeiros caracteres de todas as páginas do blog são iguais! Mas o ideal mesmo é usar nas páginas de posts apenas o nome do post.
Use URLs amigáveis em lugar das URLs padrão do WordPress
O WordPress, quando rodando em um servidor Apache, oferece o recurso de trabalhar com URLs literais em vez das URLs baseadas em parâmetros GET, como “seu_site/?p=124″.
É sempre bom usar as antigas meta-tags description e keywords
Elas não são mais o foco dos robôs indexadores, mas ainda tem peso e convém ser coerente. A tag meta description espera uma descrição do site, enquanto na keywords podemos listar palavras que consideramos afins ao conteúdo existente no site.
Crie arquivos robots.txt e sitemap.xml para auxiliar a indexação de seu site
A existência desses arquivos elimina grande parte do trabalho dos robôs para indexar seu site, sem falar que a indexação é executada de acordo com os seus parâmetros. Leia mais sobre o robots.txt e sobre o sitemap.xml.
Organize o seu conteúdo de forma lógica
O WP oferece atualmente as categorias e as tags para classificar seus posts, isso sem falar na classificação por data, automática. O fato é que reina uma grande confusão sobre as diferenças e semelhanças entre tag e categoria… Como usá-las?
As categorias serão vistas como as subdivisões primárias do seu conteúdo e, embora o WordPress permita usar mais de uma categoria em cada post, isso não é nem um pouco recomendável - não faz sentido. Portanto “coloque” seu post em uma categoria apenas.
Já com as tags é diferente - elas existem justamente para conseguirmos um nível mais específico de organização. Por exemplo, dois posts de categorias diferentes podem compartilhar a mesma tag sem problemas.
Uma dica importante é o seguinte: não crie novas tags a cada novo post - procure usar as tags existentes. Uma tag relacionada com um único post não representa nada em termos de organização ou de usabilidade.
Modestamente vou indicar um plugin que desenvolvi para facilitar na hora de escolher as tags e que nos dá uma visão geral, evitando esse tipo de erro, o View Tags, publicado aqui.
Cadastre seu site nos mecanismos de busca
Este é um item discutível, pois os principais sites de busca não dependem mais disso. Mas continua sempre sendo uma boa política cercar o bicho pelos sete lados!
Não economize nos links de navegação
O ideal é ter na barra lateral links para os principais posts e páginas e links por data e categorias. Se o seu blog tem uma navegação fácil, isso por si só já á um ponto a favor do seu sucesso - e os buscadores sabem disso! Ajuda usar plugins como o Related Posts e outros que mostrem os posts por ordem de acessos.
Use o atributo rel=”nofollow” nos links que não representam nada para os buscadores, como para feed RSS ou comentários.O conteúdo mais importante deve estar colocado acima
O conteúdo mais relevante deve sempre estar em cima do resto da página. Se isso for um problema no seu layout, use CSS para posicionar o elemento no lugar certo, mas de forma que no código ele apareça primeiro.
Se a sua template inclui o sidebar.php antes de listar os posts, faça uma reforma e corrija isso!
Escreva sempre
Não adianta usar todos os recursos disponíveis e escrever dois posts por mês. Nós podemos ajudar os buscadores a indexar o conteúdo do seu site, mas é preciso que haja conteúdo a ser indexado! (sem comentários).
No universo dos blogs, as atualizações precisam ser constantes. São mais de 50 milhões de blogs disputando a atenção dos internautas e quem oferece menos recebe menos…
Como mostrar o seu último Twitter no seu blog
novembro 6, 2008 por Guga Alves
Postado em Dicas
O Twitter é hoje em dia uma das ferramentas mais utilizadas da internet (7 milhões de utilizadores) e representa não só o microblogging, como também uma oportunidade de interagir de forma dinâmica e engraçada com a sua audiência. Actualmente são pouco os blogueiros que ainda não aderiram à moda, o que significa que se torna cada vez mais importante utilizá-lo como ferramenta de trabalho e crescimento.
Para apresentar as suas últimas entradas no Twitter, na sidebar ou noutro local do seu blog, utilize o seguinte código e personalize-o ao seu gosto:
<?php
// O seu username do twitter.
$username = “TwitterUsername”;// Prefix - Algum texto que queira colocar antes do seu último Twett.
// (HTML pode ser usado, mas utilize as citações com barra: por exemplo href=\”link.html\”)
$prefix = “<h2>O meu último Tweet</h2>”;// Suffix - Algum texto para colocar depois do seu último Tweet. (A mesma regra do prefix.)
$suffix = “”;$feed = “http://search.twitter.com/search.atom?q=from:” . $username . “&rpp=1″;
function parse_feed($feed) {
$stepOne = explode(”<content type=\”html\”>”, $feed);
$stepTwo = explode(”</content>”, $stepOne[1]);
$tweet = $stepTwo[0];
$tweet = str_replace(”<”, “<”, $tweet);
$tweet = str_replace(”>”, “>”, $tweet);
return $tweet;
}$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>
É só! Agora já pode colocar os seus Tweets na sidebar do seu blog. Veja o exemplo em baixo!
Pacote de icones desenhados à mão
outubro 23, 2008 por Guga Alves
Postado em Dicas
Os caras da Spoon Graphics lançaram há 2 dias um fantástico pacote de ícons que é realmente uma mais-valia no mercado da customização de blogs e websites. Considero inclusivé que este pacote poderia muito bem ser pago, dada a sua qualidade e irreverência.
Este é um pacote de ícons com estilo desenhado à mão, que inclui 14 ícons diferentes, a pensar nos blogueiros. O pacote inclui ícons para o Delicious, Design Float, Digg, Facebook, StumbleUpon, Technorati e Twitter, bem como para o RSS, Home, Comentários, Contactos e Wordpress.
Fonte: Wordpress-Love
Como colocar expiração automatica de artigos no seu blog
outubro 21, 2008 por Guga Alves
Postado em Dicas
Uma vez que o Wordpress não inclui por defeito uma função que permita ao editor definir quanto tempo um determinado artigo deverá ficar online, muitos editores sentem dificuldades em automatizar o periodo de expiração de artigos, tendo geralmente de recorrer a métodos manuais.
Eis no entanto uma forma muito eficiente e engraçada de colocar expiração automática de artigos no seu blog Wordpress:
Edite o seu template e substituia o seu loop actual do WordPress por este loop:
<?php
if (have_posts()) :
while (have_posts()) : the_post(); ?>
$expirationtime = get_post_custom_values(’expiration’);
if (is_array($expirationtime)) {
$expirestring = implode($expirationtime);
}$secondsbetween = strtotime($expirestring)-time();
if ( $secondsbetween > 0 ) {
// For exemple…
the_title();
the_excerpt();
}
endwhile;
endif;
?>
Para criar um artigo com data/hora de expiração, apenas precisa de criar um ’custom field’. utilize-o com a chave expiration e a sua data/hora como valor no campo (formato: mm/dd/yyyy 00:00:00).
Este artigo não mais irá aparecer após a data marcada.
Fonte: Wordpress-Love
Como converter um layout em PSD para HTML
setembro 10, 2008 por Guga Alves
Postado em Dicas
Apesar de estar em inglês, creio que todos não terão maiores dificuldades em entender pois muitas imagens foram utilizadas, e os arquivos utilizados no tutorial estão disponíveis por lá também.
Não deixem de conferir !
