rss
twitter
  •  

Mas um projeto finalizado – www.zedamala.com.br

| Posted in Arte, Vida Freela, portfolio, wordpress |

0

Ótima oportunidade desenvolver o website do artista Zé da Mala. Pude “viajar” mais no layout, sendo um site artístico. O site foi todo feito para o wordpress, usando o fireworks para criação do layout e Dreamweaver para o xhtml, css, javascript e PHP. O cliente ficou muito satisfeito, e tivemos ótimos elogios dos usuários.

O Personagem criado por Gabriel Bandarra em meados de 2006 traz em sua bagagem muita ludicidade e alegria, convidando públicos de todas as idades a se deliciarem com contos, crônicas, poesias e histórias de grandes autores da nossa literatura além de textos criados por ele próprio. Poeta, Palhaço, Contador de Histórias, Cantador, Zé da Mala nos convida a entrar em um mundo de magia e reflexão.

Zé se apresenta em eventos, feiras, faculdades, escolas ,centros de cultura e onde mais for chamado. Percorre o ambiente com desenvoltura, seguido pelos olhares atentos e curiosos do público. O ator por tras de Zé da Mala, Gabriel Bandarra é membro da Academia de Cultura da Bahia e já se apresentou com seu personagem em diversas situações, aberturas de shows com os de, Margareth Menezes, Chico César, A Cor do Som, Teatro Mágico entre outros, homenagens a alguns artistas, com Zezé Motta e Jorge Ben Jor, alem de ter participados de Eventos de grandes empresas como a Gerdau, Claro, Petrobras e Bahia Gás.

www.zedamala.com.br

WordPress para o site Gibão de Couro

| Posted in Vida Freela, plugins wordpress, temas para wordpress, wordpress |

0

Trabalhei há alguns dias na implementação do WordPress para o site do restaurante Gibão de Couro. Dá uma navegada pelo site e veja do que o wordpress é capaz.

Usando taxonomia e posts personalizados no WordPress 3.0

| Posted in Vida Freela, dicas, wordpress |

0

Usando taxonomia e posts personalizados no WordPress 3.0

Olá pessoal, faz tempo que não posto nada aqui no blog, porém venho com uma dica que provavelmente vai ajudar muita gente. Há muitos tutoriais sobre como registrar posts e taxonomia personalizada, porém não achei nenhum que mostre (de uma forma clara e objetiva)como usá-los no desenvolvimento de um tema, o que vamos ver neste tutorial é o seguinte:

Vamos fazer uma simulação para uma area especifica de um site que terá artigos sobre Séries de TV(então o novo tipo de post será séries) e serão classificados por genêros(então nossa nova taxonomia será genêro), por exemplo, ficção cientifica, terror, comedia(esses são os termos)…

Registrando um post e uma taxonomia personalizada

Para registrar um post personalizado faça o seguinte:

Abra o arquivo functions.php do seu tema e digite o seguinte:

add_action('init', 'series_register');

function series_register() {

	$labels = array(
		'name' => __('Séries'),
		'singular_name' => __('Séries'),
		'add_new' => __('Nova Série'),
		'add_new_item' => __('Adicionar nova serie'),
		'edit_item' => __('Editar Série'),
		'new_item' => __('Nova Série'),
		'view_item' => __('Ver Série'),
		'search_items' => __('Buscar Série'),
		'not_found' =>  __('Nenhuma série encontrada'),
		'not_found_in_trash' => __('Nada encontrado na Lixeira'),
		'parent_item_colon' => ''
	);

	$args = array(
		'labels' => $labels,
		'public' => true,
		'publicly_queryable' => true,
		'show_ui' => true,
		'query_var' => true,
		'rewrite' => true,
		'capability_type' => 'post',
		'hierarchical' => false,
		'menu_position' => null,
		'supports' => array('title','editor')
	  ); 

	register_post_type( 'series' , $args );
}

Já registramos nosso novo post series (register_post_type( ‘series’ , $args );,  para saber mais sobre cada parâmetro da função clique no link – http://codex.wordpress.org/Function_Reference/register_post_type.

Agora vamos registrar nossa nova taxonomia genêro, no mesmo arquivo functions.php digite:

$labels = array(
    'name' => __( 'Gêneros'),
    'singular_name' => __( 'Gênero'),
    'search_items' =>  __( 'Buscar' ),
    'popular_items' => __( 'Mais usados' ),
    'all_items' => __( 'Todos os Gêneros' ),
    'parent_item' => null,
    'parent_item_colon' => null,
    'edit_item' => __( 'Add novo' ),
    'update_item' => __( 'Atualizar' ),
    'add_new_item' => __( 'Adicionar novo Gênero' ),
    'new_item_name' => __( 'Novo' )
  ); 

register_taxonomy('genero', array('series'),
	array(
	'hierarchical' => true,
	'labels' => $labels,
	'singular_label' => 'Gênero',
	'all_items' => 'Todos os Gêneros',
	'query_var' => true,
	'rewrite' => array( 'slug' => 'genero' ))
	);

E importante observar a linha -  ‘rewrite’ => array( ‘slug’ => ‘genero’ )) – onde é reescrito a slug da taxonomia, se você quizer pode deixar ‘rewrite’ => array( ‘slug’ => ‘series/genero’ )) , assim a url fica mais organizada, por exemplo, http://www.dominio.com/series/genero/drama/ e não http://www.dominio.com/genero/drama/ o que ficaria estranha, porém caso você precise usar essa taxonomia em mais de um post personalizado, irá dar problema.

para saber mais sobre cada parâmetro clique no link – http://codex.wordpress.org/Function_Reference/register_taxonomy

Na barra lateral da sua area administrativa  deverá aparecer a seguinte estrutura:



Como exibir a página do post(como o single.php) do post pernalizado criado

Para exibir o post de um tipo de post personalizado basta ter o single.php no seu tema, porém caso você precise exibir este posts de uma forma diferente terá que criar um arquivo single-custom-post.php, então nosso arquivo se chamará single-series.php e será usada sempre que surgir uma url – http://www.dominio.com/series/slug-do-post

Como listar os termos de uma taxonomia customizada

Para listar os termos da taxonomia(genero) criada, basta as seguintes linhas:

<ul>
<?php wp_list_categories('taxonomy=genero'); ?>
</ul>

Você pode consultar mais parâmetros da função wp_list_category() no link – http://codex.wordpress.org/Template_Tags/wp_list_categories

Como exibir todos os posts de um termo da nova taxonomia criada

A exibição dos posts dos termos é semelhante aos dos posts simples, você só precisará criar um arquivo com o nome taxonomy-taxonomy.php, então nosso arquivo irá se chamar taxonomy-genero.php, assim quando for solicitado, por exemplo a url – http://www.dominio.com/genero/drama, o arquivo taxonomy-genero.php entrará em ação e listará todos os posts assim como o arquivo category.php faz.

Como exibir todos os posts do tipo de post pernalizado criado

Para exibir todos os posts do tipo de post series faremos o seguinte:

Crie um arquivo chamado series.php, abra ele e no topo do documento digite:

<?php
/*
Template Name: Séries
*/
?>

Assim criaremos uma pagina personalizada, então crie uma nova pagina chamada Séries e em Atributos de página escolha o modelo Séries, veja a imagem a baixo.

Agora antes do loop, digite o seguinte:

<?php query_posts( array( 'post_type' => 'series' ) );?>

onde post_type => series, indica o post que será chamado, que no nosso caso é series, para consulta outros parâmetros da função query_posts() acesse – http://codex.wordpress.org/Function_Reference/query_posts.

Nota:

Caso apareça erro 404 ao tentar carregar a alguma pagina, reescreva seu arquivo .htaccess indo em configurações > link permanentes .

É isso pessoal, há muita coisa para ser explicado ainda, mas ficará para outro post, essas novas funções não são um assunto muito complexo e sim muito amplo, dando a possibilidade de fazer muitas coisas, quem tiver algo a perguntar e/ou a acrecentar não hesite em colocar nos comentários.

fonte: http://www.marcelotorresweb.com/blog/

Meu painel personalizado do WordPress

| Posted in Vida Freela, dicas, wordpress |

0

Como vocês podem ver na imagem acima, o painel administrativo do WordPress que uso para gerenciar o site dos clientes tem a minha logomarca no topo, facilitando o acesso a meu portfolio, curriculo e contatos. Como fiz isso? simples, editei o arquivo admin-header.php, que fica dentro da pasta admin do  wordpress. Coloquei o seguinte código em html onde queria que aparecesse a logo e a div:

<div style=”padding:2px 0px;text-align:center;background-color:#242714;width:100%;height:36px;”>

<a href=”http://www.danielbarbosa.com.br/webdesign”  target=”_blank”><img src=”http://danielbarbosa.com.br/wpdanielbarbosa2/wp-content/uploads/2010/10/db.png” /></a>

</div>

Simples não?

E para ter esse visual bacanudo com menu dropdown usei o plugin Fluency admin.

Mãos a obra, seja criativo e personalize seu wordpress também, mas nunca esquecendo de citar os verdadeiros desenvolvedores do wp e dos temas.

Dica de livro – How To Be a Rockstar WordPress Designer

| Posted in Vida Freela, dicas, wordpress |

0

Ótimo livro sobre desenvolvimento com wordpress, no livro você aprenderá a criar 3 temas e terá muitas dicas bacanas, Vale a pena o investimento. Saiba mais sobre ele no site Rockable

Como implementar widgets no seu template WordPress?

| Posted in Vida Freela, dicas, wordpress |

0

O processo de integração de widgets no seu template WordPress é na verdade um processo extremamente simples. Seja na sidebar, no header ou no footer do seu template, os widgets são uma forma extremamente simples de adicionar competências ao seu template, tornando-o ainda mais único e profissional. Por este processo ser tão simples é que provavelmente os widgets são tão populares no WordPress!

PASSO 1

Comece por abrir o seu ficheiro functions.php, se não tiver um no seu template, crie-o. Coloque este código no ficheiro (tenha a certeza que o coloca entre tags):

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'sidebar',
	'before_widget' => '<div>',
	'after_widget' => '</div>',
	'before_title' => '<h2>',
	'after_title' => '</h2>',
));

O que este código cria é uma barra lateral widget-ready com o nome sidebar. Ele define uma série de aspectos técnicos dos widgets, nomeadamente o que aparece antes e depois dos widgets, e o que aparece antes e depois do título do widget. Isto é o que código em cima irá representar no código fonte do site quando um widget for activado:

<div class=”sidebar_box”>
<h2>Título aqui (”Recent Posts”, por exemplo)</h2>
Conteúdo do widget aqui, como uma lista de posts recentes por exemplo.
</div>

Como você tem a abilidade de definir o que aparece em torno do widget e do título do widget, agora poderá customizar o aspecto através do CSS. Cool, hein?

PASSO 2

Agora que terminou, poderá fechar o ficheiro functions.php e abrir o ficheiro sidebar.php. Coloque este código onde deseja que o widget apareça:

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

Denote o código que se encontra dentro do dynamic_sidebar(). Tenha em conta que o título “sidebar” foi aquele que definimos no ficheiro functions.php. Se por ventura escolher outro nome, deverá substitui-lo no código em cima.

Graças à capacidade de atribuir nomes às áreas de widgets, você poderá criar múltiplas áreas para widgets. Você poderá por exemplo colocar uma área no cabeçalho a rodar anúncios ou colocar uma no rodapé a mostrar os últimos artigos, por exemplo. Não se limite a colocar widgets apenas na barra lateral só porque toda a gente utiliza assim. Seja criativo! Os widgets podem ser colocados em qualquer parte do seu template!

Bons truques!

Fonte: Paulo Faustino

Busque códigos diretamente do seu browser com iMasters Code

| Posted in Vida Freela, dicas |

0

No início de outubro o iMasters lançou mais uma novidade para a comunidade: iMasters Code. Um repositório de códigos gratuitos, feitos pelos usuários e para os usuários.

Em poucos dias o repositório já conta com quase 300 códigos, abrangendo diversas linguagens, frameworks, CMSs e também desenvolvimento para aplicativos móveis. Nos primeiros dias se destacam os códigos para PHP, ASP, Javascript e WordPress.

A participação é livre e gratuita. Basta acessar code.imasters.com.br e começar a disponibilizar os códigos. Aproveite e siga no Twitter @imasterscode para saber das atualizações do site.

O iMasters Code também disponibiliza uma ferramenta para ser agregada à barra de buscas dos navegadores, para facilitar a busca por códigos dentro do repositório. A ferramenta funciona no Firefox, no Internet Explorer (7 ou superior) e no Chrome. A seguir, veja como instalar a ferramenta de buscas no seu navegador.

Instale no Firefox ou no Internet Explorer

Próximo à barra de endereços, localize a barra específica para buscas (onde provavelmente você já tem vários mecanismos instalados, como Google, BuscaPé e Wikipedia). Estando dentro do repositório, clique na seta para exibir os mecanismos de busca. Você verá que agora existe um novo item pronto para ser adicionado:

Basta clicar em Adicionar “Repositórios iMasters Code” e o mecanismo de buscas do repositório será agregado à sua barra de buscas. Ela ficará assim:

Instale no Google Chrome

  • Entre na index do repositório
  • Clique com o botão direito na barra de endereço
  • Edite os mecanismos de pesquisa
  • O repositório iMasters Code vai aparecer como uma das opções
  • Selecione o repositório (não o portal, olhe bem o endereço) e clique em editar
  • O campo palavra-chave é o campo que levará para a busca, quando você digitar o termo na barra e apertar a tecla tab. Por exemplo, se você colocar como palavra-chave “code”, ao digitar na barra de endereços code e apertar tab, o que for digitado à frente será buscado no iMasters Code.

fonte: http://imasters.com.br/

Primeiro plugin de WordPress para usar Google Fonts

| Posted in Vida Freela, plugins wordpress, wordpress |

0

Os que trabalhamos criando e publicando na Internet temos ouvido muitas notícias relacionadas com Google Fonts, um projeto que nos perite usar tipografia não tradicional nas nossas webs.

A ideia é usar um API do Google para permitir que qualquer navegador reconheça o tipo de letra usado, o que antes apenas podia ser feito usando Cufon, Typekit ou TypeFront as opções que já tinha comentado no seu momento.

Agora conheço o primeiro plugin para WordPress que permite usar esta tipografia sem necessidade de ter muitos conhecimentos técnicos.

Ainda que a versão está muito no início, tem um futuro que promete bastante.

Link: Google Web fonts Plugin

Fonte: http://br.wwwhatsnew.com/

NOVO SITE DESENVOLVIDO – PÁGINA DO SILVIO SANTOS

| Posted in Arte, Vida Freela, design, portfolio, wordpress |

0

paginadosilvio4Foi com muito prazer que produzi o site da Página do Silvio Santos. Enquanto fazia o layout e desenvolvia o código para WordPress, sempre me lembrava dos momentos agradáveis em frente a telinha vendo os programas do Silvio.  O site é todo montado em xhml e css, otimizado para SEO e tem como plataforma o WordPress. Os arquivos de audio tem um dos últimos trabalhos feito pelo saudoso Lombardi.

Veja o site e divirtam-se, os arquivos de audio são muito legais.

http://paginadosilviosantos.com/

SKOOB – REDE SOCIAL PARA LEITORES

| Posted in Diversão, Vida Freela, dicas |

0

skkob

Prá quem trabalha como freelance e passa muitas horas em frente ao pc fritando as pestanas, recomendo algumas pausas durante o dia, para mudar o foco e “fazer os olhos piscarem”. Algo legal para se fazer nessas pausas é descansar as vistas nas páginas de um livro. Na comunidade skoob você poderá se relacionar com outros leitores, ver qualificações de livros, achar livros com ótimos preços e interagir a vontade. A rede social é muito simples de usar e totalmente brazuca. Prestigiem e Leiam.

Para me adicionar lá e ver o que ando lendo é só clicar aqui

Palavras da própria página:
O skoob foi construído ao som de “Good People”, Jack Johnson, e pretende ser a resposta à pergunta feita na música: “Where’d all the good people go?”, “Para onde todas as pessoas boas foram?”. Aqui é o lugar para onde as pessoas boas foram e onde elas se encontram.

o skoob é o local onde você diz o que está lendo, o que já leu e o que ainda vai ler, seus amigos fazem o mesmo e assim, todos compartilham suas opiniões e críticas.
É também um lugar para fazer novos amigos, tem muita gente que gosta dos mesmos livros que você, nosso papel é ajudá-lo a encontrar essas pessoas e saber quais são suas dicas para a sua próxima leitura.

Como usar:

O primeiro passo é se cadastrar no skoob, tornando-se um “skoober”, depois adicione seus livros à sua estante. A partir daí as coisas começam a ficar mais divertidas, existem várias ferramentas no site para você interagir com outros skoobers.