Ivan Bogar | Diretor de Arte | 11 8582.0295 » wordpress

Temas que inspiraram meu novo site

Ivan Bogar — Tue, 15 Dec 2009 12:55:43 +0000

Depois de publicar várias versões do ivanBogar.com durante o ano acho que finalmente cheguei num formato que me agradou bastante. Como muitos já viram, o blog não fica mais na página principal o que tirou de mim a responsabilidade de escrever artigos com mais freqüência.

E é nessa correria de fim de ano e escassez de novos artigos que eu gostaria de expor seleção de temas com funcionalidades muito úteis e que de uma forma ou outra serviram de inspiração para a construção da versão atual do meu site.

Mudanças e Feed

Ivan Bogar — Thu, 05 Nov 2009 18:25:33 +0000

Em busca de um melhor aproveitamento do conteúdo do site e para monitorar melhor a audiência, estou fazendo algumas mudanças que já podem ser vistas na home do site. A principal foi a segmentação do site em blog, portfolio e toypapers.

O que motivou essa mudança foi a responsabilidade de atualização constante do blog. Não sou blogueiro mas gosto de expressar alguns pensamentos e compartilhar qualquer coisa que eu considere interessante na área do Design, Música, Cinema, Publicidade, WordPress e cultura Pop em geral. E como tenho recebido muitos pedidos para a confecção de Toypapers, decidi separar essa categoria do blog para não parecer que o blog é sobre Toypapers. Lembrando que esse “trabalho” faço por puro lazer e sem fins lucrativos, por enquanto… :)

Hoje, a página inicial do site destaca exatamente as últimas atualizações de cada um desses três segmentos (trabalhos, toypapers e o último artigo publicado no blog).

Hoje, na página inicial do site, você vê em destaque meus últimos trabalhos, meu último Toypaper e meu último post no Blog. Assim, se não houver atualização no Blog, provavelmente terá alguma nos Toypapers ou no meu Portfolio.

Outra importante mudança está no Feed. Quem já assina o RSS Feed no seu reader preferido, fique atento pois estou migrando para o FeedBurner. Será uma mudança gradativa e por enquanto o serviço atual (padrão do wordpress) vai continuar funcionando normalmente, pelo menos até o final do ano.

WordPress para BlackBerry

Ivan Bogar — Tue, 07 Jul 2009 15:09:20 +0000

Como foi comentado pelo seu criador, Matt Mullenweg, na WordCamp San Francisco 2009, foi finalmente lançada a versão Beta do wordPress para BlackBerry.

Para tirar esse projeto do papel, foi preciso a ajuda do pessoal da Danais, que é responsável pelo MoPress Open Source Project.

Ainda existem questões a serem resolvidas e UI tweaks para serem implementadas, mas como os testes iniciais não apresentaram problemas, já está sendo disponibilizada essa versão Beta antecipadamente.

Segue o vídeo de apresentação:

Segue algumas observações para que deseja testar esse aplicativo:

O aplicativo roda para sites hospedados no WordPress.com ou para domínios próprios rodando a plataforma wordpress;
Esse aplicativo roda nos modelos BlackBerry 8700, Pearl, Curve, Bold e Storm;
O SO necessário a partir do 4.2.1.

Alguns cuidados antes de testar a aplicação: Como existem varias combinações de hardware e SOs por ai, e por mais que seja repetitivo essa recomendação, sempre faça um backup de seus arquivos, pois essa é uma versão BETA, portanto não é recomendado para ser implementado antes da versão 1.0 em sites com muito tráfego.

Instalação do aplicativo: digite http://blackberry.wordpress.org/install e siga as instruções. Como é padrão na maioria dos BlackBerrys, o aplicativo será instalado no diretório de Downloads.
To install the beta application: Point your BlackBerry browser to http://blackberry.wordpress.org/install and follow the instructions. Most BlackBerrys will install apps, including this one, in the “Downloads” folder.

Frequentemente surgirão atualizações e quando isso ocorrer será perguntado se você deseja substituir a versão atual. Confirme sem medo pois as configurações locais serão sempre preservadas.

Para relatar um bug encontrado basta ir em blackberry.trac.wordpress.org e enviar um novo ticket.
Para os desenvolvedores que quiserem participar, o código fonte está disponível via SVN em: http://blackberry.svn.wordpress.org/.

Via: WordPress for BlackBerry

Tema: IsoTherm

Ivan Bogar — Mon, 04 May 2009 12:17:08 +0000

IsoTherm é um template profissional e ponto. Pra quem deseja montar uma revista online, com notícias vídeos e tudo pronto pra receber publicidade esse é o tema ideal para seu wordPress. A parte principal, com os destaques para as últimas novidades é o que dá a cara de revista. Quero em breve montar um tema com nesse estilo.

Features:

Boxes com posts de destaque;
Video Widget;
Popular Posts Widget;
Footer Widget Spot;
RSS feeds para todas as áreas do blog;
Popular posts por categorias;
Veja a lista completa de features.

Licença: Free
Requisitos mínimos: …
Source: Bizzartic
Demo: Live Demo

Tema: BlogTheme

Ivan Bogar — Mon, 27 Apr 2009 11:28:08 +0000

Grande espaço para os posts, estilo elegante, jQuery para efeitos no sidebar, enfim, um tema simples mas muito funcional.

Features:

Construído no beckend da Woo Themes;
Mostra suas ultimas “twitadas” no header;
Esquema “sanfona” para mostra o conteúdo que você definir no sidebar através do jQuery;
Sidebar “widgetized” (desculpe, mas não encontrei uma tradução aceitável) que permite o controle total do que acontece no sidebar;
5 esquemas de cores.

Licença: Free
Requisitos mínimos: WordPress 2.7+
Source: WooThemes
Demo: Live Demo

Plugin: Twitter Connect

Ivan Bogar — Thu, 23 Apr 2009 12:37:27 +0000

Pra quem usa o wordPress e o Twitter, esse plugin é muito interessante para criar mais interação entre os dois.

Mas o que ele tem de diferente da maioria dos plugins relacionados ao Twitter? Bom, não é nada demais (pra quem é desenvolvedor), pois ele usa uma API chamada Twitter OAuth que permite a identificação da conta do Twitter nos comentários do blog.

Ele é rápido, simples de usar e possibilita um maior número de informações sobre quem comenta em seu blog.

Link para o plugin: Twitter Connect

Via: Planet Ozh

Tema: Snapshot

Ivan Bogar — Mon, 20 Apr 2009 13:51:29 +0000

Apesar de ser um tema bem simples de galeria de fotos, achei bem funcional, inclusive com um sistema de votação. Uma boa customização deixaria esse tema bem interessante.

Licença: Free
Requisitos mínimos: WordPress 2.7+
Source: WooThemes
Demo: Live Demo

Plugins: ivanBogar.com

Ivan Bogar — Thu, 16 Apr 2009 12:45:20 +0000

Desde que resolvi investir meu tempo no blog, passei a esturar mais a fundo as funcionalidades de alguns plugins que atendiam as necessidades que considero ser mais importantes. Admito que o site ainda não está num nível profissional, mas espero que em breve chegue lá.

As principais características que me levaram a usar esse plugins foram a fácil instalação e implementação.

Google Syntax Highlighter for WordPress

Esse plugin é importante na hora de publicar códigos em algum post onde explico alguma funcionalidade do wordPress. Por exemplo, quando quero mostrar alguma linha de código, seja ele em php, css, xhtml, js, etc.

Para usar esse plugin, basta instala-lo na pasta de plugins do seu wordPress (wp-content/plugins) e ativa-lo. Depois, basta colocar o código que deseja publicar entre as tags:

< pre name=”code” class”css” >
…código…
< /pre >

Onde o name é sempre “code” e a classe especifica que linguagem você deseja publicar.

All in One SEO Pack

Para aumentar a audiencia do site e melhorar o rankeamento no google, usei esse plugin para otimizar títulos e metatags do site. Ainda não explorei todo seu potencial, pois ainda estou começando a estudar um pouco mais sobre a área de Search Engine Optimization, mas já deu pra perceber uma melhora nos cliques.

A instalação é simples, basta instalar no diretorio de plugins e ativa-lo. Após a instalação você pode configurar seu site pelo painel de controle, escolhendo o titulo, metatags e várias outras opções.

Lightbox2

Esse plugin é mais usado no meu portfolio, para exibir as imagens dos trabalhos. Sua característica mais interessante é que ele apresenta as imagens numa “janela” simples, escurecendo toda a tela do site, mas sem abrir aqueles indesejáveis pop ups. É um plugin muito utilizado, você já deve ter visto em diversos sites.

Para instalar é o mesmo esquema da maioria dos plugins, copie os arquivos no diretório de plugins e ative-o no painel de controle. Você pode escolher a cor do fundo (Preto, Cinza Escuro, Cinza ou Branco), mas nada o impede de fazer as mudanças que você achar necessário, basta entender um pouco de javascript e css.

Secure and Accessible PHP Contact Form

Formulários de e-mail confiáveis sempre foi uma dificuldade pra mim, mas esse plugin foi um dos melhores que encontrei. É muito fácil de ser implementado, estilizado e é bem completo.

Sociable

O legal desse plugin é que ele adiciona automaticamente os links dos principais social bookmarking da web, como o Del.icio.us, Netvibes, Technorati. Ele te dá a opção de publicar um novo post com os links de bookmarking ou não.

A instalação também não tem segredo, arquivos no diretório de plugins e ativação no painel de controle. Na configuração através do painel de controle, você escolhe quais social bookmarking utilizar nos seus posts.

WP-PageNavi

Em minha opinião, o melhor plugin para paginação de blogs. Como a maioria dos plugins que utilizo no site, sua instalação é a mesma de todos citados acima e sua configuração através do painel de controle permite que você escolha a quantidade de páginas que deseja mostrar e se você entende de css, também pode estilizá-lo da maneira que desejar.

Tema: Red Carpet Magazine

Ivan Bogar — Tue, 14 Apr 2009 10:51:46 +0000

O tema desta semana é inspirado nas revistas de celebridades, como a estadunidense People. É um tema bem completo onde você pode postar notícias, fotos, vídeos e com quatro sidebars prontos para receber seus widgets preferidos. Além disso, já vem com espaço preparado para publicidade.

Licença: Free
Requisitos mínimos: WordPress 2.7+
Source: Deluxe Themes
Demo: Live Demo

Tema: Crafty Cart

Ivan Bogar — Mon, 06 Apr 2009 12:06:36 +0000

Este tema foi criado pelo Billion Studio para o site King Cart. É um tema voltado para o e-commerce e requer um plugin especial para o seu completo funcionamento.

Configuração

A configuração é simples, porém requer atenção. Basta seguir os passos a seguir:

Faça o download gratuito do e-Commerce plugin for WordPress;
Instale e ative o plugin em seu painel de controle. Não se esqueça de configurar sua conta no PayPal ou no Google Checkout para o processamento dos pagamentos;
Faça o download do Crafty Cart e ative o tema no painel de controle.

Novo Template Tag: the_modified_author ()

Mudança bastante aguardada para o uso de autores diferentes.

Widget API

Como disse no post sobre widgets, esse recurso que é adorado pela maioria dos desenvolvedores, ganha uma nova API mais simples. As mudanças incluem um acesso mais rápido as classes e a criação de múltiplas instâncias.

Otimizando o carregamento de JavaScript

Desde a versão anterior, isso já vem sendo mais bem trabalhado. Agora, algumas funções adicionais permitirão um controle de nos processos de carregamento e dependência. Os scripts serão sumarizados e retornarão numa única chamada.
Além disso, você poderá incluir scripts diretamente no rodapé através de funções.

Novo Template Tag: body_class ()

Esta função insere diferentes classes ao elemento body, permitindo um uso mais eficaz com o CSS.

SimplePie in Core

O uso dos feeds terá uma mudança significativa. O projeto SimplePie fará parte do código do wordPress, tornando o uso dos feeds mais agradáveis.

Via: WP Engineer

Como usar Widgets em seu tema de wordPress

Ivan Bogar — Mon, 23 Mar 2009 13:06:19 +0000

Usar widgets em um tema é um recurso que sempre causa dúvidas em qualquer um que começa a desenvolver para wordPress. Eu, particularmente não uso os widgets padrão do wordPress. Sempre procuro desenvolver algum bem personalizado, mas isso questão de gosto.

Bem, o que são Widgets?

Num modo geral, widgets são features que ajudam a personalizar e melhorar a funcionalidade de seu site. Em qualquer site você pode encontrar e baixar temas para wordPress com algum widget já implementado.

Como implementar um Widget em seu tema?

O primeiro passo é abrir o arquivo functions.php e insirir o código abaixo nele.


if (function_exists('register_sidebar')) register_sidebar(array( 'name'=>'sidebar', 'before_widget'=>'
', 'after_widget'=>'

', 'before_title'=>'
', 'after_title'=>'

', ));

O que esse comando faz é denominar algumas características e o posicionamento widget no sidebar. Esse widget irá produzir um código-fonte semelhante ao que vemos abaixo:


Title Here ("Recent Posts", for example)

Widget content is here, like a list of recent posts
 for example.

Depois de definir as características de seu widget é só usar o CSS para estilizá-lo.

O segundo passo é abrir o arquivo sidebar.php e inserir o código responsável por mostrar seu widget no local definido por você mesmo.


< ?php if ( !function_exists('dynamic_sidebar') ||
 !dynamic_sidebar("sidebar") ) : ?>

Note que apareceu um “dynamic_sidebar()”. Nesse momento você precisa ficar atendo para que o nome dado ao widget seja o mesmo definido no function.php.

Pela facilidade de nomear seus widgets, você pode criar múltiplas widgetized areas. Além do sidebar você pode criara widgets em cabeçalho, no rodapé, enfim, no lugar que você bem entender e achar melhor para seu site.

Só lembrando que eu ainda sou iniciante, porém bastante curioso. Então se você tiver alguma dúvida ou sugestão use os comentários para trocarmos experiências! Referência: For The Loose

Plugin wordPress: MobilePress

Ivan Bogar — Thu, 19 Mar 2009 09:00:41 +0000

O MobilePress é um plugin do wordPress que renderiza seu tema para navegadores de smarphones como o iPhone e o BlackBerry. Quem desenvolve para esses tipos de aparelhos sabe quantas limitações existem para criar um visual atraente. Com esse plugin essa tarefa fica bem mais fácil, pois ele permite a criação de temas específicos para cada navegador como o Opera Mini, Windows CE Mobile e outros browsers genéricos.

Outra característica importante que esse plugin possui é o Mobile SEO que permite uma melhor indexação da versão móvel de seu blog no Google e no Yahoo.

Dica: Blog Perfume

P2 , o novo Prologue

Ivan Bogar — Tue, 17 Mar 2009 11:06:46 +0000

Foi apresentado na última semana o P2, a nova versão do tema Prologue, onde o microbloging ao estilo Twitter é integrado ao wordPress.

Ele possui várias características muito interessantes como a criação de posts a partir da home do blog, atalhos no teclado para agilizar a edição, entre outras. É ideal para blogs com vários autores.

Veja essa pequena demostração e confira como é rápido e simples:

É maneira rápida e direta de se comunicar com outros usuários e leitores diretamente pelo seu blog. E está tudo ali, na sua página inicial. Como a própria equipe do wordPress definiu, esse tema é uma versão muito legal para grupos de twitters.

Confira a demo online.

Temas para WordPress by Smashing Magazine

Ivan Bogar — Thu, 12 Mar 2009 09:00:29 +0000

O Smashing Magazine publicou nessa semana mais um tema para wordPress muito bom. Para quem não tem paciência ou conhecimento suficiente para desenvolver um tema completo e desde o início, esses temas são uma boa pedida.
É só saber um pouco de CSS, modificar uma imagem aqui e outra ali que você tem seu site personalizado. Segue alguns dos temas já publicados e em breve vou disponibilizar os temas por mim desenvolvidos.

Imperezz

Magazeen

Compositio

Blakmagik

Color Paper

Simply Ornate

Agregado

Notepad Chaos

Infinity

Fervens

WordPress.Fun

Dilectio

Smashing Theme

The Best WordPress Design Awards

Ivan Bogar — Mon, 09 Mar 2009 11:35:14 +0000

Depois de algum tempo estudando e testando WordPress ainda tenho muito o que aprender, tanto que uso meu blog para fazer os testes tanto nas funcionalidades quanto no design. Procuro usar o maior número de referencias possível e não escondo que uma das primeiras, foi o blog do Mikel Neris, o “guru” do wordPress. Descobri seu site através do Smashing Magazine e de vez em quando troco umas idéias com ele pelo twitter. Certa vez, perguntei qual serviço de hospedagem ele utilizava e ele me indicou o WPWebHost, que é especializado nos serviços WordPress. Achei o serviço interessante e o valor razoável. Em breve migrarei meu site pra lá também.

Bom, mas o que eu gostaria de divulgar é um concurso que o WPWebHost está organizando e que premia os melhores designs desenvolvidos para WordPress, o The Best WordPress Design Awards.
Pelo regulamento, o site participante deve ter um design original, uma modificação de um tema livre ou Premium. Um júri irá escolher os 10 melhores em cada categoria e o público fica responsável por escolher o vencedor.
Fiquei na dúvida de qual categoria escolher, mas acabei optando pela Best Modern & Elegant, pois não achei que o design ficou minimalista como originalmente desenhei nem Grunge pois só usei o background no estilo.
As categorias são: Clean/Minimalista, Retrô/Vintage, Grunge, estilo Desenho a mão e Moderno/Elegante.

Acho que estou preparado, e você? Ficar entre os 10 melhores já seria um grande prêmio e para isso conto com a ajuda de todos.

WordPress.TV

Ivan Bogar — Mon, 19 Jan 2009 16:37:30 +0000

Semana passada foi lançado o WordPress.tv. Publicado pela equipe do WordPress onde é possivel encontrar tutoriais em video dos mais diversos, entre eles a instalação em servidores proprios e nos servidores gratuitos do wordpress.com.

Alem dos videos/tutoriais, o site contém um vasto conteúdo multimidia relacionado ao wordpress, como fotos de eventos e apresentações do WordpCamp e materiais diversos da equipe da Automattic e de blogueiros de todo o mundo.

Fluency2 para WordPress

Ivan Bogar — Mon, 22 Dec 2008 11:38:18 +0000

Muita gente deve estar se deliciando com a nova interface do WordPress 2.7. Mas nem todos sabem que é possivel modificar o skin do dashboard. Na verdade essa alteração já era possível nas versões anteriores do WP, e eu mesmo não conhecia essa ferramenta.

Através do Fluency 2 descobri que existe essa possibilidade. A interface é tão boa quanto e da nova versão 2.7 do WordPress e é recomendado pra quem nunca está satisfeito com o “padrão”. Funcionalmente, achei que não existe diferenças, mas é questão de gosto. Eu ainda prefiro da interface nova.

Dica: muiomuio.net

WordPress de 0.7 a 2.7

Ivan Bogar — Tue, 16 Dec 2008 17:24:10 +0000

O Blog PlanetOzh elaborou um post mostrando a evolução da interface do WordPress desde a versão 0.7.1 de maio de 2003 até o WordPress 2.7.

Antes de migrar definitivamente para o WordPress, a pouco mais de um ano, usei muito o b2Evolution, mas só por diversão e curiosidade. Quando resolvi gerenciar meu portfolio através de um CMS e finalmente seguir firme com meu blog migrei para o WordPress por ter uma interface muito simples e prática.

Veja como evoluiu o WordPress:

Via: blogherald.com

Ivan Bogar | Diretor de Arte | 11 8582.0295 » wordpress

Temas que inspiraram meu novo site

Mudanças e Feed

WordPress para BlackBerry

Tema: IsoTherm

Features:

Tema: BlogTheme

Features:

Plugin: Twitter Connect

Tema: Snapshot

Plugins: ivanBogar.com

Google Syntax Highlighter for WordPress

All in One SEO Pack

Lightbox2

Secure and Accessible PHP Contact Form

Sociable

WP-PageNavi

Tema: Red Carpet Magazine

Most Commented Posts

Tema: Crafty Cart

Configuração

Lightbox para wordPress

Lightbox 2

jQuery Lightbox Plugin

Picasa LightBox

Lightbox Gallery

jQuery Lightbox For Native Galleries

Flexible Lightbox

Add LightBox & Title

Slimbox

Shadowbox JS

Add Lightbox

Preview do WordPress 2 .8

Most Commented Posts

Como usar Widgets em seu tema de wordPress

Bem, o que são Widgets?

Como implementar um Widget em seu tema?

', 'after_title'=>'

Title Here ("Recent Posts", for example)

Plugin wordPress: MobilePress

P2 , o novo Prologue

Temas para WordPress by Smashing Magazine

The Best WordPress Design Awards

WordPress.TV

Fluency2 para WordPress

WordPress de 0.7 a 2.7