Tutoriais archive at Wilson Iwano

Archive for the 'Tutoriais' Category

Tire aquela impressão emperrada da fila

Published by Wilson Iwano November 22nd, 2007 in Software and Tutoriais. 3 Comments

impressora

Quase todos os dias aqui na agência alguém manda uma impressão e logo depois cancela. Daí o Windows não tira o documento da fila nem que a vaca tussa. Sempre quando isso acontecia, tínhamos que reiniciar o Windows para o documento sumir da fila de impressão, desligar a impressora, ou cancelar e mandar imprimir.

Pesquisando na internet, encontrei um script que reinicia o spool de impressão. Parece mágica! Ele desemperra a impressora tirando o arquivo da fila.

Para quem quiser fazer seu próprio script, faça o seguinte:

Abra o bloco de notas e cole o seguinte código:

net stop spooler
cd %systemroot%\system32\spool\PRINTERS
del /f /s *.shd
del /f /s *.spl
net start spooler
exit

Salve e mude a extensão do arquivo para .bat (vai ficar tipo impressao.bat). Pronto, quando a impressora enroscar de novo, basta executar esse arquivo.

Caso queira puxar o arquivo já pronto, clique aqui.

80 efeitos de texto para Photoshop

Published by Wilson Iwano August 8th, 2007 in Tutoriais and Photoshop. 2 Comments

Photoshop

Post dica rápida do dia: No site The Photoshop Roadmap você encontra esta lista com 80 efeitos de texto (text effects) para o Photoshop.

Cada imagem tem um link para os tutoriais que te ensinam passo a passo como aplicar esses efeitos nos textos. Aproveite!

Como fazer um portfólio com Wordpress - 2ª Parte

Published by Wilson Iwano May 1st, 2007 in Tutoriais. 2 Comments

Depois de termos visto como instalar o Wordpress, o Easyphp e um tema base para o portfólio, vamos ver agora como personalizar o tema e criar o menu de navegação para o portfólio.

Se você não leu a parte 1 deste tutorial, por favor dê uma olhadinha antes de continuar.

Idéia geral do portfólio

A idéia geral deste portfólio com Wordpress é criar uma categoria portfólio e subcategorias para cada seção como logomarcas, websites, impressos, etc. Somente nestas categorias e subcategorias aparecerá um menu que apresenta uma lista das subcategorias, como você pode ver no meu portfólio.

1º Passo - Criando as categorias

Defina quais categorias o seu portfólio terá além da categoria principal (Portfólio) como: logomarcas, impressos, websites, etc;
Na administração do Wordpress clique em Manage e depois em Categorias. Clique em add new e adicione primeiramente a categoria Portfólio, deixando a opção parent com o valor none;
Agora adicione as outras categorias como logomarcas, impressos, etc. Mas dessa vez deixa a opção parent com o valor Portfólio.
Com as categorias já criadas, clique no botão Categories na barra de menu superior. Lá serão listadas todas as suas categorias. Anote o ID (a primeira coluna com uns números) de cada categoria do seu portfólio, pois eles serão usados para fazer o menu.
Clique em Write na barra superior de menu e escreva um post qualquer. Selecione todas as categorias na caixa Categories do lado direitro da tela e clique em Publish logo abaixo da caixa de texto. Isso serve para deixar visível todas as categorias, pois mais pra frente você vai precisar visualizar todas elas.

2º Passo - Criando o menu

Como neste tutorial eu estou utilizando o tema K2 como base, vamos editar o arquivo theloop.php que está no seguinte caminho (se você estiver utilizando o EasyPHP): \www\wordpress\wp-content\themes\k2\theloop.php dentro da pasta www do EasyPHP

Faça o download do arquivo theloop.php já editado aqui. Abra-o no seu editor (PSpad como sugerido na parte 1 do tutorial) e compare-o com o seu theloop.php. Você vai reparar que após a linha 54 existe o comentário e o código:

Este código diz para o Wordpress que o menu será mostrado apenas nas categorias com os IDs especificados neste código.
Substitua os números acima pelos números que você copiou dos IDs de cada categoria do seu portfólio;
Insira um link para cada seção do seu portfólio, como no exemplo abaixo:
Logomarcas

alterando os links http://link para os correspondentes de cada seção. Para isso, acesse seu blog e clique em cada categoria listada na barra lateral. Copie o link e cole no código substituindo o http://link;

Feito isso, salve o arquivo e faça um teste entrando na categoria Portfólio. O menu já deve estar aparecendo. Tente navegar por ele clicando nas opções. O menu deve aparecer somente nas categorias do seu portfólio.

Concluindo a 2ª parte do tutorial já estamos com nosso portfólio funcional. Faça alguns testes inserindo posts com as peças do seu portfólio e separando cada um na sua respectiva categoria. Na 3ª parte eu estarei colocando um pouco de CSS no menu para deixá-lo com uma apresentação melhor e mostrando também como mandar tudo para um servidor na internet.

Como fazer um portfólio com Wordpress

Published by Wilson Iwano April 20th, 2007 in Tutoriais. 9 Comments

[update] Recebi um e-mail do Maurício Lancaster com algumas dúvidas sobre esse tutorial. Por isso estou fazendo uma revisão dele, colocando algumas imagens para facilitar a compreensão do tutorial. [/update]

Durante muito tempo fiquei ensaiando para fazer um portfólio com meus trabalhos publicitários e de web feitos tanto na Ággil Publicidade, quanto freelancer. Como não sou programador, pensei em projetar um portfólio inteiro em HTML e atualizá-lo manualmente, sem nenhum sistema ou banco de dados. Acordando do sonho, vi que não era um caminho viável. Então, pensei que poderia fazer em Flash… tudo animado, piscando, rodando, tsc tsc… Mas também pra atualizar seria uma novela.

Depois de todas essas viagens, comecei a ver a possibilidade de fazer um portfólio com o Wordpress. Comecei a pesquisar sobre isso, e infelizmente não achei muita coisa. Encontrei algumas alternativas, mas nenhuma que eu realmente gostasse.

Neste tutorial, vou tentar passar todas as etapas do desenvolvimento deste meu portfólio e blog com o Wordpress. Espero que seja de alguma ajuda!

Pré-requisitos

Para agilizar a edição e visualização das modificações que você fará no Wordpress, eu sugiro a instação do EasyPHP 1.8. Ele instala no Windows, o servidor web (Apache) e o banco de dados MySQL, tudo muito fácil como se você fosse instalar um programa qualquer (MSN por exemplo).

Para instalar e configurar o EasyPHP, acesse este artigo do site Criar Web.

1º Passo - Download e Instalação do Wordpress

Faça o download da última versão do Wordpress em wordpress.org/download/;
Descompacte o conteúdo do arquivo e copie para a pasta C:\Arquivos de programa\EasyPHP1-8\www;
Execute o EasyPHP, acesse http://127.0.0.1/mysql/ no seu navegador e crie um banco de dados com um nome de sua preferência (wordpress por exemplo).
Renomeie o arquivo wp-config-sample.php para wp-config.php. Se você não tem um editor para arquivos PHP, faça o download do PSPad, instale-o e edite o conteúdo do arquivo wp-config inserindo o nome do banco de dados que você acabou de criar e salve. As outras informações pode deixar do jeito que está. Exemplo:
define('DB_NAME', 'wordpress');;
Execute o EasyPHP. As luzes dos dois ícones (representando o Apache e o MySQL) tem que estar verdes, como na figura abaixo:
No seu navegador, entre no endereço http://localhost/wordpress e siga os passos de configuração do Wordpress. Após o término, será enviado um e-mail para você com seu login e senha e você poderá acessar a administração do Wordpress no endereço http://localhost/wordpress/wp-admin/;
Pronto! Seu Wordpress já está rodando e pronto para ser personalizado

2º Passo - Escolhendo e instalando um tema base

Fazer um tema do zero não é uma missão impossível, mas também não é muito fácil. Assim sendo, resolvi escolher um tema base e a partir dele fazer as alterações necessárias para o portfólio.

Analizando alguns temas, resolvi me basear no K2. Ele é um tema que possui um suporte bem legal e parece ser bem estável e com muitos recursos. Mas você pode escolher o tema que desejar para o seu portfólio. Inclusive no post 83 Beautiful Wordpress Themes You (Probably) Haven’t Seen tem vários temas muito legais para você começar a construir seu portfólio.

Para instalar um tema, siga os passos a seguir:

Faça o download do arquivo com o tema;
Descompacte-o no diretório C:\Arquivos de programas\EasyPHP1-8\www\wordpress\wp-content\themes\;
Entre na administração do Wordpress, vá na opção Presentation e clique na imagem do tema que você deseja ativar;
Acesse o seu blog para ver se está tudo certo com o novo tema.

Até aqui você já instalou o Wordpress e já tem um tema base para o seu portfólio. Se você já sabia como fazer tudo isso, desculpe-me, mas eu tinha que começar bem do início para aqueles que ainda não estão familiarizados com o Wordpress.

Na 2ª parte do tutorial estarei explicando como criar as categorias para cada seção e sub-seção do portfólio (como logomarcas, impressos, web, etc.) e também como fazer a navegação dentro da seção Portfólio. Até mais.

Veja a 2ª parte do tutorial Como fazer um portfólio com Wordpress