Isso é uma coisa chata, você faz um post e o agenda para aparecer no final de semana, pois você não estará no computador nestes dias. Mas ai chega a segunda feira, e você vê que o site não foi atualizado.

Não entendo o que aconteceu, ou pensando se colocou a data errada no agendamento, você entra na área de adminitração dos post e vê o fatídica mensagem “Agendamento perdido”.

Resolvendo o problema

É bem simples, basta você editar o Wp-config.php.

Edite o arquivo adicionando a seguinte linha:

define('ALTERNATE_WP_CRON', true);

Pronto.

O problema do Agendamento Perdido foi resolvido.

Vi no Fórum Brasileiro de WordPress.

Mais que mostrar o nome da empresa ou marca, um logotipo traz uma identidade visual onde o objetivo é que quando o cliente ou consumidor bater o olho no mesmo, já saiba do que se trata.

E essa identidade visual não precisa se limitar apenas a escrita do nome com uma grafia estilizada, ela pode também trazer uma imagem ou símbolo que ira complementar a idéia do logotipo.

Veja alguns exemplos de logotipos de grandes empresas/marcas:

FedEx

O Espaço negativo em branco, entre as letras “E” e “X” cria-se uma seta.

NBC

Um dos mais populares logotipos do mundo, mostra um pavão olhando para a direita, para mostrar que a compania só olha a frente, sempre evolui.

Amazon

O logo dessa empresa apresenta uma flecha, e também uma boca com um pequeno sorriso. O significado da flecha é que a empresa satisfaz pessoas, com todos os produtos de A a Z, porisso a flecha está da letra “A” até a “Z” da palavra Amazon.

Hanuet Wine

Logotipo de uma empresa de vinhos, que pode-se notar duas taças no “H”.

Families

Criado por Herb Lubalin mais ou menos nos anos de 1980, no logo da empresa “Families” pode-se facilmente notar como se fosse 3 pessoas juntas, simulando uma Família.

Goodwill

O Logotipo do Godwill, possui um “G” estilizado onde também há uma face sorrindo.

Portrait Photos

Dentro de uma câmera fotográfica, há uma pessoa.

Bison

As letras que formam a palavra “Bison” também forma uma espécie de animal, um Bisão.

Summit

Logo marca simétrica que além do nome da marca, também pode-se notar um homem vestindo trajes de escaladas, a empresa vende roupas de esportes.

City Direct

Logotipo criado por Mike Erickson para uma empresa aérea. Note que a elipse com a avião forma as letras “C” e “D”.

Formula 1

O espaço em Branco depois do “F” forma uma sombra do número 1.

Carrefour

O nome da compania significa ruas cruzadas em francês, por isso é simbolizado com uma seta para cada lado, mas além disso, no espaço em branco entre as setas, pode-se notar um “C” do nome da empresa.

Toblerone

A Imagem de um Urso está escondida na Montanha de Matterhorn, cidade onde foi criado o primeiro chocolate Toblerone.

Big Ten Logotipo

A mais antiga escola de atletas dos Estados Unidos, é dividida em 11 times, e seu logotipo foi criado para, no espaço em branco, simbolizar um “11″.

Eight

Logotipo desenhado de diversas partes do número 8.

Modern Nerd

Na logomarca dessa corporação pode-se notar também a palavra “Nerd” dentro de “Modern”.

ED

Logotipo desenhado por Gianni Bortolotti para a compania Italiana de eletricidade.

Giraffe

Logotipo desenhado por Lemika para o Estúdio de Design Giraffa. Pode-se facilmente notar uma girafa no logo.

E2

Logo desenhado por Judd Madden para a empresa de consultoria E2. No espaço em branco dentro do “E” há um 2 formando o nome da empresa.

Mammoth Mountain

Logotipo de um resort de ski que representa um Mamute, uma montanha e uma trilha de ski.

Raven

No espaço em branco desse logo pode-se notar mais uma águia entre as outras 3.

——————————————————————————

Vi no blog de humor Gargalhando.

Finalmente a versão final (não é beta) do WordPress 3.0 está disponível.

Faça agora o download da versão em pt-br do WP 3.0

Eu particularmente não fiquei acompanhando as noticias em relação está nova versão, então fiquei de queixo caido ao ver as novidades apresentadas no vídeo abaixo (em inglês).

Eu já sabia que haveria integração entre o WordPress “normal” e o WordPress Mu, mas tem muito mais:

• novo tema padrão, o “Twenty Ten” que permite customizações na imagem da header e do background;
• a já comentada integração com o WordPress MU. Agora podemos ter vários sites/blogs com apenas uma instação do WordPress;
• atualizações de plugins em massa. É o fim de ficar atualizando plugin um a um;
• interface mais leve e rápida;
• não é mais necessário usar usuários padrão (adeus usuário “Admin”);
• entre outros.

Para quem ficou curioso sobre o visual do novo tema padrão, segue uma imagem (lembrando que você pode alterar o tema como quiser):

Ainda vou formatar o meu pc, então vai demorar um pouquinho para eu testar essa nova versão no meu localhost. Mas estou ansioso para ver as novidades in loco, e modificar o temas ZS para aproveitar as facilidades da versão 3.0.

Vi a noticia no Twitter do @ericooliveira.

Saudações, ontem foi liberado a mais nova versão da distribuição linux Ubuntu, a versão 10.04, ou Lucid Lynx.

Eu particularmente tenho uma relação de amor e ódio com o Linux, sempre indo e voltando para este sistema operacional. O motivo de saida geralmente é por causa de algum problema que não acho solução, ou por programas ou hardwares que não são compatíveis com o mesmo. Mas sempre acabo voltando, pois adoro a filosofia, os programas, e outras coisas do Linux.

Por esse motivo, algumas coisas a qual considero novidades já podem estar presentes a um bom tempo. Se não me falho a memória, a ultima versão que utilizei do Ubuntu foi a 8.04 (ou seja, a dois anos).

Instalação e primeiras impressões

Fiz o download da versão desktop para 32 bits, e já notei uma grande diferença no boot do cd. Não há menu, o Ubuntu já carrega automáticamente, depois é que se abre uma opção perguntando se quero instalar ou usar o live cd. Por um lado é bem mais simples para usuários iniciantes, mas senti falta da função que verifica se há erros no cd.

Entrei via live cd e usei o Gparted para diminuir a minha partição do Windows, facilitando assim depois a instalação. Reiniciei o pc e escolhi fazer a instalação (eu podia ter feito a instalação dentro do live cd, mas optei por reiniciar).

A maneira como é feita a instalação é identica as outras versões (no modo gráfico), a única coisa que me aborreceu foi que a hora foi modificada.

Problemas com o relógio

A escolha do fuso horário estava correta, mas não sei porque, o sistema atrasou o meu relogio em 3 horas (moro no interior do estado de São Paulo, e coloquei como cidade do fuso horário “São Paulo”. Este atraso no relógio afetou até mesmo os outros sistemas operacionais instalados (Windows XP e Seven).

Alterei manualmente o relógio e tudo ficou ok.

Travamentos e Efeitos Visuais

Qual não foi minha surpresa, depois de alguns minutos utilizando o Ubuntu 10.04, o computador travou totalmente. O cursor do mouse não se mechia, e nem mesmo as luzes do teclado (Num Lock) podia ser apagado ou ligado.

Pensei ser algo isolado, reiniciei o pc mas o travamento novamente ocorreu.  Em uma quarta tentativa, entrei em Sistema > Preferências > Aparência, aba “Efeitos Visuais”, e lá modifiquei de “Normal” para “Nenhum”. Parece ter resolvido.

O estranho é que meu pc não é tão antigo assim, então aguentaria sem problemas os efeitos visuais do Ubuntu, tanto que antes de travar esses efeitos estavam fluindo muito bem.

Está será umas das coisas que terei que resolver futuramente.

Conexão com a internet via Speedy

Simples como sempre. Porém acho que deveria haver uma maneira mas fácil gráficamente.

A maneira que utilizo é a seguinte, eu entro no terminal e lá digito:

sudo pppoeconf

Depois é so ir dando “Yes/Sim” nas questões que aparecem, e colocar o usuário e senha do Speedy quando solicitado.

Com isso sempre que inicio o pc, o Speedy já conecta.

O visual

Gostei muito, mas muito mesmo do visual deste novo Ubuntu. Os icones, o logo do ubuntu todo branco, o papel de parede padrão, ficou tudo muito bonito.

A unica coisa que estranhei foi a modificação dos botões de fechar/minimizar/restaurar que ficam no topo das janelas. Da direita (que é usado no Windows) para a esquerda. Porém essa mudança é apenas no tema Ambiance (que vem nesse novo Ubuntu), então é bem simples de voltar ao padrão.

Considerações finais

Estou gostando da minha volta ao Ubuntu. Tem muitas coisas legais, e realmente está mais simples de configurar.

Alguns exemplos: a minha impressora (HP Laserjet 1020) já foi reconhecida e bastou uma pequena instalação para o mesmo estar funcionando; para o flash do Firefox, bastou baixar o plugin pelo site da Adobe e reiniciar o navegador para tudo funcionar perfeitamente; entre outras coisas que estou descobrindo.

Espero estar compartilhando essa minha experiência com o Ubuntu 10.04 com futuros posts, até lá.

Saudações queridos leitores, nesse final de semana gravei uma nova vídeo aula que tem como objetivo mostrar como escrever um post (ou “artigo” se preferirem) utilizando o WordPress.

Público alvo e utilização

Esse screencast (vídeo-tutorial) serve tanto para o wordpress.com quanto para o wordpress.org. E também serve para os usuário do WordPress MU.

O público-alvo desse tutorial são os leigos no WordPress, ou os não administradores de um site.

Por exemplo, eu administro o site Cachorros e Cia, mas quem escreve os artigos é a Amanda, a função dela é de Editora, ou seja, de escrever para o site, então esse vídeo é para ela e outras pessoas nessa mesma situação.

É claro que se for um administrador do site com instalação em WordPress, nada impede que você aprenda algo com esse tutorial. Sempre pode ter algo de novo que ainda não saibamos, é o que eu sempre digo.

E o melhor, se você for colocar um editor para trabalhar no seu site, ao invês de explicar como escrever um post, bastará apresentar esse vídeo tutorial.

Os vídeos tutoriais

A minha gravação desse screencast ultrapassou os 20 minutos, e como eu utilizo o YouTube, me vi na necessidade de dividir o vídeo em 3 partes.

Todos os vídeos foram feitos em HD, altere a qualidade do vídeo para o máximo para ver todos os detalhes nitidamente.

Parte 1

Neste vídeo você ira ver:

• Entrando na área de administração do WordPress (wp-admin);
• Explicação sobre diferenças entre área de administração do WP e o WP – MU;
• Entrando na área de escrita de novo post;
• Escrevendo o título do post;
• Explicação sobre as abas “HTML” e “Visual”;
• Ferramentas do editor visual, que é similar a um editor de texto (como o Microsoft Word);
• Expandindo e ocultando as ferramentas adicionais do editor visual;
• Escrevendo em Negrito, Itálico e Riscado;
• Fazendo listas (ex: Top 10) usando “Lista ordenada” – com números, e “Lista não ordenada”;
• Citando frases de outras pessoas usando a ferramenta “Citação” (tem o desenho de aspas);
• Explicação sobre diferenças entre o visual do post enquanto escrevemos, e o visual final no site;
• Salvando rascunho, mesmo que o WordPress tenha um salvamento automático;
• Pré-visualizando um post;
• Ativando o modo de tela inteira;
• Explicação sobre os botões “Adicionar Mídia” (imagem, vídeo e mídia).

Parte 2

Neste vídeo você ira ver:

• Adicionando imagem no post;
• Upload de imagem;
• Edição do título, texto alternativo, legenda e descrição da imagem;
• Escolhendo o link que a imagem terá;
• Diferenças no “URL do post”: quanto o tema tem ou não o arquivo attachment.php;
• Tamanho da imagem e como ele irá aparecer no seu site;
• Adicionando vídeo no post;
• Pegando o código do vídeo (embed) do YouTube;
• Configurando o player do YouTube;
• Alinhando o texto (direita, centralizado, esquerda);
• Pré visualizando um post.

Parte 3

Neste vídeo você ira ver:

• Colocando links;
• Definindo o link para abrir na mesma janela ou em uma nova janela;
• Utilizando a tag more (link “Leia mais”);
• Editando a tag more;
• Mudando a cor da fonte;
• Sublinhando o texto;
• Modificando o formato do texto com seis tipos de cabeçalhos;
• Adicionando tags (palavras chaves);
• Selecionando as categorias do post;
• Atualizando um custom field já existente;
• Publicando um post imediatamente ou agendando;
• Modificando o link permanente (slug) do post.

Considerações finais

No final do terceiro vídeo eu disse que tentei ser rápido, mas isso gerou cerca de 30 minutos de vídeo, imagine se tivesse sido lento, heheh.

Espero sinceramente que este vídeo tutorial seja de ajuda àqueles que tinham dificuldade em escrever um post no WordPress.

Até mais.

Espero que agora todos consigam personalizar os seus uTorrent.

Saudações, é com muita satisfação que lhes apresento o tema ZS, para a plataforma WordPress. Um tema com diversos recursos e suporte para utilização de folhas de estilo.

O tema ZS nasceu com o nome de ZackBlue, a qual seria um tema com uma única aparência (folha de estilo). Porém devido os avanços que fui realizando no tema (que o tornava cada vez mais completo), surgiu a idéia de não mais criar um tema para cada projeto, mas sim um único tema que suporte vários estilos.

Com isso se evita problemas e trabalho nas atualizações, pois a cada vez que tiver que ser corrigido um problema ou implementar um novo recurso, não será preciso fazer isso em vários temas, simplesmente em um.

Visual

O tema ZS possui a possibilidade de utilizar mais de uma folha de estilo, que pode ser escolhida na área de configurações do tema.

Folhas de estilo são como skins (peles), com ele o tema ZS pode ter visuais diferentes.

Folha de estilo: Z-Blue

Criado para o site ZackShinra, utiliza como cor predominante o azul e o verde.

Folha de estilo: NDT-Red

Criado para o site Team Anime, utiliza como cor predominante o vermelho e o amarelo. Possui um cabeçalho que muda a cada atualização.

Recursos

O tema ZS, em sua versão 0.1 beta, possui atualmente os seguintes recursos:

• geração automática de thumbnails (miniaturas) para os artigos;
• painel de configuração;
• área para artigos/posts de destaque na página principal;
• suporte a rastreamento pelo Google Analytics;
• suporte ao sistema de feeds FeedBurner;
• suporte à monetização por banners (ex: Google Adsense);
• suporte à monetização da Hot Words;
• suporte à WordPress MU;
• entre outros…

Notas da versão

O tema ZS se encontra na versão 0.1 beta e ainda não está completa. O mesmo não está disponível para Download.

As correções e adições de recursos podem ser acompanhadas na área “Atualizações” deste mesmo artigo.

Agradecimentos

Agradecimento ao pessoal do Fórum do WordPress.Org e ao Claudio Myst, que me ajudou muito via MSN.

Atualizações

Esta área é dinâmica, e será modificada a cada atualização do tema ZS.

Correções

• 05/01/10 -> tamanho da fonte (estava a 18px, sendo o correto 24px) do nome do autor dos comentários que possuiam link.
• 17/02/10 -> incluído a tag

  <?php wp_footer(); ?>

  no footer.php, o que é necessário para o uso de alguns plugins, como o SyntaxHighlighter Evolved;

• 03/03/10 -> modificado o arquivo attachment.php para que mostre as categorias do post a qual veio a imagem;
• 10/03/10 -> modificado a maneira como são carregadas as imagens da header, para assim sanar o problema das mesmas não aparecerem nas páginas de anexo;
• 26/03/10 -> erro ortográfico: nos comentários corrigido “asteristico” para “asterísco”.

Melhorias

• 21/02/10 -> Incluído caixa abaixo do conteúdo do post, com os Posts Relacionados (gerado via plugin) e uma área para publicidade (o local para inclusão do código da publicidade foi adicionado no Painel de Controle do tema);
• 26/02/10 -> Incluído no Painel de configurações a possibilidade de determinar se o menu da Header trará categorias ou páginas. Incluso também local para informar o número da categoria/página que deve ser excluído do menu;
• 26/02/10 -> Modificado a maneira como é carregado o favicon, agora cada estilo pode ter um favicon personalizado;
• 26/02/10 -> Incluído paginação nos posts e criado área para anexos de imagens;
• 10/03/10 -> Incluído no painel de controle local para determinar quantas imagens diferentes serão usadas na header;
• 10/03/10 -> Incluído link para a home no logo do estilo z-blue;
• 17/03/10 -> Incluído sistema que permite a escolha do estilo da home, por enquanto há o estilo “Destaque com posts em resumo” (que é como nas imagens dos exemplos acima) e “Blog” (que traz o estilo normal dos blogs, o post inteiro, somente dividido se o autor usar a tag more);
• 17/03/10 -> já faz mais tempo, mais foram criados mais dois estilo, o JDL (que está sendo usado no Jardim das Letras), e o Canudo-Green (que está sendo usado no Canudo).

Pendências

• dar suporte a caixa de comentários para textos com muitos caracteres;
• remover o post de destaque da lista de “últimos artigos”;
• FEITO: implementar “posts relacionados” entre o post e os comentários;
• implementar sistema que permita ao usuário carregar um logo personalizado para o site;
• implementar sistema que permita ao usuário fazer upload(s) da(s) imagen(s) do cabeçalho;
• RESOLVIDO: corrigir conflito com o javascript que impede o uso do plugin SyntaxHighlighter Evolved;
• dividir em páginas quando passarem de 50 comentários em um post, e criar uma maneira com que os comentários com mais de dois dígitos (100, 101, etc) não saiam da área dos comentários;
• RESOLVIDO: página de anexos de imagens não carrega a categoria da imagem (o que não deve ter), devo alterar aquele local;
• RESOLVIDO: header aleatório não é carregado em alguns locais, como a página de anexos, isso se deve a maneira a qual fiz o random na header. Devo modificar para uma maneira que não tenha esse problema;
• Incluir avatar exclusivo para trackbacks, ou criar um local separado para os mesmos;
• criar um local proximo aos comentários que indique um tutorial (ou explique de forma sucinta) como conseguir um gravatar;
• na página de anexos, incluir abaixo da imagem, setas (em imagem) para a imagem anterior e a seguinte (ainda não sei se é uma boa idéia, pois do lado da imagem já existe isso).

O ThimThumb é uma excelente ferramenta para gerar miniaturas/thumbnails. No artigo ‘Gere thumbnails (miniaturas) automaticamente no WordPress’ mostrei como instalar e usar esta ferramenta, agora mostro como usar custom fields (campos personalizados) ao invés de um link estático.

Como fazer

Para usar um link de imagem vindo de um custom field, basta usar o seguinte código antes do código do timthumb (que deve estar dentro do laço do post):

<?php
$key='post-img'; // substitua o post-img pelo nome do seu custom field
$link-post-img = get_post_meta($post->ID, $key, true);
?>

No código acima estamos considerando que o nome do custom field é post-img. Pode-se alterar este nome se quiser.

No código do timthumb se deve alterar o lugar do link (logo após “src”) para:

<?php echo $link-post-img; ?>

O código do timthumb ficará assim:

<img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $link-post-img; ?>&w=322&h=206&zc=1">

Para usar o código acima, se deve alterar o caminho de instalação do script (se necessário) e as informações das dimensões do thumbnail que será gerado.

Conclusão

A grande vantagem no uso de custom fields em conjunto com o timthumb é que possibilitamos que haja uma miniatura/thumbnails diferente para cada artigo/post (o que convenhamos, é indispensável).

Ainda temos o inconveniente de o usuário poder se esquecer de colocar o link da imagem no custom field, mas este problema será sanado com um futuro artigo, onde mostrarei como colocar o link de uma imagem no custom field de forma automática.

Além de deixar o site com uma estética mais bonita, os thumbnails (miniaturas) aumentam a taxa de cliques, pois uma imagem é mais chamativa ao leitor.

Uma imagem vale mais que mil palavras.

Existem plugins que podem gerar automaticamente miniaturas, mas nenhuma é mais completa que o script ThimThumb.

Ele não depende das configurações de mídia do WordPress, o que é perfeito para ser implementado junto a temas, pois não depende de configurações feitas pelo usuário. O Scarllet é um exemplo de tema que se utiliza deste script.

Esse script redimensiona a imagem sem distorce-la, grava as imagens em uma pasta do próprio tema, e é fácil de instalar e usar.

Como fazer

Instalação

Faça o download do script TimThumb e salve dentro da pasta do seu tema. Para uma maior organização, você pode colocar esse script em uma subpasta chamada “scripts”, ficando assim: \wp-content\themes\meutema\scripts\timthumb.php .

No local onde você salvou o script crie uma nova pasta com o nome de “cache”. Mude o chmod (atributos do arquivo) para 777, garantindo assim que seja possível gravar as imagens nesta pasta.

Com isso o TimThumb já pode ser utilizado.

Utilização

Você pode utilizar em qualquer lugar do seu tema, bastará usar o seguinte código (realizando as devidas modificações):

<img src="/scripts/timthumb.php?src=http://meusite.com/files/2009/12/exemplo.jpg&w=322&h=206&zc=1">

Entendendo o código:

<?php bloginfo(‘template_directory’); ?>/scripts/timthumb.php

Aqui é o caminho onde está instalado o script. Você deve altera-lo se por acaso a instalação tenha sido feito em outro lugar.

http://meusite.com/files/2009/12/exemplo.jpg

Aqui é o link da imagem original que será redimensionada. Ao invés de usar um link estático, você pode usar um custom field (campo personalizado) dentro do laço do post (veja o post: Usando Custom Fields no ThimThumb).

w=322&h=206

Aqui é o tamanho do thumbnail gerado. Ele está em pixels, o “w” representa a largura, e o “h” representa a altura. Modifique para o tamanho do thumbnail desejado.

zc=1

Este é o zoom crop, que indica se a imagem será dado zoom para realizar o corte. Deixando com o valor “1” o zoom crop está ativado e será feito o zoom, deixando a imagem ser distorção. Se deixado o valor em “0” o zoom crop está desativado e não será feito o zoom, o que pode gerar distorção na imagem.

Veja o exemplo para entender melhor.

Conclusão

Os thumbnails estão sendo usados amplamente nos mais variados tipos de sites, a exemplo temos os portais de noticias como R7 e Globo.com.

Mesmo se o seu site seguir a dinâmica de blog (vários artigos completos em uma mesma página), os thumbnails podem ser usados, por exemplo, para ilustrar os arquivo de categorias ou os resultados de pesquisa, como usado no Hongkiat.

As utilizações são inúmeras, sendo o único limitador a criatividade de quem for utilizar este recurso. Então não se limite ao utilizar os thumbnails.