Categorias
Web WordPress

Tutorial Post Thumbnail (imagem destacada)

A algum tempo pensava em fazer alguns posts sobre WordPress, pegando o embalo do curso de WordPress na DRC, treinamentos aqui em São Paulo. Um dos recursos do WordPress que todo mundo fica ansioso em aprender é Post Thumbnail ou na tradução Imagem Destacada, este recurso permite adicionar uma imagem vinculada ao post.

Para habilitar o recurso que apareceu desde as versões 2.9 do WordPress temos que adicionar no nosso arquivo functions.php o seguinte código:

 

Agora vamos acessar o painel do WordPress, crie um novo post e adicionar uma imagem destacada. O painel de imagem destacada na versão 3.0 e 3.1 do WordPress, fica no canto inferior direito.

Faça o upload de uma imagem e selecione a opção usar como imagem destacada.

Lembre-se caso o post já estiver publicado não esqueça de atualiza-lo. Adicionando a imagem destacada não significa, que a imagem já irá aparecer em seu post. Para a imagem aparecer em seu post é preciso chamar a a template tag the_post_thumbnail() em algum lugar do seu loop, no arquivo da página que vc quer que apareça: index.php, single.php, category.php, search.php… O importante é estar dentro do loop.

Agora vamos aplicar um thumbnail ao nosso tema. no arquivo index.php adicionamos o sequinte código :




		
>

No código acima chamamos um thumbnail ou com tamanho original ou com o tamanho padrão caso tenha sido definido no admin. É um loop simple que puxa o título e o thumbnail, existe a possibilidade de definir o tamanho do thumbnail quando carregado passando os seguintes parâmetros:

the_post_thumbnail(‘thumbnail’); – resolução thumbnail (default 150px x 150px )
the_post_thumbnail(‘medium’); – resolução média (default 300px x 300px max)
the_post_thumbnail(‘large’); – resolução alta (default 640px x 640px max)

the_post_thumbnail( array(100,100) ); – tamanhos personalizados onde passamos um array com os valores de altura e largura.

Como no exemplo abaixo, nesse caso irei utilizar o mesmo código apenas modificando o esquem dentro do loop :

 
					
>

Nesse exemplo chamamos “” carregamos um thumbnail com 350px de largura e 180px de altura.

Além dessas opções de tamanho podemos registrar tamanhos personalizados de thumbnail, com a função “add_image_size” esta função é adicionada no arquivo functions.php.

A função add_image_size recebe os seguintes parâmetros :
add_image_size( ‘nome’, largura, altura , crop : true ou false );

Considerando as funções adicionadas anteriormente, agora vamos adicionar um tamanho personalizado “meu-thumb” em nosso arquivo functions.php ele vai ficar da seguinte forma:


Resumindo a história adicionamos um novo tamanho com 320px x 280px se a imagem não atender a proporção vai ser cropada(cortada).

Agora vamos chamar um thumb com o tamanho que criamos “meu-thumb”:


		
>

Vou criar uma categoria agora WordPress e fazer um repositório dos meus estudos. Vou finalizando por aqui até o próximo tutorial

Categorias
Eventos Web

Curso de Front-End Engineering em Escala Global

Ótima oportunidade para você que está em recife em janeiro fazer um curso com ótimos profissionais, Berg Brandt (@bergbrandt) Front-End Engineer do Yahoo! na Califórnia e Bruno Souza (@brunosouza) Líder de Equipe Front-end da Caju Agência Digital.

Um resumo sobre o curso :

Um olhar sobre o desenvolvimento de projetos globalizados sob a perspectiva do Front-End Engineer: Como criar, manter e reusar um código-base em escala global capaz de atender as necessidades de customização dos mercados locais. Esse curso foi idealizado visando adaptar os profissionais de Front-End diante da nova realidade de desenvolvimento em escala global.

O curso acontecerá no sábado 15 de Janeiro de 2011 tendo como público-alvo Front-End Engineers, Desenvolvedores Web e Gerentes de Projetos Web. Tem como pré-requisito HTML, CSS e JavaScript – Intermediário a Avançado, e será ministrado por Berg Brandt (@bergbrandt) e Bruno Souza (@brunosouza).

Mais informações e inscrições: http://www.frontend-br.com.br/

Categorias
Web

Novo Curso de desenvolvimento WordPress na DRC

17 de Janeiro começa o curso de desenvolvimento WordPress na DRC com o FRONT-END especialista em WordPress Leonardo Maciel.

Desenvolvimento com WordPress
WordPress é um CMS (Content Management System) para Blogs e Sites, ou seja, ele é uma forma de administrar o seu site/blog de uma forma fácil. Feito em PHP, o WordPress é uma das ferramentas de conteúdo mais usadas por desenvolvedores web.

Objetivos
O treinamento Desenvolvimento com WordPress tem como objetivo capacitar o profissional de web para criar sites utilizando o CMS WordPress,  com o desenvolvimento de temas e utilização de plugins, para que o resultado final seja um site totalmente dinâmico e administrável.

Pré-requisito
Ter cursado o treinamento de Webdesign fundamental ou ter conhecimento equivalente nas linguagens HTML e CSS.

Conteúdo Programático do Curso “Desenvolvimento com WordPress”

Aula 1 – Introdução ao WordPress

  • Apresentação dos alunos, conhecer qual é a história de cada um;
  • Introdução ao WordPress explicando um pouco o que ele é, e o que pode fazer;
  • Instalar um banco de dados localmente, e em seguida instalar uma instância do WordPress;
  • Mostrar 2 formas de fazer Upgrade de versão: Via FTP e via administrador;
  • Visão Geral dos itens do WordPress (Post, Página, Media, Links, Configurações, etc)

Aula 2 – Introdução ao Desenvolvimento de Temas

  • Apresentação de Estrutura de Pastas do WordPress;
  • Apresentação da Estrutura de Pastas de Temas do WordPress;
  • Apresentação da Documentação (Codex) do WordPress;
  • Instalação de um tema;

Aula 3 – Início da Produção de um Tema

  • Introdução as Template Tags;
  • Metodologia de Desenvolvimento do Tema (início, meio e fim);
  • Explicação de Sidebars e Widgets;

Aula 4 – O Loop

  • O Loop é usado no WordPress para exibir as postagens, é uma das partes mais importantes.
  • É nesse passo que o aluno aprende a exibir o conteúdo de forma correta, podendo formatá-lo de acordo
  • com seus critéros, utilizando as template tags;

Aula 5 – Template Tags

  • the_title;
  • the_time e the_date;
  • the_category;
  • the_permalink;
  • the_content;
  • the_excerpt;
  • the_author;

Aula 6 – Arquivos (Header, Index, Footer)

  • get_header;
  • Extrutura do arquivo header.php;
  • Chamada de arquivos externos;
  • Aplicação do loop;
  • Inserção do Footer;
  • Exercício de montagem da home;


Aula 7 – Arquivos (Sidebar, Page, Single)

  • Explicar como funciona a sidebar;
  • Como usar mais de uma sidebar;
  • O que são e como funcionam os widgets;
  • Como montar uma Page;
  • Diferença de uma Page para a Single;
  • Extrutura de um Single Post;
  • Aplicação da tag comments_template;

Aula 8 – Arquivos (Archive , Comments, Search)

  • Customizando o arquivo  comments.php;
  • Entendendo a página Archive;
  • Aplicação de arquivos específicos;
  • Entendendo a página de Busca (Search);

Aula 9 – Criando páginas customizadas (Query Posts)

  • Criar uma Template Page;
  • Entender o que é um Query Post;
  • Aplicar o Query Post para suas páginas customizadas;
  • Exercicio: Criar uma página que traga uma única categoria;

Aula 10 – Utilização de Plugins e Scripts externos

  • Diretório de Plugins;
  • Instalando Plugins;
  • Configurando Plugins;
  • Criando páginas para aplicação de Plugins;
  • Utilizar Scripts externos;
  • Entender as tags: wp_head e wp_footer;
  • Exercicio: Colocar o Script do jQuery para funcionar;

Mais informações ligue : Tel.: 11 3168 2123 reserve sua vaga.

A DRC fica na Rua Joaquim Floriano, 733, 8.º Andar Itaim Bibi São Paulo

Atenção essa grade foi criada em 2010, para acessar a grade atualizada visite: 

WordPress Básico:
http://drc.com.br/cursos/wordpress

WordPress Avançado:
http://drc.com.br/cursos/wordpress_avancado

Categorias
Flash Web

Pesquisa sobre Desenvolvimento Web

Pesquisa bastante simples sobre desenvolvimento web.

Participem :

Quem quiser divulgar esse é o link :

https://spreadsheets.google.com/viewform?hl=pt_BR&formkey=dGV2ei1sdUYzV2VOUTF0Smx4VVVkSFE6MQ#gid=0

Categorias
Vagas Web

Vaga para Desenvolvedor Flex – Recife

A UI2 (www.ui2.com.br), empresa de TI baseada no Porto Digital de
Recife, seleciona profissionais para os cargos abaixo:

Desenvolvedor Flex – Recife

Este profissional ficará responsável por analisar os requisitos
recebidos do cliente, arquitetar soluções e implementar aplicações web
com interfaces ricas, tais como Adobe Flex, bem como atuar na
integração e implementação de webservices em Java. Além disso, este
profissional deverá prover apoio técnico para os demais componentes da
equipe local e das equipes remotas.

Requisitos Obrigatórios:
– Curso superior completo ou em andamento em Ciência da Computação ou
Engenharia da Computação;
– Conhecimento avançado em desenvolvimento nas tecnologias Flex, Java
e Web Services;

– Facilidade na concepção de interfaces web utilizando flex;
– Facilidade de trabalhar em equipes multidisciplinares e com diversos
stakeholders;
– Bom domínio do idioma inglês (principalmente leitura);
– Pró-atividade e excelente comunicação oral e escrita;
– Disponibilidade para viagens;

Requisitos Desejáveis:
– Conhecimento em Rest (request payload, response payload e mapeamento
WADL) e JAXB;

Os candidatos interessados neste cargo devem encaminhar seus
currículos e pretensão salarial para bruno.freitas@ui2.com.br até
06/08/2010 colocando no campo Assunto (Subject) o título da
oportunidade desejada. Pedimos a gentileza de enviar CVs apenas os
candidatos que atendam os critérios acima.