E o Tutorial Wordpress está lá

Em parceria com nosso outro blog: o Dkcell, temos um colaborador (Ivan Adriel) dentro do evento fazendo a cobertura ao vivo por liveblogging.

Acompanhe:

Update: Usando agora streaming do Luli

Outra fonte via: Carlos Gustavo

Instalação do Tema e Plugins

Baixe o tema para Wordpress e extraia o arquivo compactado. Não faça upload da pasta como está para o seu diretório de temas. Explore a pasta e encontre o tema e os plugins.

1. Suba o tema para o seu diretório de temas.

2. Abra a pasta plugin e suba cada plugin para o seu diretório de plugins e ative-os no painel administrativo do Wordpress.

Plugins inclusos:

1. Limitpost (limita a extensão do post, sem a necessidade de usar a tag MORE)
2. Flickrrss (feed RSS para imagens do Flickr)
3. WP- Cumulus (nuvem de tags em flash)
4. WP- Pagenavi (numeração de páginas para navegação)
5. Popularity Contest (posts mais populares)
6. Related Posts (listar posts relacionados)
7. Breadcrumb navigation (navegação no blog com barras)
8. Most commented (listar posts mais comentados)

Uma vez que o tema está instalado e os plugins ativados, você poderá configurar suas opções.

Opções do Tema

As opções do tema estão acessíveis na tab Aparência do Painel Administrativo.

1. Configuração do Sliding Panel

Esta sessão exibe um carrossel de imagens (200 x 100 auto-dimensionadas) associadas ao post através de campo personalizado (screen). Você pode selecionar uma categoria da lista drop-down e a quantidade de imagens a ser exibida.

2. Featured Video

Você pode exibir um vídeo incorporado na lateral. Basta pegar o código de incorporação do vídeo e adicioná-lo na opção Featured Video. Lembre de modificar a altura e largura do código incorporado para encaixar bem o vídeo no tema. 315 x 260 é um bom tamanho.

3. About Me

Aqui você pode configurar uma imagem e um texto para se descrever ou ao seu blog. Você precisa colocar a URL da imagem e o texto onde é requerido na página de opções.

4. Banners 125 x 125

O tema exibe quatro banners 125 x 125 na lateral. Você pdoe configurar as imagens e links na página de opções do tema.

5. Twitter

Há uma sessão do tema que exibe suas atualizações do Twitter. para habilitar, basta colocar seu nome de usuário na opção apropriada.

6. Adsense

O tema tem 3 lugares pré-definidos para o adsense:

a. 468 x 60 no cabeçalho.

b. 300 x 250 box em cada post individualmente.

c. 728 x 15 (lista de links) abaixo do slider na página principal.

Para fazê-los funcionar, basta colar o código do adsense nos campos certos na página de opções do tema.

Como configurar as imagens no slider e nos posts?

Com este tema, você utilizará imagens personalizadas em 2 módulos:

1. O slider na página principal com o conteúdo destacado.
2. Miniaturas associadas aos posts no tab animado da lateral.

Uma simples imagem associada ao post através de um campo personalizado será exibida nestes dois módulos. As imagens serão redimensionadas e cortadas pelo arquivo timthumb.php.

Para funcionar, sempre que você fizer um novo post, deverá adicionar um campo personalizado.  Na janela de postagem, clique na opção “Custom Fields” ou “Campos Personalizados”. Na sessão “Name” (nome), digite “screen” (sem as aspas, tudo minúsculo). Na área “Value” (valor), insira a URL da imagem. Ela será automaticamente redimensionada e cortada.

Há uma pasta chamada “cache” nos arquivos do tema. Certifique-se que as permissões de gravação da pasta (CHMOD) são 777 para o arquivo timthumb funcionar corretamente. Certifique-se também que seu host suporta Bibliotecas GD (que é padrão na maioria dos casos).

Isto conlui o guia de configuração do tema Scarlett. Quaisquer dúvidas, é só comentar.

Blogo desde 2004 mais ou menos (que eu lembre). Já passei por vários sistemas de publicação de weblogs até conhecer o Wordpress, logo depois que ele deixou de ser o B2 (depois conto essa história). Hoje tenho blogs gratuitos no wordpress e self-hosted.

E como usuário e fã do sistema, me candidatei a colaborar com o Daniel Kaiserlino aqui no Tutorial Wordpress, onde pretendo trazer tutoriais, dicas, temas e novidades sobre nosso gerenciador de conteúdo preferido.

Profissionalmente sou Analista de Hardware de uma grande indústria nacional de computadores, curso Tecnologia em Análise e Desenvolvimento de Sistemas pela Universidade Norte do Paraná. Como a maioria de vocês, sou auto-didata e apaixonado por tecnologia e internet (desde que descobri o BBS e presenteei meu chefe com uma conta de telefone astronômica).

Pra começar, o que acham desse tema?

É o tema Scarlett, produzido por Jinsona, do web2feel.com. Um tema premium-free elegante, com menu javascript drop-down de multi-níveis, elementos em sliding com imagens. Banners 125×125 personalizáveis. 3 espaços preparados para receber Adsense (728×15, 468×60 e 300×250). Área de conteúdo tabular com vídeo, nuvem de tags em flash e posts populares. 3 barras laterais personalizáveis. Sessão About Me personalizável. Atualizações do Twitter e galeria do Flickr. Posts relacionados já habilitado. Módulo de Posts Randômico Animado. Navegação de páginas habilitada. Pronto para Wordpress 2.7. Suporte a temas e uma página personalizada de opções no painel administrativo.

Bonito né? Postarei um Guia de Uso do tema e o utilizaremos para trabalhar a tradução de temas. Boa? Então até lá.

Ah. Quer ver o tema em uso? Ciso.blog.br

:)

<?php
function is_subpage()
{
    global $post, $wpdb;
 
    if ( is_page() && isset( $post->post_parent ) != 0 )
    {       
        $aParent = $wpdb->get_row( $wpdb->prepare( "SELECT ID FROM $wpdb->posts WHERE ID = %d AND post_type = 'page' LIMIT 1", $post->post_parent ) );
        if ( $aParent->ID ) return true; else return false;
    }
    else
    {
        return false;
    }
}
?>

A função funciona dentro e fora do loop, e é compatível com versões 2.5 ou superiores do Wordpress.

Exemplo:

O uso desta função é o mesmo que o is_page, is_home.

<?php if (have_posts()) : ?> 
 <?php while (have_posts()) : the_post(); ?> 
  <?php if ( is_subpage() ): ?> 
   <p>Isto é uma subpágina</p>
  <?php endif ?> 
 <?php endwhile; ?>

A função tem bastante utilidade para quem cria páginas e subpáginas para listas de plugins, CMS, etc.

Tema de 2 colunas bastante colorido, com suporte a widgets, e sidebar com animações em Jquery.

Não sabemos realmente a data em que foi criado, porém o mesmo é bastante criativo, podendo ser usado para portfólios ou blogs de design (DKCELL? hehe), entre outros fins.

• Preview
• Tema Infinity para Wordpress (91)
• Arquivos PSD (36)

Características

• 3 colunas com largura fixa
• integração com Twitter, Flickr e Delicious
• sem suporte à widgets (veja kit-de-desenvolvimento)
• consistência de cross-browsers
• wp 2.5 ou maior

ps.: alguns plugins são necessários para que o tema funcione direito. Todos já estão inclusos no pacote de download.

;)Tema Infinity para Wordpress (91)

A logo pode ser customizada substituindo-se o arquivo logo.gif na pasta do tema e os 6 cabeçalhos configurados no header.php.

Os créditos vão para o artigo: dfOriginal – Free Wordpress Theme.

• Preview
• Download .zip

Características

• conpatível com wp 2.7
• 2 colunas com largura fixa
• tema dark
• compatível com widgets na sidebar
• CSS e XHTML válidos

;)

Como funciona o Akismet?

O Akismet é um plugin que adiciona um filtro de Spams baseado em diversas combinações de informações recolhidas nos milhões de blogs que utilizam estas chaves API ao redor do mundo.
Um exemplo simples de compreender é:  Caso eu marque um comentário como Spam no Tutorial Wordpress e outra pessoa marque em um blog Chinês por exemplo, um comentário do mesmo IP, este IP será adicionado ao filtro, considerando todos os seus comentários como Spam ao redor do mundo.
Obviamente este é um exemplo bem simples do funcionamento do Akismet, pois o mesmo utiliza diversos outros recursos para a classificação do Spam nos Comentários.

Como proteger seu blog de Spams Usando o Akismet

Faça download do Akismet diretamente do site oficial.Faça um cadastro no site do Wordpress.com para receber uma chave de API, a qual será utilizada no Akismet.
Para o cadastro basta criar um nome de usuário e e-mail válido, pois será necessário confirmar. Você pode optar entre receber apenas o username ou o blog, solicite o blog para ter a API corretamente.

Verifique o e-mail e acesse sua conta. Ao acessar, clique em My Account e você verá o texto:
“Your WordPress.com API key is:”. Anote a Chave que está após o texto.

Faça o envio do plugin Akismet já descompactado para a pasta wp-content/plugins de seu Wordpress.
Acesse o painel de administração de seu blog e vá em plugins > Akismet e selecione instalar.
Agora procure a opção “Akismet configuration” no menu e cole a chave Api do Wordpress que copiou alguns passos antes.

Instalação do Akismet Via SSH

Iremos mais para frente fazer um tutorial completo sobre o SSH.
Porém se você já conhece o seu funcionamento, ou acha que a descrição da Wikipédia e os tutoriais encontrados na internet serão suficientes, vamos aos passos:

Acesse a pasta de seu blog no SSH e execute os seguintes comandos:

cd wp-content/plugins/
wget http://downloads.wordpress.org/plugin/akismet.zip
unzip =j akismet
rm akismet.zip

Agora basta Ativar o akismet no painel de administração como no guia Acima

Utilizando o Akismet em qualquer aplicação PHP

Embora o akismet seja inicialmente um Plugin para Wordpress, podemos utilizar o mesmo em praticamente qualquer aplicação desenvolvida em PHP.
Para fazer a integração do Akismet iremos precisar da classe do Akismet de acordo com sua versão do PHP.

PHP4
PHP5

E para fazer a utilização das classes podemos encontrar os tutoriais originais em inglês:

Usando a classe com PHP 4
Usando a classe com PHP 5

• Preview
• Download .zip

Características

• 2 colunas com largura fixa
• consistência de cross-browsers (testado nos principais bnavegadores: IE6, IE7, Safari, Firefox 2 e 3, Opera)
• SEO: não é necessário o uso de plugins para robôs de busca (confira o arquivo header.php)
• o tema usa filtro de png pra IE6 e 5
• usa sIFR (Scalable Inman Flash Replacement), para navegação de itens, título dos posts, e os títulos dos itens da sidebar
• sincronização com Twitter
• suporte a Gravatar, Flickr RSS
• CSS e XHTML válidos

;)

Ferramentas de Gerenciamento Online WorldOrg:

• Eventos
• Contatos
• Notas
• Bookmarks
• Feeds
• Compartilhamento de Eventos
• Exportação para CSV

Descrição das ferramentas do WorldOrg:

Eventos: O foco inicial do projeto, onde podemos gerenciar os eventos (ou até projetos) com data e hora definidos e classificados por importância.

Contatos: Gerenciamento de todos os seus contatos. Suporta dados como os de uma Agenda de Verdade, com Nome, Email, Endereço, Endereços de contatos virtuais, etc.
Notas: Um simples editor onde podemos salvar notas para futura visualização.
Bookmarks: Sistema bastante simples para salvarmos nossos favoritos. Facilitando assim o acesso aos sites que mais visitamos.
Leitor de Feeds: Já que a idéia é centralizar tudo no mundo online, porquê não ler os feeds de nossos sites favoritos sem ter que sair do sistema?

Todas as atualizações podem ser acompanhadas no Blog WorldOrg onde Flávio nos conta as novidades como o uso da API, a criação do site para celulares.