Author Archives: Pedro Costa Neves

Carrosel Multi Linhas com Cycle Plugin no WordPress

Olá, hoje trago pra vocês uma solução muito interessante para um problema real que tive.

Recebi um layout com um carrosel que tinha 2 linhas e 4 itens em cada linha, ele deveria funcionar como qualquer carrosel, clica em next rola pra esquerda todo carrosel, clica em prev, rola pra direita :) o grande problema é: NUNCA NA MINHA VIDA EU HAVIA VISTO ALGO ASSIM!

Tudo bem, fui atras disso antes de começar o projeto, achei algumas soluções propondo modificar plugins como o já famoso jCarousel e essa solução aqui! pensei porra! to feito, vai ser essa mesma que vai salvar minha vida.

Mais tinha um grande problema, no layout também havia filtros de categoria :( e quando filtrava bagunçava todo o esquema de duas linhas que era pra ficar, voltava tudo pra uma linha só, além do mais, não estava organizado como deveria ser

ex:

e era pra ficar assim:

Então, qual foi a minha solução? graças ao @dexfs que me mostrou um site feito com Cycle Plugin que consegui solucionar esse problema ;)

é bem simples, vamos começar pelo loop no WP:

<?php

$query = new WP_Query('posts_per_page=-1');
$i = 1; //essa será nossa variavel chave para efetuar toda magica ;)
if($query->have_posts()): ?>

<div class="box">

<?php while ($query->have_posts()): $query->the_post();?>

// aqui vai o conteudo, ex: um post thumbnail

<?php the_post_thumbnail('carousel');?>

<?php
// agora a mágica para o carossel dar certo com Cycle
if($i % 8 == 0){
echo '</div><div class="box">';
}
$i++;
endwhile;
wp_reset_postdata();
?>
</div>
<?php endif;?>

Entãããão, vejam bem o pequeno e maroto if ali, a cada 8 itens ele vai fechar o div que eu abri antes do while e se por exemplo, na proxima execução tiver menos de 8 itens nosso div.box já estará aberto antes de while e fechado depois ;) não correndo assim o risco de jogar os itens num lugar vazio e fora de contexto.

Ok, agora a parte do plugin, é bem simples, usei esse item que estava no FAQ deles que te diz para usar scrollHorz e fim, todos felizes com um carrosel multilinha no wordpress e que ainda fica organizado de forma decente :p

 

Carrosel Multi Linhas com Cycle Plugin no WordPress

Olá, hoje trago pra vocês uma solução muito interessante para um problema real que tive.

Recebi um layout com um carrosel que tinha 2 linhas e 4 itens em cada linha, ele deveria funcionar como qualquer carrosel, clica em next rola pra esquerda todo carrosel, clica em prev, rola pra direita :) o grande problema é: NUNCA NA MINHA VIDA EU HAVIA VISTO ALGO ASSIM!

Tudo bem, fui atras disso antes de começar o projeto, achei algumas soluções propondo modificar plugins como o já famoso jCarousel e essa solução aqui! pensei porra! to feito, vai ser essa mesma que vai salvar minha vida.

Mais tinha um grande problema, no layout também havia filtros de categoria :( e quando filtrava bagunçava todo o esquema de duas linhas que era pra ficar, voltava tudo pra uma linha só, além do mais, não estava organizado como deveria ser

ex:

e era pra ficar assim:

Então, qual foi a minha solução? graças ao @dexfs que me mostrou um site feito com Cycle Plugin que consegui solucionar esse problema ;)

é bem simples, vamos começar pelo loop no WP:

<?php

$query = new WP_Query('posts_per_page=-1');
$i = 1; //essa será nossa variavel chave para efetuar toda magica ;)
if($query->have_posts()): ?>

<div class="box">

<?php while ($query->have_posts()): $query->the_post();?>

// aqui vai o conteudo, ex: um post thumbnail

<?php the_post_thumbnail('carousel');?>

<?php
// agora a mágica para o carossel dar certo com Cycle
if($i % 8 == 0){
echo '</div><div class="box">';
}
$i++;
endwhile;
wp_reset_postdata();
?>
</div>
<?php endif;?>

Entãããão, vejam bem o pequeno e maroto if ali, a cada 8 itens ele vai fechar o div que eu abri antes do while e se por exemplo, na proxima execução tiver menos de 8 itens nosso div.box já estará aberto antes de while e fechado depois ;) não correndo assim o risco de jogar os itens num lugar vazio e fora de contexto.

Ok, agora a parte do plugin, é bem simples, usei esse item que estava no FAQ deles que te diz para usar scrollHorz e fim, todos felizes com um carrosel multilinha no wordpress e que ainda fica organizado de forma decente :p

 

Carrosel Multi Linhas com Cycle Plugin no WordPress

Olá, hoje trago pra vocês uma solução muito interessante para um problema real que tive.

Recebi um layout com um carrosel que tinha 2 linhas e 4 itens em cada linha, ele deveria funcionar como qualquer carrosel, clica em next rola pra esquerda todo carrosel, clica em prev, rola pra direita :) o grande problema é: NUNCA NA MINHA VIDA EU HAVIA VISTO ALGO ASSIM!

Tudo bem, fui atras disso antes de começar o projeto, achei algumas soluções propondo modificar plugins como o já famoso jCarousel e essa solução aqui! pensei porra! to feito, vai ser essa mesma que vai salvar minha vida.

Mais tinha um grande problema, no layout também havia filtros de categoria :( e quando filtrava bagunçava todo o esquema de duas linhas que era pra ficar, voltava tudo pra uma linha só, além do mais, não estava organizado como deveria ser

ex:

e era pra ficar assim:

Então, qual foi a minha solução? graças ao @dexfs que me mostrou um site feito com Cycle Plugin que consegui solucionar esse problema ;)

é bem simples, vamos começar pelo loop no WP:

<?php

$query = new WP_Query('posts_per_page=-1');
$i = 1; //essa será nossa variavel chave para efetuar toda magica ;)
if($query->have_posts()): ?>

<div class="box">

<?php while ($query->have_posts()): $query->the_post();?>

// aqui vai o conteudo, ex: um post thumbnail

<?php the_post_thumbnail('carousel');?>

<?php
// agora a mágica para o carossel dar certo com Cycle
if($i % 8 == 0){
echo '</div><div class="box">';
}
$i++;
endwhile;
wp_reset_postdata();
?>
</div>
<?php endif;?>

Entãããão, vejam bem o pequeno e maroto if ali, a cada 8 itens ele vai fechar o div que eu abri antes do while e se por exemplo, na proxima execução tiver menos de 8 itens nosso div.box já estará aberto antes de while e fechado depois ;) não correndo assim o risco de jogar os itens num lugar vazio e fora de contexto.

Ok, agora a parte do plugin, é bem simples, usei esse item que estava no FAQ deles que te diz para usar scrollHorz e fim, todos felizes com um carrosel multilinha no wordpress e que ainda fica organizado de forma decente :p

 

WPInstaller for Mac

Opa, uns meses atrás comecei a estudar Cocoa e Objective-c voltado pra Mac OS X, sim, pra Mac não pra iPhone como todos estão fazendo.

Poxa, linguagem facil de entender, até pra alguem como eu que estava mega viciado no mundo procedural e não orientado a objetos, confesso que tenho muito o que aprender ainda, principalmente no quesito Delegates. Sou uma negação.

Bom, como experimento, fiz um app que baixa a ultima versão oficial do WordPress para um diretório selecionado pelo usuário e depois extrai os arquivos do zip baixado e pimba :) pronto pra instalar e ser feliz.

Bom, sem mais enrolações apresento a vocês o WPInstaller:

E segue também link para mais informações, como download, backlog, changelog etc :)

http://persocon.org/wpinstaller/

Agradecimentos mega especiais para Jonatas Azzolini ( http://www.jonatasazzolini.com/ ) por ter criado o icone do projeto e ao José Matias por ter me conectado com Jonatas para que o icone fosse criado na maior pareceria :)

WPInstaller for Mac

Opa, uns meses atrás comecei a estudar Cocoa e Objective-c voltado pra Mac OS X, sim, pra Mac não pra iPhone como todos estão fazendo.

Poxa, linguagem facil de entender, até pra alguem como eu que estava mega viciado no mundo procedural e não orientado a objetos, confesso que tenho muito o que aprender ainda, principalmente no quesito Delegates. Sou uma negação.

Bom, como experimento, fiz um app que baixa a ultima versão oficial do WordPress para um diretório selecionado pelo usuário e depois extrai os arquivos do zip baixado e pimba :) pronto pra instalar e ser feliz.

Bom, sem mais enrolações apresento a vocês o WPInstaller:

E segue também link para mais informações, como download, backlog, changelog etc :)

http://persocon.org/wpinstaller/

Agradecimentos mega especiais para Jonatas Azzolini ( http://www.jonatasazzolini.com/ ) por ter criado o icone do projeto e ao José Matias por ter me conectado com Jonatas para que o icone fosse criado na maior pareceria :)

SimpLESS – Seu compilador LESS CSS – Multiplataforma

Dica rapida pra quem está trabalhando com LESS Css, um compilador multiplataforma :) isso mesmo, Windows, Linux, Mac.

SimpLESS, basta arrastar a pasta do seu projeto pra dentro dele e pronto, cada vez que você salvar seus arquivos LESS ele automaticamente compila em um arquivo CSS.

http://wearekiss.com/simpless

Única coisa que não gostei, em comparação com LESSApp, ele não fica nos icons bonitinhos lá em cima perto do relógio :p e sim na Dock ocupando espaço. E também não avisa via Growl que o arquivo foi compilado. Mais tá ae :) uma alternativa multiplataforma.

Nota rapida: se você mora em Curitiba ou região, esão abertas inscrições para o Workshop de LESS Css na FISAM, também tem outros cursos aberto, veja post anterior para mais informações.

 

Novos Cursos na Faculdades Internacionais San Martin

Opa :) tá ae galera, oportunidade pra vocês novatos aprenderem coisas legais, estão abertas inscrições para cursos de:

Html & Css
Html5 & Css3
WordPress
Responsive Design
Workshop de LESS Css

~OPORTUNIDADES~ de se tornar um profissional excelente.

Bom, enfim, contudo, os cursos são em formato especial como diz a FISAM, ou seja, só abre turma quando completar 10 inscritos, por isso estou propagandeando aqui. Outra coisa, vou ministrar alguns dos cursos de lá, OU SEJA, conhecimento garantido ;)

Os que darei aulas são Html5 & CSS3, WordPress, Responsive Design e o Workshop sobre LESS Css que é uma ferramente excelente e meu companheirão de trabalho.

A sim, preciso agradecer ao José Matias que será cordenador nos cursos e  que ajudou bastante a levar os cursos até a faculdade e também vai ministrar alguns cursos lá, o de HTML & CSS Básico é dele, então galera, inscrevam-se e compartilhem por ae.

E para mais informações sobre o curso veja aqui: http://www.sanmartinbr.com.br/mini_cursos/mini_cursos.php

Duvidas ou sugestões? formulário de comentários logo abaixo do post né :) e formulário de contato em @mail-me

Consultoria WordPress – Cliente Satisfeito (CuritibaTatuagem.com.br)

Algumas semanas atrás comecei meu serviço de Consultoria WordPress, sabe como é né, só codar sites não rende muito hoje em dia como rendia antigamente e todo conhecimento que tenho em WordPress não poderia ser descartado pra começar algo novo que rendesse mais etc.

Enfim, comecei com um site grande aqui de curitiba sobre Tatuagem, referência nacional até, eles tem em média 1500 acessos únicos diários. Ou seja, eles precisavam dos meus serviços.

E conversa vai, conversa vem, configura daqui, dalí, testa e tals. Cliente satisfeitissimo :)

E recebo hoje um depoimento deles:

"Fiquei 100% satisfeito com o serviço de consultoria de wordpress prestado pelo Pedro. Em algumas horas ele conseguiu fazer um up grade completo no blog. Havia muita coisa que eu realmente não sabia que era necessário e com esse serviço de consultoria tudo ficou mais claro ajudando o blog a ter mais destaque na web."

É isso ae galera, servico bem feito, cliente satisfeito.

Se você quer saber mais sobre WordPress clique aqui ou se você tem um blog ou site em WordPress e estiver interessado no serviço de consultoria que presto, entre em contato ;)

KillSwit.ch resolvendo problemas com clientes inadimplentes

Sabe quando você está fazendo aquele trabalho massa mais o cliente não é muito confiavel, ou você está começando com freelas, está no periodo de transição entre trabalho e freelas e não tem tempo para contratos bem elaborados e as negociações acontecem por email, ou também o seguinte cenário, o cliente é um conhecido seu ou foi indicado por um amigo seu e é mega proximo desse seu amigo dae você ficou meio sem jeito de tacar mil clausulas no contrato e chegou o dia do pagamento em todos esses cenários e ele está te enrolando?

Nesses cenários surge o KillSwit.ch, iniciativa do !Drop Studio pra solucionar esse problema. A ideia é simples, você freelancer se cadastra lá (ainda estamos em beta) e gerencia todos seus clientes, cadastrando eles e tals, quando terminar de cadastrar seu cliente ele gera um código e você insere esse código no site do seu cliente.

Simples assim? mais e ae o que acontece?

Cliente não pagou? desative o site dele com um clique pelo painel do KillSwit.ch, é prático e você não perde todo trabalho que você fez se o site estiver em total funcionamento.

Cliente resolveu pagar depois de ver o site offline? Ative denovo no painel ;) com apenas um clique.

BANG!

Gostou? se gostou mesmo ajude-nos no Startup Base, clique em [Acreditar] e também participe dos beta tests cadastrando seu email no site.

Por que pagar por um site ao invés de usar opções gratis como redes sociais?

Algum tempo atrás efetuei algumas reuniões com clientes que preferiram deletar seus sites e parar de investir nisso por que acharam mais facil usar as opções gratis das redes sociais, como Facebook, Twitter etc.

Ok, pode parecer ótimo no começo, é gratis, tem como vc inserir tudo da sua empresa lá se for coisa simples, mas tem um problema, de tempos em tempos eles mudam a estrutura e pode ser que a opção por exemplo de Blog não exista mais, ou que uma nova regra na política deles impeça que você insira propaganda da sua empresa lá sem dar algums milhões pra eles.

A opção de um site para sua empresa é SEMPRE viavel, você consegue agregar todas informações necessárias para aparecer bem no Google. Infelizmente não é tão simples assim ó, vou contratar esse webdesigner e ele vai me colocar bem no google e vai me cobrar 200 dinheiros só. Preste bem atenção no golpe, nem tudo que reluz é ouro ;) coisas baratas podem parecer boas de começo, mas não se engane.

Esses mesmos prospects que desativaram seu site, contrataram pessoas que cobraram pouco, um deles teve o site bloqueado no registro.br por falta de pagamento e nem sabia que isso existia.

Procure sempre um bom profissional, de preferência um que foque no ramo da sua empresa, olhe bem o portfólio dele. Mas por que? se você quebrou seu dedinho e tem a opção de ir em um ortopedista ou em um especializado em dedinhos quebrados, qual escolheria?

Entende o que eu quis dizer? se você escolher um profissional que não dê suporte completo, você pode até pagar pouco, mais não vai te render nada. Em outro caso, um profissional focado no que você precisa, pode sair caro de começo mas tem inumeras vantagens a longo prazo.

Posso te listar algumas, alguns suportes inclusos nos projetos do !Drop Studio:
- SEO Incluso em todos projetos ( ou seja, seu site numa posição legal no google, com planejamento e etc );
- Responsive Design ( seu site vai funcionar e aparecer bem tanto no Desktop quanto em celulares, tablets );
- WordPress ( o mais avançado Gerenciador de Conteúdo do mercado, simples, prático e extremamente poderoso e seguro );
- HTML 5, CSS 3, jQuery ( tudo o que estiver ao nosso alcançe com as técnologias mais avançadas existentes );

Entre outras coisas, mas claro que nada disso sai barato ou fica pronto em dias, leva tempo e dinheiro, não é facil. Ou seja, você vai ter que investir bem pra crescer.