Após um sumiço (justificável) aqui do Tableless, garanto: continuo, por aí, na ativa “codando“, testando e opinando da perspectiva front-end/UX a respeito da evolução do desenvolvimento web.
No último ano tive a chance de trabalhar incansavelmente com o opensource CMS Worpdress e se você não sabe do que estou falando, te aconselho a parar por aqui e clicar nos links abaixo:
https://tableless.com.br/front-end-concluido-como-comecar-wordpress-parte-i/#.UVh-Aqt36So
https://www.youtube.com/watch?v=1skFgAcgZik
Esta experiência, me fez adquirir alguns processos para iniciar novos projetos com o uso da plataforma e agora vou dividir com vocês. Ressalto que, são escolhas bastante pessoais, uma vez que com o WP podemos fazer a mesma coisa de inúmeras formas, portanto se você conhece mais algum outro método que possa ser adicionado à esta listagem, sinta-se a vontade para completar através dos comentários.
Passo 1
Baixar uma versão atualizada do WordPress: esta etapa é bastante importante principalmente para quem faz grande uso de pluggins. Eu confesso que circulo entre a versão mais atual e duas versões anteriores pois, já tive o desagrado de descobrir de última hora que o pluggin escolhido para usar em um dos projetos que eu estava desenvolvendo, só aceitava versões anteriores da plataforma. Portanto, tome cuidado com esta etapa.
**
Passo 2**
Escolha um tema em “branco“ (Sandbox): depois de instalado o WP não faça nada antes de instalar um novo tema mais “limpo“ visualmente, senão você (que conhece de HTML) vai sofrer horrores tentando descobrir onde estão os “problemas“ de css do tema que acompanha o WP. No nosso caso, o escolhido é o tema Sandbox (indicação de um amigo/desenvolvedor que trabalhou comigo) que tem um visual totalmente clean e sem grandes formatações, ainda assim, antes mesmo de aplica-lo ao admin do WP, limpo os arquivos de estilo do tema, deixando apenas os presets básicos (aproveito e incluo presets para tags HTML5 também, assim você já pode aplicar as novas estruturas html em seus códigos.). Feito isso, “visualizar página“.
**
Passo 3**
Crie (desenhe, se necessário) uma dinâmica de uso do WordPress: na prática, visulizar o layout, os dados de sitemap e partir para um rabisco da lógica de ações do usuário para atualizar o conteúdo deste site com o WordPress. Isso te permite entender melhor onde você terá que personalizar o uso do CMS no painel de administração, além de já adiantar um passo onde você conseguirá desenvolver o html diretamente no tema do WP visualizando a aplicação do CMS a cada conteúdo.
**
Passo 4**
Escolher os (melhores) pluggins: na etapa anterior, você já terá uma boa ideia de quais funcionalidades o usuário do WP vai precisar para atualizar o site, portanto antes mesmo da criação dos htmls das páginas, é ideial fazer a escolha dos pluggins. Essa escolha é bastante complicada uma vez que a chance de um pluggin não funcionar ou até mesmo não atender a necessidade, é grande, portanto vale levar em conta alguns pontos: atualização do pluggin, popularidade, complexibilidade e suporte.
Abaixo, indico uma lista de alguns pluggins que trazem ferramentas bem comuns às necessidades da maioria dos websites:
Após toda essa estruturação, mão a obra, que daqui para frente é aquilo que você já conhece – HTML + CSS e lindas páginas publicadas pela web.
Boa sorte e até a próxima.
😉