Todo desenvolvedor do WordPress precisa desta lista de tutoriais e ferramentas indispensáveis ​​[Do iniciante ao avançado]

Divulgação: Seu suporte ajuda a manter o site funcionando! Ganhamos uma taxa de indicação por alguns dos serviços que recomendamos nesta página.


O WordPress é o sistema de gerenciamento de conteúdo (CMS) mais popular do mundo, com mais de 25% da web pública. É popular em parte porque é gratuito, fácil de usar e fácil de hospedar. Também é relativamente fácil de desenvolver. Muitos web designers e desenvolvedores começaram a trabalhar no WordPress – e muitos fizeram uma carreira lucrativa com isso.

A estrutura do WordPress separa o conteúdo do design e da funcionalidade. O conteúdo é armazenado em um banco de dados, os recursos personalizados são adicionados aos plug-ins e o design de um site é controlado por um tema.

Se você deseja criar temas para o WordPress, é útil conhecer um pouco de PHP, mas o mais importante é HTML e CSS. Além das habilidades básicas de codificação, há várias coisas específicas do WordPress que você precisa aprender para se tornar um desenvolvedor de temas bem-sucedido.

Reunimos os melhores tutoriais de desenvolvimento de temas para WordPress, além de links para ferramentas essenciais, recursos úteis e alguns ótimos livros. Aqui você encontra todas as informações necessárias para criar seus próprios designs para um site WordPress.

Tutoriais

  • Desenvolvimento de temas é o guia oficial do WordPress. Esta é a primeira coisa que você deve ler quando começar a pensar em criar seu próprio tema.
  • Desenvolver um tema WordPress a partir do zero é uma exploração detalhada de como criar seu próprio tema WordPress, para pessoas que não necessariamente conhecem PHP, ou mesmo muito sobre HTML e CSS.
  • O WordPress Theme Development Basics é um resumo introdutório de como os temas WordPress funcionam e o que é necessário para criar um.
  • Como criar um tema para WordPress é um tutorial muito fácil de seguir que não pressupõe conhecimento prévio de codificação.
  • O Tutorial de tema do ThemeShaper WordPress é um tutorial de construção de temas de 16 lições que cobre cada componente de um tema personalizado em detalhes.
  • Tutorial do WordPress: Como criar um tema WordPress a partir de HTML orienta o leitor na criação de um tema WordPress, a partir de um modelo HTML.
  • Desenvolvimento de temas para WordPress – Um guia para as opções é uma visão geral de alto nível do que considerar ao iniciar um projeto de desenvolvimento de temas para WordPress.
  • Making the Perfect WordPress Theme é um tutorial de 6 partes do Tuts +, com o objetivo de ajudá-lo a criar o melhor tema WordPress que você já criou.
  • Desenvolvendo seu primeiro tema WordPress é um guia para iniciantes sobre desenvolvimento de temas em três partes.
  • Desenvolvendo temas do WordPress usando estruturas responsivas é um tutorial que detalha uma tarefa comum de desenvolvimento de temas – trabalhando com estruturas de extremidade de fonte existentes, como Bootstrap e Foundation.
  • O Curso de Desenvolvimento de Temas WordPress da Treehouse é um curso de vídeo premium (pago) que abrange todos os aspectos da criação de um novo tema WordPress do zero.
  • Desenvolvimento do WordPress para usuários intermediários: o desenvolvimento do tema em detalhes ultrapassa todos os princípios repetidos na maioria dos tutoriais, mas não pressupõe que você saiba tudo sobre o WordPress – um ótimo tutorial para desenvolvedores de temas com um pouco de experiência, procurando se tornar mais eficiente e efetivo.
  • Projetar, desenvolver e vender temas do WordPress é um curso em vídeo de 17 partes da Udemy que cobre os aspectos artísticos, técnicos e comerciais da criação de temas do WordPress.

Tutoriais intermediários e avançados

Esses tutoriais não são sobre temas em geral, mas sobre algum aspecto específico do desenvolvimento do tema. Depois de entender o processo básico de construção de um novo tema, eles ajudarão você a elevar suas habilidades ao próximo nível.

  • As Ferramentas de desenvolvimento de temas do WordPress cobrem um aspecto pouco explorado do desenvolvimento de temas do WordPress: configuração de um ambiente de desenvolvimento e teste sensato com as ferramentas certas.
  • Estratégias profissionais de desenvolvimento do WordPress fornecem várias dicas úteis para lidar com alguns dos problemas comuns no desenvolvimento de novos temas e plugins do WordPress.
  • Desenvolvimento profissional do WordPress: Ambientes explica como configurar vários ambientes (Dev, Test, Staging, Production) para que os erros sejam descobertos e resolvidos antes de serem implantados em um site ativo.
  • O Teste de unidade de tema é uma parte importante e muitas vezes ignorada da criação de um novo tema do WordPress. Este tutorial do codex do WordPress é uma ótima introdução ao tópico.
  • Aproveitando as Ferramentas de desenvolvedor do Chrome para desenvolvimento do WordPress é um tutorial prático sobre desenvolvimento e depuração de front-end no Chrome, com foco no trabalho em um site WordPress.
  • Melhorando e refinando seu processo de desenvolvimento de temas para WordPress é um artigo que se concentra em como você realmente realiza o desenvolvimento de temas, não no conhecimento técnico específico.
  • Usando o Sketch para criar belos sites responsivos do WordPress mostra como usar a popular ferramenta de design baseada em Mac para o desenvolvimento de temas do WordPress.
  • Como configurar o WordPress localmente em 5 minutos com o DesktopServer explica uma maneira fácil de obter uma configuração do ambiente de desenvolvimento local para que você possa começar a criar seu novo tema WordPress.
  • Tema do WordPress Starter vs Diferenças da estrutura de temas é um artigo que discute duas abordagens diferentes para criar seu novo tema do WordPress.

Referência

Até os melhores desenvolvedores de temas não conseguem se lembrar de tudo. Marque esses sites como favoritos para que você possa sempre encontrar as informações que procura.

  • O WordPress Codex é a documentação oficial do software WordPress. Se você deseja criar seus próprios temas, deve conhecer essas páginas muito bem.
  • Os padrões de codificação do WordPress são o guia de estilo oficial para escrever o código do WordPress. Temas e plugins enviados aos diretórios oficiais devem seguir os padrões de codificação.
  • Entrar nos modelos é a explicação oficial do WordPress Codex sobre como os arquivos de modelo de tema funcionam.
  • O Guia do desenvolvedor de temas do WordPress.com estabelece todos os requisitos para inclusão no diretório de temas do WordPress.com.
  • O banco de dados de ganchos do WordPress é um diretório indexado de todos os ganchos e filtros no núcleo do WordPress. Veja também o hookr.io muito semelhante.
  • O WordPress nu é um tema inicial responsivo e em branco que não se destina principalmente como base para o desenvolvimento de temas. O código para cada arquivo é meticulosamente comentado para referência.
  • Awesome WordPress é uma lista com curadoria de ferramentas e recursos de desenvolvimento WordPress.

Ferramentas de fluxo de trabalho de desenvolvimento

Se você ainda estiver usando o Bloco de notas e um cliente FTP para fazer alterações de tema em um site ativo, precisará melhorar o fluxo de trabalho de desenvolvimento do WordPress. O ponto de partida é com ferramentas modernas.

  • Roots é um conjunto de ferramentas de desenvolvimento WordPress que fornecem uma experiência de desenvolvimento moderna e integrada. As ferramentas incluem uma pilha de servidores da Web projetada para fácil implantação, uma distribuição personalizada do núcleo do WordPress que facilita o gerenciamento de dependências e o controle de versão, além de um tema inicial com as melhores práticas integradas.
  • O WP-CLI é uma interface de linha de comando do WordPress que permite instalar e atualizar plug-ins, atualizar o núcleo, gerenciar temas e executar várias outras tarefas administrativas a partir do shell, sem a necessidade de usar um navegador da web. Há também uma GUI para WP-CLI, caso você tenha dificuldade em lembrar como concatenar longas sequências de comandos.
  • O WordPress Packagist reflete os diretórios de plug-ins e temas do WordPress como um repositório do Composer, permitindo que você faça o gerenciamento moderno de dependências do PHP em várias instâncias do mesmo projeto.
  • O WordPress-Skeleton é um repositório inicial do Git para projetos do WordPress.

Pilhas de servidor da Web local

Todas essas ferramentas fazem a mesma coisa: fornecem uma pilha de servidores da web para um ambiente de desenvolvimento local.

  • XAMPP
  • WampServer
  • MAMP
  • DesktopServer
  • Treliça

DesktopServer e Trellis são projetados especificamente para WordPress. XAMPP, Wamp e MAMP serão mais semelhantes ao ambiente do servidor em um plano de hospedagem compartilhada típico.

Plugins

Esses plugins facilitam o desenvolvimento do tema WordPress.

  • O WordPress Beta Tester facilita o teste de versões beta de novas versões do WordPress. Para desenvolvedores de temas, isso pode ajudá-lo a garantir que seu tema seja compatível com quaisquer alterações feitas no núcleo.
  • A alternância de usuários facilita a alternância rápida entre diferentes contas de usuário. Isso é muito útil para testar temas e ver como eles se parecem com diferentes tipos de usuários (administrador, colaborador, assinante).
  • Synchi adiciona um IDE (ambiente de desenvolvimento integrado) ao editor de temas e códigos de plug-in no administrador do WordPress.
  • O desenvolvedor ajuda a otimizar sua instalação do WordPress para desenvolvimento.
  • O que o arquivo informa quais arquivos de modelo estão sendo usados ​​para exibir uma página do seu site.
  • A Barra de depuração adiciona uma barra de administrador a um site, fornecendo informações sobre desempenho, armazenamento em cache, detalhes da consulta e outras coisas úteis para que os desenvolvedores saibam.
  • A Verificação de tema testa automaticamente um tema para compatibilidade com os padrões de codificação de temas do WordPress.
  • O Log Deprecated Notices registra qualquer uso de uma função, arquivo, gancho ou filtro obsoleto ou usado incorretamente e sugere uma alternativa.
  • O Theme Test Drive permite que você execute um tema para o usuário administrador, enquanto todos os outros visitantes do site veem um tema diferente.
  • O Framework de opções facilita a criação de painéis de opções de temas.
  • O Monster Widget permite ativar rapidamente todos os widgets principais de um site, o que é muito útil para testar o design e o layout do tema.

cupom de hospedagem na web

Procurando hospedagem WordPress séria?
O Liquid Web oferece hospedagem de alto desempenho e excelente suporte ao cliente. No momento, você pode economizar muito em seus planos de qualidade usando este link de desconto especial
.

Temas para iniciantes e estruturas de temas

Você pode criar um novo tema do WordPress a partir do zero, mas gastará muito tempo escrevendo código redundante e reinventando a roda. A maioria dos desenvolvedores de temas profissionais usa um tema inicial em branco para poder se concentrar nos recursos que tornam seu design exclusivo.

  • O HTML5 Blank WordPress Theme é um ótimo tema para iniciantes para iniciar seu desenvolvimento com o pé direito.
  • Sprig é um tema inicial que incorpora o sistema de modelagem Twig.
  • O Cherry Framework é um framework de temas WordPress responsivo baseado no Twitter Bootstrap.
  • O Underscores é um tema para iniciantes do WordPress, baseado em padrões, ultra mínimo, desenvolvido pela Automattic.
  • O Genesis Framework do StudioPress é um framework de temas profissionais que fornece uma base de alta qualidade para a criação de belos temas do WordPress.
  • Tese é um tema WordPress skinnable e sistema de gerenciamento de modelos.
  • Camadas é um tema personalizável do WordPress com um editor visual de arrastar e soltar.
  • O pórtico é uma estrutura temática para o desenvolvimento rápido.
  • Bones é um popular tema inicial para WordPress em HTML5.

Livros sobre WordPress Tema Design

  • Cavar no WordPress (2009-atual), de Coyier e Starr, é o melhor livro disponível se você quiser uma compreensão profunda de como o WordPress realmente funciona. Ele é atualizado continuamente à medida que cada nova versão ou patch é lançada, para que você obtenha as informações mais recentes em cópia impressa sempre que comprar, além de acesso vitalício ao material atualizado on-line. Se você vai comprar apenas um livro no WordPress, esse é o primeiro.
  • O WordPress Web Design For Dummies (2013), de Lisa Sabin-Wilson, é uma ótima introdução ao WordPress e ao desenvolvimento de temas. Este livro também é muito bom para pessoas que estão trabalhando com desenvolvedores de temas do WordPress e desejam saber o que é possível, o que podem pedir e o que pode ser muito fora do comum.
  • Smashing WordPress Themes: Tornando o WordPress bonito (2011), de Thord Daniel Hedengren, é uma visão popular da criação de temas do WordPress, com ênfase no design bonito.
  • O WordPress Profissional: Design e Desenvolvimento (2013), de Williams, Damstra e Stern, analisa o âmago da questão técnica do desenvolvimento de plug-ins e temas do WordPress, para codificadores com alguma experiência.
  • Guia do Web Designer para WordPress: Planejar, Tema, Construir, Lançamento (2012), de Jesse Friedman, é uma introdução completa ao WordPress, da perspectiva de um web designer. Este livro é mais adequado para pessoas que são novas no WordPress, mas que já têm alguma experiência com HTML, CSS e JavaScript.

cupom de hospedagem na web

Procurando uma ótima hospedagem WordPress com desconto?
O SiteGround – classificado como o número 1 pelos nossos leitores – fornece planos para WordPress otimizados para velocidade e segurança. Agora você pode economizar até 67% nesses planos populares. Use este link de desconto
para conseguir o acordo.

Sumário

Criar novos temas para o WordPress é muito gratificante, mas também pode ser um trabalho árduo. Há muitas partes móveis, itens a serem acompanhados e detalhes de implementação a serem lembrados. Se você apenas abrir o tema padrão e começar a mexer no código, provavelmente aprenderá muito – mas não terá um tema estável e sustentável que possa usar em um site público ou liberar no Diretório de Temas.

No entanto, se você seguir os conselhos desses tutoriais e usar as ferramentas listadas acima, poderá criar novos temas bonitos e manter a sanidade ao fazê-lo.

Leitura e recursos adicionais

Temos mais guias, tutoriais e infográficos relacionados ao WordPress:

  • Guia de correções e solução de problemas do WordPress: este guia de 7 capítulos leva você profundamente ao WordPress.
  • 3 razões sem argumento para construir seu site com o WordPress: saiba por que tantos acham que o WordPress é o único CMS que importa.
  • O que é o WordPress: esta é a nossa introdução básica ao WordPress.

Como acelerar o WordPress

Deseja maximizar o desempenho da sua instalação do WordPress? Confira nosso infográfico, Como acelerar o WordPress.

Como acelerar o WordPress
Como acelerar o WordPress

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map