Olá! Meu nome é Paty e sou a Garota QUE AMA Criatividade! Clique aqui e saiba mais sobre mim e a história do GC e de sua atual versão!
@
Fiz um vídeo-tutorial de uma ferramenta incrível que facilita muito a remoção de elementos de imagens e fotos:
Olá pessoal, tudo bem?
Há algum tempo eu fiz esse tutorial: Plugin pra WordPress – Galeria de Imagens lado a lado. Esse post é uma continuação desse tutorial.
Um exemplo prático do que eu queria fazer: Eu utilizo o plugin Galeria pra mostrar as imagens no site OLHAR 43, só que cada post exibe muitas imagens ao mesmo tempo, carregando excessivamente a página inicial… Foi aí que surgiu a ideia de mostrar apenas algumas imagens daquela galeria e pedir pro visitante clicar caso quisesse ver o restante.
Para não fazer isso manualmente, utilizei uma solução do próprio WordPress: Custom Fields.
Quem precisar de solução parecida, é só acompanhar:
1. Primeiramente adicionei 5 novos campos: amostra1, amostra2, amostra3, amostra4, amostra5.
Quem nunca lidou com Custom Fields antes, para criar um campo basta entrar na página de adicionar novo post do WP e procurar a área do Custom Fields. Na minha versão é assim:
(Minha versão está em inglês). Para criar basta clicar em ‘Enter new’ colocar o nome do campo abaixo de ‘Name’ e o conteúdo do campo abaixo de ‘Value’, depois clica em ‘Add Custom Field’. Uma vez criado, o campo ficará sempre disponível nessa mesma área quando for adicionar um novo post.
2. Coloquei em cada campo ‘amostra1′ até ‘amostra5′ a URL da imagem que gostaria que aparecesse na página inicial como ‘amostra’ daquele post. Exemplo:
3. Hora de trabalhar no template. Mudei o index.php e o archive.php com o código a seguir. Primeiro procurei pelo the_content no theme e adicionei o código no lugar:
$amostra1 = get_post_meta($post->ID, ‘amostra1′, true);
$amostra2 = get_post_meta($post->ID, ‘amostra2′, true);
$amostra3 = get_post_meta($post->ID, ‘amostra3′, true);
$amostra4 = get_post_meta($post->ID, ‘amostra4′, true);
$amostra5 = get_post_meta($post->ID, ‘amostra5′, true);
echo(‘<center>’);
if($amostra1){ echo(‘<img src=’.$amostra1.’> ‘); }
if($amostra2){ echo(‘<img src=’.$amostra2.’> ‘); }
if($amostra3){ echo(‘<img src=’.$amostra3.’> ‘); }
if($amostra4){ echo(‘<img src=’.$amostra4.’> ‘); }
if($amostra5){ echo(‘<img src=’.$amostra5.’> ‘); }
echo(‘</center>’);
the_content(‘<center>-> [Clique aqui para ver o restante] <-</center>’);
?>
Esse código procurará no post adicionado se existe cadastro do custom field amostra, se existir, ele mostra as imagens configuradas como amostra e depois o link ‘Clique aqui para ver o restante do post’.
4. No post insiro a chamada pro plugin galeria normalmente, mas depois do código more, ficando assim:
<!–more–>
<? galeria(’15′,’http://meusite.com/imagens/’);
?>
Se você não sabe o que o plugin galeria faz, leia direto no outro post clicando aqui.
Para ver as ‘imagens de amostra’ funcionando, basta acessar o OLHAR 43.
Programei esse plugin quando procurava uma solução rápida e prática pra montar uma galeria de imagens com as miniaturas lado a lado + barra de rolagem horizontal, exatamente como essa:
 |
 |
 |
 |
 |
O plugin é esse:
/*
Plugin Name: Galeria
Plugin URI: http://garotacriatividade.com
Description: Monta uma galeria de acordo com os parametros passados
Version: 1
Author: Paty Pegorin
Author URI: http://patypegorin.com
*/
function galeria($fotos,$diretorio) {
echo(‘<center><div id=galeria_fotos>’);
$e=1;
echo(‘<table><tr>’);
while ($e <= $fotos) {
echo(‘<td><a href=’.$diretorio.$e.’.jpg rel="lightbox['.$diretorio.']"><img
src=’.$diretorio.$e.’_th.jpg border=0></a></td>’);
++$e;
}
echo(‘</tr></table>’);
echo(‘</div></center>’);
}
?>
Pra utilizar:
• Faça miniaturas das imagens. Eu uso o EasyThumbnails que é free e gera as miniaturas automaticamente da pasta que escolheu.
• Para abrir as imagens com o efeito do exemplo instale o Lightbox clicando aqui
• Código para inserir a galeria:
Onde:
• nº é o número de imagens que serão mostradas
• URL é a URL onde as imagens estão hospedadas
Exemplo:
A pasta fotos do exemplo deverá ter 10 imagens: as 5 miniaturas + as 5 imagens maiores.
Eu usei esse código CSS pra personalizar a galeria:
overflow: auto;
overflow-Y: hidden;
height:125px;
width:480px;
scrollbar-arrow-color: #a65506;
scrollbar-3dlight-color: #ff7e01;
scrollbar-darkshadow-color: #ff7e01;
scrollbar-face-color: #ffff00;
scrollbar-highlight-color: #ff7e01;
scrollbar-shadow-color: #ff7e01;
scrollbar-track-color: #ff7e01;
}
Simples, mas consegui o que queria! Bjito!
Tenho recebido muitos visitantes que procuraram no Google por ideias de perguntas pro formspring, então resolvi fazer esse post.
Tipo: Engraçadinho
Deixe perguntas do tipo “o que é o que é” e veja o que as pessoas respondem. A pessoa errou a resposta? Passe pelo formspring dela, deixe uma nova pergunta e a resposta correta.
Essa é boa:
• O pai da Mari tem 5 filhos: nº 1 é Nana, nº 2 é Nene, nº 3 é Nini, nº 4 é Nono. Qual o nome do filho nº 5?
Resposta no final do post 
Tipo: Profundo
Pergunte coisas do tipo “Qual significado da vida pra você?” ou melhor “Onde estará daqui a 5 anos?”. A visualização tem poder de mobilização e certamente com sua pergunta, se a pessoa refletir um pouco a respeito, você estará dando uma mãozinha pro futuro dela ser da forma que ela quer.
Tipo: Nunca pensei nisso antes
• 5 ursos estão no meio da estrada bloqueando sua passagem. O que você faria?
Tipo: Perguntas que nunca me fizeram, mas que eu adoraria responder
• Se sua vida tivesse uma trilha sonora, que músicas conteria?
• Qual é a pessoa mais interessante que você conhece?
• Se pudesse simplesmente abrir uma porta e ir para algum lugar, pra onde seria?
• Mega rápidas: Inverno ou verão? Café ou chá? Orkut ou Facebook? Blog ou Fotolog? Xuxa ou Angélica? (hehe) Edward Team ou Jacob Team?
• Qual a coisa mais estranha que já viu na vida?
• Qual a coisa mais antiga que consegue se lembrar da sua infância?
• Qual o lugar mais exótico onde você esteve?
• Qual a coisa mais estranha que já fez na vida?
• Qual o item mais caro que já comprou?
• Qual a comida de gosto mais estranho que já comeu?
Historinha
Dizem que uma vez Deus deu o direito fazer uma pergunta, apenas uma, a um cara. Ele pensou em tudo, desde coisas sobre sua vida até grandes questões da humanidade. No fim perguntou:
- Qual a melhor pergunta que alguém poderia te fazer e a resposta a ela respectivamente?
Ele respondeu:
- Justamente essa pergunta que você fez e a resposta que estou te dando
Qual a melhor pergunta que alguém já te fez no Formspring? Tem alguma ideia de pergunta e quer ajudar quem chega aqui através do Google? Deixa nos comentários!
• Crédito pelas imagens: We ♥ It
○ E aqui está a resposta da pergunta lá de cima: 
Aproveite e me deixe uma pergunta:
Se você utiliza o plugin Twitter Tools para twittar automaticamente em seu perfil no Twitter sempre que seu blog tem um post novo fique ligado nessa dica.
Descobri o vai.la, que cria um redirecionamento com uma URL bem curtinha e queria utilizá-lo em conjunto com o Twitter Tools, ao invés do bit.ly que é o sistema padrão do plugin.
Encontrei a forma abaixo:
1. Você precisa ter o plugin Twitter Tools instalado. Clique aqui pra acessar o site do desenvolvedor.
2. Abra o arquivo twitter-tools-bitly.php que estará provavelmente dentro da pasta wp-content/plugins/twitter-tools
3. Encontre a linha onde está o seguinte código:
4. Coloque antes dessa linha esse código:
$vaila = @fopen(‘http://vai.la/link/api/?url=’.$url,’r');
if ($vaila) {
$newurl = fread($vaila, 1024);
fclose($vaila);
$url=$newurl;
}
// vai.la END
E pronto. As URLs dos posts estarão no vai.la
Importante: Guarde o código em um arquivo do bloco de notas, pois pode precisar dele depois de atualizar o plugin com uma nova versão. Nesses casos todas as alterações manuais são perdidas.
Foi do nada que ele travou e resolveu não ligar mais. Parava na tela de carregamento e reiniciava. O PC tem Windows Vista, não tem entrada de disquete, apenas entradas USB e pra CD/DVD.
Aí começou a maratona…
Primeira coisa foi tentar todas as opções pra ligar: modo de segurança, modo de segurança com rede, prompt, última configuração válida etc. Nenhuma deu certo.
A segunda ideia foi tentar bootar pelo cd do Windows XP, já que minha irmã não sabia onde tinha colocado o cd do Vista. A ideazinha mais doida foi colocar pra restaurar a instalação do Vista com esse CD, abrir o prompt e dar um fixboot. Só depois que descobri que o Vista usa um esquema de boot diferente do XP. Começou a aparecer ‘Ntlrd is missing’ e o cd nem reconhecido era mais.
Não desisti. Achei que poderia dar boot pelo pen drive. Fui atrás no Google, descobri algumas maneiras, baixando programas. Também não deu certo. Liguei o notebook antigo que tem Windows 98 e criei um disquete de inicialização, passei os arquivos pro pen drive. Nada.
Abri os computadores – daí o meu entrou na jogada também. Passei o HD dela pro meu computador. Mandei inicializar pelo meu HD e tentar fazer alguma coisa no HD dela. Tudo normal com os arquivos, mas algo estava corrompido no boot ou outro arquivo importante e eu também não consegui resolver dessa forma.
Foi aí que encontrei o How to Geek e esse artigo: How to Make a Windows Vista Repair Disk If You Don’t Have One. Em português: Como fazer um disco de reparo do Windows Vista se não tem um.
A-rá. Vamos lá baixar. Era torrent, achei que teria dificuldade pra baixar (tive que trocar de modem com o problema do modem queimado dessa semana e não tinha feito ainda a liberação de nenhuma porta). Foi super rápido. Arquivo .iso baixado passei pro DVD com o ImgBurn e religuei o PC da mana dando boot pelo DVD.
Ligou, rapidamente o programa de restauro disse que era só reiniciar que na reinicialização os reparos seriam feitos. Reiniciei. Abriu o carregadorzinho do Vista. Abriu a foto dela feliz e contente que estampa seu desktop. Alívio. Deu certo!
Então, #ficadica: precisou reparar a instalação do Windows Vista e tá sem CD? Baixe o Windows Vista Recovery e seja feliz!
Um Feliz Natal diferente…
Tenha um dia iluminado! E que ele faça renovar as esperanças para 2010 que vem chegando novinho em folha!
Esse é um tutorial mega rápido apenas para dar início a categoria Tutoriais do blog e para disponibilizar a solução de um problema que me fez quebrar a cabeça por algumas horas:
Instalou WordPress na pasta principal do domínio e não consegue acessar as subpastas não-relacionadas ao WP? Eis a solução.
1. Abra o .htaccess que está localizado na pasta public_html
2. Ele será algo do tipo:
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress
2. Adicione essas duas linhas no começo do arquivo:
ErrorDocument 404 /404.html
3. Crie os arquivos 401.html (acesso não autorizado) e 404.html (página não encontrada) e hospede na pasta principal
4. Crie um outro .htaccess e coloque esse código nele:
5. Envie esse novo .htaccess para a subpasta não-relacionada ao WordPress que está tentando acessar e pronto. O problema sumirá.
Por que isso acontece?
Quando você tenta acessar seusite.com/subpasta o .htaccess gerado pelo WP tenta encontrar ‘subpasta’ entre os posts e páginas cadastrados no WordPress, não encontrando redireciona para a página de erro gerada pelo próprio WordPress.
Quando você realiza os passos acima ‘você’ informa que existe uma página de erro e que existe um index naquela subpasta, acabando com o problema.
• Esse post foi construído com base nessas instruções [clique] do Christopher Heng, que fez um tutorial para usuários do Drupal, mas que se encaixou muito bem nesse caso também.
