Palestra apresentada no WordCamp São Paulo 2017.
Esta palestra é sobre a jornada pela qual todo desenvolvedor de temas para WordPress passa. Desde os inciantes que personalizam CSS, até os desenvolvedores avançados que utilizam frameworks e diversas ferramentas no processo. Nesta apresentação, conheceremos os diferentes métodos, suas aplicações e o que é necessário aprender para desenvolver temas cada vez mais personalizados e melhores.
Para embasar esta palestra, efetuei uma pesquisa com 100 desenvolvedores WordPress, sobre as ferramentas, técnicas e recursos mais utilizados. Os resultados, apresentados na palestra, oferecem uma rica referência de qual é a situação do processo atual de desenvolvimento de temas na comunidade brasileira.
Para os iniciantes, é uma oportunidade de descobrir a resposta para as seguintes perguntas: como ter mais controle sobre o layout do meu site WordPress? Quais são as boas práticas ao criar um novo tema? É realmente necessário saber programar para criar temas, e, se for, quais linguagens devo aprender?
Para os mais experientes, teremos dicas de padrões de desenvolvimento, pré-processadores, task runners, frameworks, e outras ferramentas, e como será o futuro do desenvolvimento de temas frente a novos recursos como React.js e bibliotecas semelhantes, e o Gutenberg.
Versão animada dos slides:
https://www.hastedesign.com.br/dicas/o-que-eu-preciso-saber-para-desenvolver-temas-wordpress
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp SP 2017
1. O que eu preciso saber
para desenvolver temas
Anyssa Ferreira
2. Anyssa Ferreira
Designer e desenvolvedora web há
10 anos, especialista em WordPress.
Co-fundadora do estúdio Haste.
Organizadora da comunidade
WordPress, 1ª ganhadora da Kim
Parsell Scholarship.
@anyssaferreira
hastedesign.com.br
13. Um tema filho é um tema que
herda as funcionalidades e
estilos de outro tema, chamado
de tema pai. Os temas filhos são
a forma recomendada de
modificar um tema existente.
https://codex.wordpress.org/pt-br:Temas_Filhos
18. É mais difícil ler um código, do
que escrevê-lo.
– Joel Spolsky
Mesmo para criar um tema filho,
é importante conhecer os
templates e saber pelo menos
entender o código.
25. Padrões de código para o PHP
● Indentação lógica e com TAB, não espaços.
● Aspas simples, a menos que esteja tratando algo na string.
● Condições Yoda. Inverta a verificação. Erros evitar você deve.
○ if ( true == $the_force ) {
○ $victorious = you_will( $be );
○ }
● Entre outros.
[EN] https://make.wordpress.org/core/handbook/best-practices/coding-standards/
[pt_BR] https://codex.wordpress.org/pt-br:Padroes_de_Codificacao_do_WordPress
26. Padrões de código para o CSS
● Indentação lógica e com TAB, não espaços.
● Quebre múltiplos seletores em linhas
● Nomes de seletores (classes e IDs) com letras minúsculas e
separados por hífens.
● Entre outros.
[EN] https://make.wordpress.org/core/handbook/best-practices/coding-standards/
31. Um framework ou tema base, é
um tema que já vem com
alguns recursos e templates
pré-criados, agilizando o
desenvolvimento e evitando
repetitividade.
40. Pré-processadores são
programas que recebem
uma entrada, efetuam um
processamento, e geram
uma saída, adicionando
recursos ou modificando a
forma que escrevemos o
código.
41. CSS
● Adicionam variáveis
● Adicionam funções
● Adicionam mixins
● Modificam a indentação,
tornando hierárquica
● Podem compilar media
queries mais complexas e
adicionar vendor-prefixes
facilmente.
● Entre outros recursos,
Pré-processadores
42. HTML e JS
● Simplificam a sintaxe,
deixando a escrita menos
verbosa
● Deixam o código mais
limpo Pré-processadores