Como 90% (ou  mais) dos layouts que chegam em nossas mãos são produzidos no Photoshop é importante que tenhamos conhecimento de algumas facilidades que este software nos oferece. Funcionalidades como: medir espessura de elementos, fatiar imagens, consultar tamanho de texto são algumas das atividades rotineiras que podem ser otimizadas.

Ajustar medida de régua e tipografia

Para que possamos visualizar as medidas da tipografia e régua em pixel, precisamos acessar o painel “preferences” (Edit > Preferences > Units & Rulers) e configurá-lo da seguinte forma:

Ajustar unidade de medida: Ferramenta seleção

No painel “info” (exibido via Window > info), é interessante que sejam configuradas as medidas para pixels também. Assim quando selecionarmos qualquer elemento veremos suas medidas exatas nesse painel.
Acesse: Info > Panel Options > Ruler Units

Exportação de imagens

Para exportação de imagens existem basicamente duas soluções. A primeira seria criar um novo arquivo colando nele apenas a layer que deseja exportar a outra seria utilizando a ferramenta slice tool. Adotei a segunda solução pois acredito ser bem mais eficiente. Vejamos como utilizar cada uma delas:

Slice tool

Atalho: ‘C’ na versão CS4  e ‘K’ na CS3.

Com essa ferramenta podemos criar diversas fatias com diferentes dimensões. Além disso é possível predefinir o nome que as imagens terão quando exportadas. Para acessar as propriedades da fatia precisamos acionar dois cliques em cima da mesma. Vejamos o painel abaixo.

Agora estamos com as informações da fatia configurada. Normalmente precisamos esconder as demais layers que não serão exportadas, para fazer isso existe uma maneira muito simples: basta pressionar “Alt + icone olho” (ver imagem abaixo) que o próprio PS se encarrega de esconder as demais layers. Para retornar a exibição basta acionar o mesmo atalho.

Criando um novo arquivo

Uma outra solução adotada por muitos, para exportar imagens, é colar a layer em um novo arquivo. É comum fazer isso de duas formas:

A primeira seria utilizando a ferramenta de seleção(M) e acionando o seguinte atalho “Ctrl + Shift + C”. Depois da cópia feita só é acessar “File > New” e deixar a opção de Clipboard marcada, feito isso só colar (Ctrl + V).

A outra forma seria utilizando a função de duplicar layer (Acessando “Layer > Duplicate layer …”). Com essa função podemos criar um novo arquivo com a layer desejada.

E você conhece mais algum “macete”?

Depois de retornar a estudar wordpress, decidi postar aqui no blog algumas funcionalidades legais que precisei utilizar e que pode servir para muitos também. Algumas coisas são bem simples, porém acredito que sejam muito úteis, principalmente para quem esta iniciando.

Listar páginas do mesmo nível da página visitada.

Quando precisei desta função achei que seria mais complicado de fazê-la, porém o wordpress já disponibiliza a função wp_list_pages que facilmente resolveu meu problema:

<?php
if($post->post_parent) {//se é uma página filha
   $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0&depth=1");
}
if ($children) { ?>
  <ul>
    <?php echo $children; ?>
  </ul>
<?php } ?>

• title_li= é passado sem parâmetro para não exibir a legenda padrão;
• child_of indica o ID da página pai da lista de pages que queremos exibir, neste caso usamos o $post->post_parent que resgata exatamente o ID da pagina pai
• depth com o parâmetro 1 indica que só será exibida as pages do nível filho, os níveis mais profundos(netos) são descartados.

Criando pages templates

Uma função muito útil do wordpress é a criação de pages templates, elas servem para criação de páginas que tem estrutura diferente das que são carregadas pelo page.php.
Para criar uma página de modelo específico é necessário apenas adicionar o comentário abaixo no início do seu novo page (ex.: page-portfolio.php):

<?php
/*
Template Name: Portfolio
*/ ?>

No gerenciador quando você for criar uma nova página já verá a opção ‘Portfolio’, no select Modelo (localizado na coluna direita) como mostra a imagem ao lado.

Criando diferentes sidebar’s

Quando o projeto possui diferentes modelos de páginas é recomendável que se utilize sidebar’s específicas para evitar o excesso de códigos condicionais na sua sidebar padrão.
Para criar sua sidebar específica é muito simples: Crie o novo arquivo php com o nome sidebar seguido do seu identificador, por exemplo: sidebar-portfolio.php.
Para chamar essa sidebar diferente é necessário apenas passar o parâmetro do identificador na função get_sidebar(). Como podemos ver abaixo.

<?php get_sidebar("portfolio"); ?>

Usando o query_posts()

A função query_post() nos dá diversas possibilidades de filtrar pages e posts restrigindo ou indicando categorias, ids, tags e etc.

Ela deve ser chamada antes do loop padrão do wordpress, como podemos observar abaixo:

<?php
query_posts('...');
  while (have_posts()) : the_post();
    ...
  endwhile;
?>

Exemplo de uso:

<?php
 //Selecionando a pagina de ID 7 da categoria ID 2 que tenha a tag jquery
query_posts('page_id=7&cat=2&tag=jquery');
?>

Mais sobre o query_post() neste artigo do pinceladas da web.

O wordpress nos dá infinitas possibilidades de customizações, basta sabermos aproveitar os melhores recursos e fazer websites/blogs gerenciáveis de maneira profissional.