Você tem quatro segundos – a quantidade exata de tempo que você precisa para criar uma primeira impressão duradoura em seus visitantes da web – para responder a esta próxima pergunta. O que você possivelmente faria para diferenciar seu negócio online da miríade de outros negócios por aí? Tiquetaque… três, dois, um. Acabou o tempo.
Você provavelmente veio com estas entre outras respostas:
- Tenha o mais incrível dos produtos
- Conte uma grande história pessoal por que você faz o que é que você faz
- Construa uma presença online formidável
- Fale com alguém da Finalmente Famous, Inc, que é uma empresa totalmente fictícia
Ficção à parte, voltemos ao ponto número três da nossa lista; construindo uma presença online formidável. Mais fácil falar do que fazer, construir uma presença online que permita que você se destaque da multidão envolve alguns fatores que estão ligados a ter um ótimo site.
Um ótimo site, você diz? Isso mesmo; seu site é, entre outras coisas, a cara do seu negócio online – sua única chance de causar uma ótima primeira impressão em seus clientes potenciais. No post de hoje, revelaremos 20 ferramentas que você pode usar para personalizar seu tema WordPress para atender às suas necessidades de negócios e atrair clientes em arrastos. Antes da lista de ferramentas, porém, aqui estão algumas verdades sobre a personalização de temas do WordPress que você precisa ter em mente ao fazer alterações em seus temas.
Como personalizar temas do WordPress
Se você nunca personalizou um tema do WordPress antes, pode acreditar que é um processo tão complicado que exige o cérebro de um cientista de foguetes e a resiliência de um neurocirurgião. Nada poderia estar mais longe da verdade. Alterar a aparência e as funções do seu WordPress é mais fácil do que nunca, graças a uma ampla variedade de temas premium do WordPress que vêm com opções avançadas de temas. E muitos temas, como Total , incluem construtores de páginas e opções de personalização integradas para que você possa criar um site único sem usar código.
No entanto, mesmo com uma infinidade de opções à sua disposição, alguns recursos e estilos simplesmente não são integrados, o que significa que você precisa adicioná-los manualmente. Mas tentar fazer com que alguém com pouco tempo ou experiência escreva código manualmente não provoca o melhor dos sentimentos, então quais são exatamente suas opções no que diz respeito à personalização de temas do WordPress?
Ao procurar o tema WordPress perfeito, você pode optar por um tema premium (como Total), um tema gratuito ou uma estrutura de temas, dependendo dos seus requisitos de negócios e preferências pessoais. Com um tema gratuito, você não baixa seu cartão de crédito, mas a inadequação de recursos e opções fará com que você deseje ter. Claro, você sempre pode obter plugins para qualquer funcionalidade sob o sol, mas todos nós sabemos como isso acontece.
Com os temas premium do WordPress, você obtém os recursos, a aparência, as atualizações e o suporte incrível por um preço. Basta dizer que seu tema premium de escolha pode não ter todos os recursos e opções de que você precisa para voltar à estaca zero. Uma estrutura de tema comercial oferece flexibilidade, os melhores padrões da web, código limpo, suporte etc, mas se você não sabe o que está fazendo ou pelo menos o que é um tema filho, está preso e não conseguirá muito na área de customização de temas ou mesmo desenvolvimento.
Surpreendentemente, usar um tema filho é a melhor maneira de personalizar seu tema WordPress. Cobrimos os temas filhos do WordPress no passado aqui, então não entrarei em detalhes, mas você nunca deve personalizar os arquivos de um tema diretamente para evitar perder todas as suas alterações toda vez que atualizar o tema. Em vez disso, você deve usar um tema filho. Os temas filhos permitem que você construa o site dos seus sonhos com base no tema pai sem correr o risco de perder sua personalização ao atualizar.
Usando o arquivo de folha de estilo do seu tema filho (style.css), você pode alterar a aparência de todo o seu site com algumas linhas de código. Com um arquivo PHP especial conhecido como functions.php, você pode adicionar recursos ou alterar seu site estruturalmente. Você pode dar um passo adiante e criar arquivos de modelo para seu tema filho, o que lhe dá controle absoluto sobre o design e a estrutura do seu tema.
Uma vez que seu tema filho esteja no lugar, você pode transformar seu tema da maneira que quiser e, adivinhe, você pode editar o CSS até certo ponto diretamente no painel de administração do WordPress. No entanto, as alterações que você pode fazer dessa maneira são limitadas, daí a necessidade de ferramentas adicionais.
Ferramentas para personalizar seu tema WordPress
As ferramentas que abordamos nesta seção variam de editores de código, clientes FTP, inspetores de código, manipuladores de imagem e provavelmente tudo o mais que é reservado a desenvolvedores da Web, designers da Web e proprietários de sites experientes em tecnologia. Se você é o iniciante perfeito, também encontrará algumas preciosidades, mas é do seu interesse ter uma familiaridade com HTML, CSS e PHP – o material do qual o WordPress é feito. Com isso dito, aqui está a lista de ferramentas que você precisa para personalizar seu tema WordPress de forma proveitosa.
ModeloTorradeira
Uma das opções mais fáceis é usar uma ferramenta de criação de temas personalizados, como o construtor de temas TemplateToaster . Programas. Com ele instalado em seu computador, você tem tudo o que precisa para criar seu próprio tema.
Use o construtor visual de arrastar e soltar integrado para criar seu próprio modelo. Existem várias opções para colunas, cabeçalhos, menus personalizados, galerias, áreas de widgets e muito mais. Tudo sem necessidade de codificação. Você pode até adicionar conteúdo enquanto cria seus layouts para economizar tempo mais tarde ao carregar o tema em seu site ao vivo. Além disso, tudo é totalmente responsivo (portanto, não há necessidade de se preocupar em estilizar o design do seu site para diferentes dispositivos) e pronto para RTL e multilíngue. E quando você terminar de criar seu tema personalizado com o TemplateToaster, tudo o que você precisa fazer é exportá-lo!
Ferramentas do desenvolvedor do Chrome
Você tem seu tema WordPress instalado e pronto para uso, mas como você sabe exatamente qual elemento personalizar? Se você olhar para o seu tema do front-end, não poderá dizer qual elemento é qual. O back-end não é melhor, mas graças ao Chrome Developer Tools , você pode visualizar as alterações na estrutura e no CSS do seu tema, para que possa ver como eles ficam antes de codificá-los. Você pode inspecionar visualmente qualquer elemento usando uma abordagem de apontar e clicar que facilita seu trabalho. No Google Chrome, você pode abrir as Ferramentas do desenvolvedor clicando com o botão direito do mouse no seu site e selecionando “Inspecionar elemento”.
Bloco de notas++
Personalizar seu tema WordPress envolve (ou envolverá) escrever muito código. Para isso, você precisa de um editor de texto poderoso que permita que você fique por dentro das coisas. O Notepad++ é sua melhor aposta, pois é fácil de usar, tem ótima aparência e vem com muitos recursos incríveis que tornarão a escrita de código muito divertida.
Texto sublime
O Notepad++ funciona com o Windows, mas se você precisar de um editor de texto único para o seu computador Mac, o Sublime Text é uma ótima opção (é o que usamos aqui no WPExplorer ao codificar todos os nossos temas). Ele vem com modo livre de distrações, suporte para edição dividida e permite que você personalize qualquer coisa enquanto alterna entre projetos instantaneamente.
Servidor Local (WAMP, XAMPP, MAMP, LAMP)
O melhor e mais fácil ambiente para personalizar (ou desenvolver) temas WordPress é um servidor local. Ele elimina o processo de login e upload para um servidor ativo, economizando tempo e esforço. Isso também significa que você tem controle total sobre seu servidor para personalizá-lo de acordo com suas necessidades variadas. Você não precisa comprar espaço de hospedagem ou registrar domínios/criar subdomínios para personalizar ou desenvolver temas, o que é ótimo para sua carteira. Não há tempos de inatividade ou limites de uso, além de todas as outras coisas que você odeia com seu host WordPress atual.
Para criar seu próprio servidor local, você precisa de programas como WAMP e XAMPP para Windows, MAMP para Mac OS X ou LAMP para Linux. Eu uso WAMP e tem sido incrível até agora tudo bem. Quer aprender a instalar o WordPress ? Confira nosso guia!
Adobe Photoshop
Espere, eu não sou um designer gráfico. Eu só quero personalizar meu(s) tema(s) do WordPress. Você pode me dizer por que eu preciso do Adobe Photoshop ? Aqui está uma pequena citação agradável para o seu prazer:
[Photoshop] é o software padrão de fato para manipulação de imagens. Eu o uso para editar logotipos, alterar cores em gradientes de fundo e ajustar [quase] qualquer elemento de imagem em um site. – Chris Cree, marketing experiente na web.
Agora, você entende por que precisa do Adobe Photoshop para personalizar seus temas do WordPress? Há tantas outras coisas que você pode fazer com o Photoshop, incluindo criar maquetes, escolher cores da web, salvar imagens para a web etc. O Photoshop custa cerca de US $ 20 por mês, o que é um pouco caro no meu mundo, mas vale a pena.
GIMP
Se você está apenas começando e com um orçamento apertado, desembolsar US $ 20 por mês para o Photoshop é algo que você provavelmente não quer fazer. Entra no GIMP e seu dia e $ 240 por ano são salvos. Embora difícil de configurar, o GIMP é uma alternativa digna ao Adobe Photoshop.
Gerar WP
Quando você começar a personalizar temas, precisará de trechos de código para vários componentes, como taxonomias, barras laterais, tipos de postagem personalizados, menus, códigos de acesso e barras de ferramentas, apenas para citar alguns. Embora você possa optar por passar horas a fio pesquisando os códigos no Google, o GenerateWP oferece a maneira mais fácil e rápida de criar código personalizado para o seu projeto usando as mais recentes APIs e padrões de codificação do WordPress. Gere qualquer código que você quiser com o clique de um botão.
Qual Fonte
Alterar detalhes minuciosos (por exemplo, fontes) em seu tema pode ter um grande efeito no design e na experiência do usuário. Mas escolher a fonte perfeita para o seu site WordPress pode ser um desafio com as milhares de fontes disponíveis. Não se preocupe, porém, com a ferramenta WhatFont, você pode descobrir facilmente as fontes usadas em qualquer página da web. Basta instalar a extensão do navegador WhatFont, executá-la e passar o mouse sobre qualquer bloco de texto. Simples como 1, 2, 3.
Visualizador de CSS
A ferramenta “Inspect Element” funciona muito bem, mas é tão impressionante quanto o CSSViewer ? Isso é um retumbante não. Embora você não possa editar visualmente o CSS (como em “Inspecionar elemento”), o CSSViewer é um visualizador de CSS simples e intuitivo que facilitará a personalização de temas do WordPress. Tudo o que você precisa fazer é instalar a extensão e passar o mouse sobre os elementos para ver uma variedade de propriedades CSS.
Conteúdo fictício
Na maioria dos casos, quando você adquire um tema WordPress, você recebe exatamente isso – uma tela de tema em branco sem nenhum conteúdo. Você ainda pode personalizar a cor e outros enfeites, mas sem conteúdo fictício, é um desafio ver se algo está errado. Mas de onde vou conseguir algum conteúdo fictício legal? Nós temos suas costas cobertas; você pode baixar o conteúdo de amostra do Theme Unit Test no Codex ou WordPress Sample Content no WPCandy.
WPBakery (anteriormente Visual Composer)
Um item de tendência no CodeCanyon no momento da escrita, o construtor WPBakery é um construtor de páginas de arrastar e soltar extremamente fácil de usar e responsivo que vem com editores visuais entre outros recursos interessantes. Em termos mais simples, você pode usar o Visual Composer para criar qualquer página do WordPress imaginável. Parece a ferramenta que você quer ao seu lado ao personalizar seu tema WordPress, certo?
Com um design responsivo, mais de 45 elementos de conteúdo, templates, suporte multilíngue e facilidade de uso entre outros recursos, o Visual Composer é exatamente o que você precisa para construir o tema WordPress dos seus sonhos. Tem mais de 388.000 vendas, uma classificação impressionante de 4,65/5,00 e custa apenas $ 64 dólares.
Teste do tema
Theme Test Drive é um plugin bem avaliado por Vladimir Prelovac, um desenvolvedor respeitável com mais de 25 plugins em seu currículo. O plug-in não faz nada extravagante – você apenas pode “… testar com segurança qualquer tema como administrador, enquanto os visitantes usam o [tema] padrão”.
Isso mesmo, usando o Theme Test Drive, você pode executar dois temas no seu site WordPress ao mesmo tempo. Obviamente, seus leitores verão apenas um enquanto você personaliza o outro. Quando conectado, você só poderá ver o tema que está personalizando, permitindo que você faça alterações de forma transparente, sem que os usuários percebam que você está executando um tema diferente.
Sou responsivo
À medida que você personaliza seu tema WordPress com novos recursos e estilos, você deseja ver como o tema personalizado se parece e funciona em diferentes dispositivos. Se você não sabe por onde começar, Sou Responsive é a sua resposta. Quando estiver no site Am I Responsive, basta adicionar sua URL e clicar no botão GO! botão e pronto.
Outras alternativas adequadas incluem o Responsive Design Checker ou o Mobile Responsive Design Testing do StudioPress. Você não quer que os elementos personalizados se sobreponham ou saiam da linha ao alterar a largura da tela, não é mesmo?
Personalizador de temas WordPress
Esta ferramenta deveria ter sido a primeira nesta lista, mas ei, quem está contando de qualquer maneira. Fluff à parte, o WordPress Theme Customizer é uma ferramenta WordPress fácil de usar que permite personalizar qualquer tema em uma visualização ao vivo. Você pode personalizar tudo, desde o cabeçalho até menus, cores, widgets e muito mais, dependendo das opções disponíveis em seu tema. Para usar o WordPress Theme Customizer, basta navegar até Appearance > Customize no seu painel do WordPress.
Herói CSS
Esta é uma ferramenta de web design tudo-em-um que ajuda você a personalizar seu tema WordPress facilmente. Basta apontar e clicar para editar margens, preenchimento, cores, planos de fundo, fontes e adicionar efeitos visuais como sombras e foco, entre outros. De CSSHero.org , esta ferramenta “… é o plugin WordPress definitivo para personalizar facilmente todas as propriedades de seus temas com uma interface fácil e intuitiva de apontar e clicar”.
Evernote
Esteja você personalizando seu próprio tema ou o tema de um cliente, você precisa de uma ferramenta para fazer anotações e acompanhar seu progresso. Você pode optar por ir à velha escola e anotar notas em papel que você perderá mais tarde, ou entrar na onda do Evernote e manter suas notas organizadas e sincronizadas em seus dispositivos. A escolha é toda sua. A melhor parte? Evernote é grátis!
FileZilla
Durante e depois de personalizar seu tema WordPress, você precisa fazer upload de arquivos para seu servidor web. Você pode usar o recurso Gerenciador de Arquivos que vem com sua conta de hospedagem ou usar o FileZilla , o cliente FTP para muitos usuários. É gratuito e compatível com Windows e Mac OS X, entre outros.
FireFTP
Esta é uma ótima extensão de navegador para os amantes do WordPress com uma coisa para o Firefox. FireFTP funciona bem com o Firefox, então você pode fazer upload/download de arquivos diretamente do seu navegador favorito sem nunca baixar um cliente FTP autônomo. Além disso, o FireFTP é gratuito, funciona como anunciado e pelos números, uma ferramenta bastante popular. Na verdade, é a melhor ferramenta FTP baseada na web!
Campo de base
Se você personaliza temas para ganhar a vida, obviamente tem projetos em execução frente a frente. Se você não conseguir acompanhar seu trabalho, as coisas vão dar errado eventualmente, algo que você definitivamente não quer. O Basecamp custa entre US$ 25 e US$ 150 por mês e é a melhor ferramenta para “… atribuir tarefas, verificar datas de vencimento, colaborar em projetos, compartilhar arquivos e discutir”. O Basecamp oferece uma avaliação gratuita de 60 dias, então não tenha medo de fazer um teste – eles não pedirão seu cartão de crédito.
ActiveCollab
Se o Basecamp não for do seu agrado, o ActiveCollab é uma alternativa impressionante. Com uma série de recursos incríveis e a partir de apenas US$ 25 por mês, o ActiveCollab oferece todas as ferramentas que você precisa para se manter atualizado em qualquer projeto, não apenas na personalização de temas.
Pra Você…
Se você ainda não começou a personalizar os temas do WordPress, é fácil, especialmente agora que você tem mais de 20 ferramentas incríveis para tornar seu trabalho mais fácil e divertido. Se você não se sente confortável em codificar, recomendamos usar um tema rico em recursos, como Total, para fazer personalizações. Se você personaliza temas do WordPress, quais outras ferramentas você usa? Se você gostou deste post, por favor, compartilhe seus pensamentos conosco, estamos sempre ansiosos por seus comentários. Ad astra.