Se você tem um blog WordPress, normalmente descobrirá que um bom tema e um conjunto de plugins cobrirão a maioria das funções.
Mas e se houver algo que você queira que seu blog faça e nenhuma das soluções existentes realmente atenda?
Bem, você cria algo novo.
No post de hoje, vou dar uma visão geral muito rápida e básica de como você pode projetar e construir uma função completamente nova em seu blog com o mínimo de aborrecimento possível.
Vamos dar uma olhada.
Um exemplo recente aqui no Blog Tyrant
Nos últimos anos, tenho usado o HelloBar para direcionar visitantes a diferentes partes do site.
Recentemente, no entanto, eles mudaram a forma como o serviço funcionava e ele não atendia mais às minhas necessidades específicas.
Então, decidi construir o meu próprio.
A principal coisa que eu queria fazer era ter uma barra para dispositivos móveis e uma barra para dispositivos desktop. Cada uma teria uma mensagem, botão e URL de destino diferentes, e eu poderia alterá-la sempre que quisesse sem pagar por cliques.
A barra para desktop:
E aqui está a barra para celular:
O resultado é que agora tenho controle total sobre essa barra no topo do meu site. Não tenho todas as análises e recursos de design que o HelloBar oferece (ainda é um serviço incrível), mas faz exatamente o que eu preciso e continuarei desenvolvendo os recursos à medida que surgirem.
Como construir uma nova função personalizada em seu blog
Então, digamos que haja algo em seu blog que você não consegue resolver com um plugin.
O que você faz?
Bem, aqui estão os passos que eu geralmente sigo para fazer isso rapidamente e sem custar uma fortuna.
1. Projete a função
Vou usar o exemplo da barra que construí no Blog Tyrant, mas os próximos passos se aplicam a praticamente qualquer tipo de recurso que você vá construir.
Esta etapa exigirá que você tenha um programa como Photoshop ou Pixelmator e um pouco de conhecimento sobre como usá-lo.
Se você não tiver, no entanto, não é um grande problema e darei outra opção abaixo.
i) A primeira coisa que você quer fazer é tirar uma captura de tela de toda a parte do site onde este recurso ou função aparecerá. Em um Apple, você faz isso clicando em Command Shift 4 e depois selecionando a área da sua tela; em um PC, é mais fácil apenas abrir a Ferramenta de Captura e clicar em Novo.
ii) Agora você quer abrir essa captura de tela no Photoshop.
iii) Comece a projetar seu novo recurso pensando em coisas como branding, como ele será exibido, quais efeitos de mouseover ele pode ter, etc. Às vezes, você precisará projetar duas imagens para ver como fica quando uma determinada ação ocorre.
Acima está uma captura de tela do meu espaço de trabalho no Pixelmator, onde estou testando cores diferentes para o botão. Criarei um monte de imagens diferentes com cores variadas para tê-las como opções para diferentes efeitos, etc.
iv) Salve seu design como um PSD. Este é um formato do Photoshop que permite que qualquer pessoa com Photoshop o leia, mova todos os elementos e os corte e emende. Isso é impossível (ou muito irritante!) com uma imagem plana como JPEG ou PNG.
2. Crie uma descrição de trabalho, escolha um desenvolvedor e teste-o
Isso pode parecer irritante, mas na verdade leva apenas alguns minutos e, uma vez que você encontrou alguém de que gosta, pode continuar a usá-lo repetidamente à medida que seu negócio cresce.
Eu pessoalmente uso Crazy XHTML para a maioria dos meus desenvolvimentos em WordPress. Tenho um bom relacionamento com eles há anos e os recomendo com prazer o tempo todo.
A outra opção é ir ao Freelancer.com e postar um trabalho dizendo que você está procurando alguém para desenvolver uma nova função em seu blog WordPress.
i) Escreva um "brief" que comunique exatamente o que você quer que o recurso faça. Aqui está um exemplo do que eu escreveria para meu desenvolvedor para o exemplo do HelloBar neste post:
Oi colega.
Espero ter um novo recurso codificado em meu blog até sexta-feira.
PSDs do design anexados e instruções abaixo. Por favor, me informe seu custo estimado e quaisquer dúvidas.
1. O recurso é uma "barra flutuante" que fica no topo da página e segue o leitor enquanto ele rola.
2. Exemplos podem ser vistos em www.example.com.
3. Preciso de uma barra separada para desktop e mobile e a capacidade de editá-las facilmente no meu painel do WordPress.
4. Efeito de mouseover incluído no design.
5. Por favor, configure uma demonstração antes de ir ao ar.
Agradeço antecipadamente.
Ramsay
Consigo manter meus e-mails bem curtos porque conheço meu desenvolvedor há muito tempo e ele geralmente sabe o que estou tentando dizer. Se você estiver trabalhando com alguém pela primeira vez, talvez inclua mais exemplos e capturas de tela apenas para evitar idas e vindas.
ii) Depois de escrever o brief ou criar o trabalho no Freelancer, você precisa selecionar o desenvolvedor ou confirmar que o custo dele é apropriado. Dê o sinal verde para que ele prossiga e monitore o progresso dele respondendo a quaisquer perguntas que ele tenha, etc.
iii) Teste o recurso no site de demonstração que eles deveriam ter configurado. Você quer ter certeza de que isso acontece para que possa ver quaisquer erros ou problemas antes que ele vá ao ar em seu blog real.
3. Instale a função
O último estágio é ter a função instalada em seu blog real. Isso pode ser na forma de um plugin, ou você pode ter que dar ao seu programador acesso ao backend do seu blog via FTP para que ele possa fazer um pouco de programação.
Este é um conceito bastante assustador para muitas pessoas – permitir que alguém tenha acesso a todo o seu blog. Esta é uma das razões pelas quais prefiro trabalhar com uma empresa confiável.
Se você estiver usando o Freelancer, apenas certifique-se de escolher um desenvolvedor que tenha muitas e muitas avaliações excelentes de pessoas de todo o mundo.
Conclusão
Obviamente, este não é o único jeito de fazer isso, mas descobri que é o método mais eficaz em termos de custo e tempo. Assim que você encontra um desenvolvedor com quem trabalha bem, pode acelerar muito as coisas e verá que seu blog se torna muito mais eficaz à medida que você adiciona recursos e funcionalidades personalizadas de que ele realmente precisa.
Tem alguma dúvida? Deixe um comentário abaixo.
Foto principal: Sergei Zolkin
[ Sorri ] Ramsay, você tem um jeito de simplificar questões complexas.
Criar um novo plugin do zero é incrível!
Sim, eu costumava pensar assim. Agora fazemos o tempo todo. :)
Ramsay, estes são ótimos recursos! Você também não pode criar algo com CSS (ou com um cara de tecnologia esperto que conheça CSS e WordPress)? Meu cara de tecnologia criou um modelo de página especial para mim (não tenho certeza como) e a Studiopress facilita o uso de código CSS para modificar quase tudo. Não tenho certeza se fará algo como uma barra de "olá" inteira, mas você me inspirou a descobrir!
Alguns desses caras do Fiverr são gênios (se você tiver sorte), mas você tem que confiar em alguém para entrar no seu blog e adicionar algo... como autorizar uma cirurgia.
Cathy
Sim, você pode. Eu não me preocupo mais com isso – é muito mais rápido para mim pagar um especialista.
Essa é uma distinção interessante, Ramsey. Você está dizendo que poderia fazer isso, mas é mais fácil e mais eficaz em termos de tempo e custo contratar outros para fazer? Se sim, o que você faz com o tempo economizado?
ótimo post novamente!
Obrigado Ramsey por compartilhar um artigo tão útil. Depois de muito tempo, li um artigo diferente no seu blog. :)
Publiquei dois esta semana! Ha ha.
Ótima ideia para procrastinadores – criar um arquivo no Photoshop e usar um freelancer economizará muito do tempo que leva para se preocupar com o que fazer sobre um plugin (o que para mim leva eras).
Jon Jon Jon.
Uau... nunca teria pensado nisso. Perfeito quando você tem uma ideia e não há um plugin! Obrigado por uma ideia fora da caixa!!
Bem-vindo!
Olá,
Você poderia ter intitulado o post como como postar um trabalho em freelancer em vez de dizer como desenvolver uma função personalizada.
Não leve a mal, mas com o título eu esperava que fosse outra coisa.
Obrigado pelo feedback, Prabhat. Eu aprecio.
Isso é muito legal! E meu marido sabe Photoshop, então... voilà!
Obrigado Ramsay.
Perfeito!
Oi Ramsay,
Obrigado pelo post.
Estou pensando em desenvolvimento de plugins WordPress personalizados e procurando desenvolvedores WordPress.
Eu me pergunto, já que você está neste campo há muito tempo, se você conhece e poderia indicar alguns desenvolvedores de plugins WordPress.
Atenciosamente,
Abhishek
Há um no post. 😉
Fui ao site deles. Não ficou claro se eles trabalham com plugins WordPress totalmente novos ou não. Entrarei em contato com eles. Obrigado :)
Felizmente, eu nunca estive em uma situação em que um plugin não atendeu a todas as minhas necessidades, que eu não pudesse resolver simplesmente instalando outro plugin..rsrs.
No entanto, isso é muito legal! Obrigado pela ideia Ramsey :)
Obrigado por comentar.
Notei que eu disse “Ramsey” – me sinto estúpido 🙁
Por favor, me perdoe Ramsay!
Olá Ramsay,
Excelente post, como sempre. Gostei muito deste post porque tentei desenvolver um plugin para Engagebit há alguns meses, mas não tive sucesso. Este post foi muito útil.
Vou começar o projeto novamente.
Tenha um ótimo dia!
Obrigado, amigo.
Oi Ramsay,
Bom trabalho, cara.
Quando mudei para a plataforma Rainmaker no final do ano passado, tive que dizer adeus aos plugins do WordPress. Você ficaria surpreso com as coisas que ainda consigo fazer graças a um histórico de desenvolvimento web e à capacidade do Rainmaker de adicionar scripts personalizados a cada página, embora. :)
O que o Hello Bar mudou que o fez mudar? Eu não os uso há um bom tempo.
Vou tuitar isso em breve, amigo. Vou postar no FB também (isso é uma palavra?).
-Kevin
Sim, as pessoas parecem estar amando o Rainmaker. Estou pensando se devo tentar.
Oi Ramsay,
Conte comigo entre os que são grandes fãs do Rainmaker. (Se você quiser ler por que mudei para ele, linkei meu nome acima para o post que escrevi sobre o Rainmaker no outono passado.)
Dito isso, uma mudança para o Rainmaker exigiria uma mudança de design para o Blog Tyrant. A menos que você os faça incorporar seu tema (o que é possível, suponho), você precisaria usar um dos temas StudioPress deles e personalizá-lo.
Para que vale, eu amo o design do seu site. Eu odiaria vê-lo desaparecer. :)
-Kevin
Post muito interessante. Não tenho certeza se você estaria disposto a compartilhar, mas quanto custou para fazer esse plugin? Só para termos uma ideia aproximada.
Acho que foram US$ 60.
Uau, isso é muito bom para seu próprio código / plugin personalizado. Com certeza terei isso em mente se encontrar um recurso que não consigo encontrar no futuro.
Post interessante Ramsay. Como você indicou acima que criar seu próprio plugin é bastante barato, você tem todas as suas funções adicionais desenvolvidas ou você ainda usa muitos plugins premium? Eu muitas vezes achava que os plugins gratuitos simplesmente não faziam o suficiente e sinto que gastar mais dinheiro apenas pela função que preciso não vale a pena. O que você acha?
Obrigado e continue assim!
Oi Joep.
Eu geralmente fico feliz em pagar por um bom plugin. Eles ajudam a tornar meu negócio mais eficiente e posso reivindicá-los como dedução fiscal.
Sim, eu estava pensando a mesma coisa sobre o Hello Bar. Felizmente, estou usando modelos themify para a maioria dos meus blogs e foi super fácil apenas criar um hook 'before header' e estilá-lo para parecer exatamente como um hello bar.
Ok, ele não tem nenhuma inteligência, mas fica no topo da página quando você rola. Posso até inserir uma caixa de captura de e-mail quando estiver pronto.
Está na minha lista de coisas para fazer um tutorial.
Claro que eu poderia pagar um desenvolvedor, mas onde está a diversão nisso.
Ha ha. Acho que é super divertido. Me deixa mais tempo para fazer trilhas!
lol. Waterfall Gully ou trilha de verdade. Eu ainda não fiz as Flinders Ranges. É melhor eu colocar isso na minha lista de desejos.
Ei Ramsay, obrigado pelo post. Eu também estou planejando adicionar uma função personalizada para o meu site. Acho que esses pontos me ajudarão para o meu site. Continue postando.
Obrigado, amigo.
O Lynda.com tem alguns cursos muito bons sobre como personalizar um tema do WordPress e modificar funções. É muito fácil de seguir porque é composto por tutoriais em vídeo fáceis de entender.
Obrigado pela dica!
E aí, Ramsay? Ótimo post! Como está a conversão do seu novo pop-up e qual programa você está usando? Eu estou usando o MailChimp e ele converte cerca de 10%. Abraços, Chris
Sim, está em torno dessa marca.
Um tutorial maravilhoso, Ramsay,
Eu nunca tinha pensado nisso antes. Por US$ 60, aposto que será muito mais barato do que o plugin já projetado que pode fazer o que ele faz por você.
Eu estava pensando em como obter uma caixa de recursos personalizada para o meu blog, mas acho que deveria apenas tentar este método.
Embora eu nunca tenha usado freelancer antes, acho que também posso obter o mesmo serviço via Odesk.
Obrigado por compartilhar.
Me diga como você se sai. Espero que ajude.
É bom saber sobre essa opção. O preço não é ruim e a funcionalidade parece bastante robusta.
Os custos de desenvolvimento geralmente acabam sendo menos do que fortuitos quando as iterações começam a se multiplicar. Até mesmo algo como o Elance.
Sim, acho que é por isso que é bom encontrar alguém que você conhece e confia para trabalhar depois de um tempo.
Depois de ler alguns dos artigos em seu site, eu realmente gosto da sua técnica de
blogging. Eu o marquei na minha lista de sites de favoritos e estarei
voltando no futuro próximo. Por favor, confira meu site também
e me diga o que você pensa.